fix: npmrc registry url

* fix: npmrc registry url * chore: fix types * chore: update lock * chore: update * chore: update * chore: update * chore: update * chore: update * chore: update * chore: update * chore: update storybookjs * Merge remote-tracking branch 'origin' into anu/registry-url-fix * chore: fix build * chore: fix build * chore: update * chore: update snaps
razorpay · Apr 5, 2024 · 460a23d · 460a23d
1 parent 65a6be0
commit 460a23d
Show file tree

Hide file tree

Showing 325 changed files with 9,267 additions and 9,719 deletions.
diff --git a/.github/workflows/blade-bundle-size.yml b/.github/workflows/blade-bundle-size.yml
@@ -22,11 +22,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Update Bundle Size Data
         run: yarn generate-bundle-size-info
@@ -51,11 +47,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Build Blade React Production
         run: yarn run-s build:clean build:generate-types build:react-prod

diff --git a/.github/workflows/blade-chromatic.yml b/.github/workflows/blade-chromatic.yml
@@ -18,11 +18,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Publish to Chromatic
         uses: chromaui/action@v1

diff --git a/.github/workflows/blade-interaction-tests.yml b/.github/workflows/blade-interaction-tests.yml
@@ -28,11 +28,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Run Interaction Tests
         run: |

diff --git a/.github/workflows/blade-pr-title-check.yml b/.github/workflows/blade-pr-title-check.yml
@@ -2,7 +2,7 @@ name: Blade PR Title Check
 
 on:
   pull_request_target:
-    types: [open, edited, synchronize]
+    types: [opened, edited, synchronize]
 
 concurrency: # cancel previously running workflows when a new workflow is re-run
   group: ${{ github.workflow }}-${{ github.ref }}

diff --git a/.github/workflows/blade-tokens-upload.yml b/.github/workflows/blade-tokens-upload.yml
@@ -24,11 +24,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Upload Tokens
         working-directory: packages/blade

diff --git a/.github/workflows/blade-validate.yml b/.github/workflows/blade-validate.yml
@@ -16,11 +16,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Build Blade
         run: yarn build
@@ -45,11 +41,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Run Unit Tests
         run: yarn test

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -21,11 +21,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Create Release Pull Request & Publish packages
         id: changesets

diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+@razorpay:registry=https://registry.npmjs.org/
diff --git a/package.json b/package.json
@@ -29,10 +29,7 @@
     "@babel/eslint-parser": "7.21.8",
     "@changesets/cli": "2.24.1",
     "@types/jest": "26.0.23",
-    "@types/react": "17.0.4",
-    "@types/react-native": "0.64.4",
-    "@types/styled-components": "5.1.25",
-    "@types/styled-components-react-native": "5.1.3",
+    "@types/react": "18.2.24",
     "@typescript-eslint/eslint-plugin": "5.59.6",
     "@typescript-eslint/parser": "5.59.6",
     "@typescript-eslint/utils": "5.59.6",
@@ -63,6 +60,10 @@
     "stylelint-processor-styled-components": "1.10.0",
     "typescript": "4.8.2"
   },
+  "resolutions": {
+    "@types/react": "18.2.24",
+    "@types/styled-components": "5.1.34"
+  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"

diff --git a/packages/blade/.storybook/react-native/storybook.requires.js b/packages/blade/.storybook/react-native/storybook.requires.js
@@ -56,6 +56,7 @@ const getStories = () => {
     './src/components/Button/BaseButton/BaseButton.internal.stories.tsx': require('../../src/components/Button/BaseButton/BaseButton.internal.stories.tsx'),
     './src/components/Button/Button/Button.stories.tsx': require('../../src/components/Button/Button/Button.stories.tsx'),
     './src/components/Button/IconButton/IconButton.stories.tsx': require('../../src/components/Button/IconButton/IconButton.stories.tsx'),
+    './src/components/ButtonGroup/docs/ButtonGroup.stories.tsx': require('../../src/components/ButtonGroup/docs/ButtonGroup.stories.tsx'),
     './src/components/Card/Card.stories.tsx': require('../../src/components/Card/Card.stories.tsx'),
     './src/components/Card/CardInteractive.stories.tsx': require('../../src/components/Card/CardInteractive.stories.tsx'),
     './src/components/Carousel/Carousel.stories.tsx': require('../../src/components/Carousel/Carousel.stories.tsx'),
@@ -80,6 +81,7 @@ const getStories = () => {
     './src/components/Input/DropdownInputTriggers/SelectInput.stories.tsx': require('../../src/components/Input/DropdownInputTriggers/SelectInput.stories.tsx'),
     './src/components/Input/OTPInput/OTPInput.stories.tsx': require('../../src/components/Input/OTPInput/OTPInput.stories.tsx'),
     './src/components/Input/PasswordInput/PasswordInput.stories.tsx': require('../../src/components/Input/PasswordInput/PasswordInput.stories.tsx'),
+    './src/components/Input/PhoneNumberInput/PhoneNumberInput.stories.tsx': require('../../src/components/Input/PhoneNumberInput/PhoneNumberInput.stories.tsx'),
     './src/components/Input/TextArea/TextArea.stories.tsx': require('../../src/components/Input/TextArea/TextArea.stories.tsx'),
     './src/components/Input/TextInput/TextInput.stories.tsx': require('../../src/components/Input/TextInput/TextInput.stories.tsx'),
     './src/components/Link/BaseLink/BaseLink.stories.tsx': require('../../src/components/Link/BaseLink/BaseLink.stories.tsx'),

diff --git a/packages/blade/package.json b/packages/blade/package.json
@@ -208,10 +208,10 @@
     "@types/jest-axe": "3.5.5",
     "@types/jscodeshift": "0.11.6",
     "@types/jsdom": "20.0.1",
-    "@types/react": "17.0.38",
+    "@types/react": "18.2.24",
     "@types/react-native": "0.72.2",
     "@types/react-test-renderer": "17.0.1",
-    "@types/styled-components": "5.1.25",
+    "@types/styled-components": "5.1.34",
     "@types/styled-components-react-native": "5.1.3",
     "@types/tinycolor2": "1.4.3",
     "@types/react-router-dom": "5.3.3",
@@ -250,7 +250,7 @@
     "react-native": "0.72.3",
     "react-native-gesture-handler": "2.9.0",
     "react-native-reanimated": "3.4.2",
-    "react-native-svg": "12.3.0",
+    "react-native-svg": "15.1.0",
     "react-scripts": "5.0.1",
     "react-test-renderer": "18.2.0",
     "rollup": "3.28.1",
@@ -271,7 +271,7 @@
     "react-native-safe-area-context": "3.4.1",
     "ttypescript": "1.5.15",
     "typescript": "4.9",
-    "typescript-transform-paths": "3.4.6",
+    "typescript-transform-paths": "3.4.7",
     "@types/body-scroll-lock": "3.1.0",
     "ramda": "0.29.1",
     "@razorpay/i18nify-js": "1.8.0",
@@ -306,6 +306,8 @@
     "@storybook/**/react": "18.2.0",
     "react-dom": "18.2.0",
     "react": "18.2.0",
+    "@types/react": "18.2.24",
+    "@types/styled-components": "5.1.34",
     "styled-components": "^5"
   }
 }
diff --git a/...ges/blade/src/components/Accordion/__tests__/__snapshots__/Accordion.native.test.tsx.snap b/...ges/blade/src/components/Accordion/__tests__/__snapshots__/Accordion.native.test.tsx.snap
@@ -357,7 +357,12 @@ exports[`<Accordion /> should render 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -906,7 +911,12 @@ exports[`<Accordion /> should render 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -1455,7 +1465,12 @@ exports[`<Accordion /> should render 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -2053,7 +2068,12 @@ exports[`Deprecated <Accordion /> should render 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -2602,7 +2622,12 @@ exports[`Deprecated <Accordion /> should render 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -3151,7 +3176,12 @@ exports[`Deprecated <Accordion /> should render 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -3748,7 +3778,12 @@ exports[`Deprecated <Accordion /> should render deprecated API 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -4297,7 +4332,12 @@ exports[`Deprecated <Accordion /> should render deprecated API 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [
@@ -4846,7 +4886,12 @@ exports[`Deprecated <Accordion /> should render deprecated API 1`] = `
                                 <RNSVGPath
                                   clipRule={0}
                                   d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"
-                                  fill={4285959847}
+                                  fill={
+                                    {
+                                      "payload": 4285959847,
+                                      "type": 0,
+                                    }
+                                  }
                                   fillRule={0}
                                   propList={
                                     [

diff --git a/packages/blade/src/components/ActionList/ActionListBox.native.tsx b/packages/blade/src/components/ActionList/ActionListBox.native.tsx
@@ -23,17 +23,17 @@ const _ActionListBox = React.forwardRef<SectionList, ActionListBoxProps>(
   ({ sectionData, actionListItemWrapperRole, isMultiSelectable, isInBottomSheet }, ref) => {
     const { footerHeight, setContentHeight } = useBottomSheetContext();
 
-    const renderActionListItem = React.useCallback(({ item }) => {
+    const renderActionListItem = React.useCallback(({ item }: any) => {
       return <ActionListItem {...item} />;
     }, []);
 
-    const renderActionListSectionHeader = React.useCallback(({ section: { title } }) => {
+    const renderActionListSectionHeader = React.useCallback(({ section: { title } }: any) => {
       if (!title) return null;
       return <ActionListSection title={title} _hideDivider={true} children={undefined} />;
     }, []);
 
     const renderActionListSectionDivider = React.useCallback(
-      ({ section: { title, hideDivider } }) => {
+      ({ section: { title, hideDivider } }: any) => {
         if (!title) return null;
         if (hideDivider) return null;
         return <Divider />;