@razorpay/blade 12.41.3 → 12.41.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/native/components/Form/Selector/SelectorGroupField.js +1 -1
- package/build/lib/native/components/Form/Selector/SelectorGroupField.js.map +1 -1
- package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js +3 -1
- package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js.map +1 -1
- package/build/lib/web/production/components/Form/Selector/SelectorGroupField.js +3 -1
- package/build/lib/web/production/components/Form/Selector/SelectorGroupField.js.map +1 -1
- package/package.json +3 -2
|
@@ -15,7 +15,7 @@ import 'react-native-gesture-handler';
|
|
|
15
15
|
import '../../BottomSheet/BottomSheetStack.js';
|
|
16
16
|
import { jsx } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
|
-
var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isReactNative=getPlatformType()==='react-native';var isLabelLeftPositioned=position==='left'&&matchedDeviceType==='desktop';if(isReactNative)isLabelLeftPositioned=false;var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:isLabelLeftPositioned?'row':'column'},makeAccessible({role:role,labelledBy:labelledBy}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
|
|
18
|
+
var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isReactNative=getPlatformType()==='react-native';var isLabelLeftPositioned=position==='left'&&matchedDeviceType==='desktop';if(isReactNative)isLabelLeftPositioned=false;var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:isLabelLeftPositioned?'row':'column'},makeAccessible({role:role,labelledBy:labelledBy}),{alignItems:componentName==='chip-group'&&isLabelLeftPositioned?'baseline':undefined},metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
|
|
19
19
|
|
|
20
20
|
export { SelectorGroupField };
|
|
21
21
|
//# sourceMappingURL=SelectorGroupField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n children: React.ReactNode;\n labelledBy: string;\n position?: 'top' | 'left';\n accessibilityRole?: AriaRoles;\n componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n children,\n labelledBy,\n position,\n accessibilityRole = 'group',\n componentName,\n testID,\n ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isReactNative = getPlatformType() === 'react-native';\n\n let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n if (isReactNative) isLabelLeftPositioned = false;\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n {...makeAccessible({\n role,\n labelledBy,\n })}\n {...metaAttribute({ name: componentName, testID })}\n {...makeAnalyticsAttribute(props)}\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","Object","assign","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;gGAmBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAAA,IAPjDC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,qBAAA,CAAAJ,IAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,qBAAA,CAC3BE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n children: React.ReactNode;\n labelledBy: string;\n position?: 'top' | 'left';\n accessibilityRole?: AriaRoles;\n componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n children,\n labelledBy,\n position,\n accessibilityRole = 'group',\n componentName,\n testID,\n ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isReactNative = getPlatformType() === 'react-native';\n\n let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n if (isReactNative) isLabelLeftPositioned = false;\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n {...makeAccessible({\n role,\n labelledBy,\n })}\n alignItems={componentName === 'chip-group' && isLabelLeftPositioned ? 'baseline' : undefined}\n {...metaAttribute({ name: componentName, testID })}\n {...makeAnalyticsAttribute(props)}\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","Object","assign","display","flexDirection","makeAccessible","alignItems","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;gGAmBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAAA,IAPjDC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,qBAAA,CAAAJ,IAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,qBAAA,CAC3BE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAER,CAAA,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEH,KAAK,CAACG,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CACzB,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAE1D,IAAIC,qBAAqB,CAAGjB,QAAQ,GAAK,MAAM,EAAIc,iBAAiB,GAAK,SAAS,CAClF,GAAIC,aAAa,CAAEE,qBAAqB,CAAG,KAAK,CAChD,IAAMC,IAAI,CAAGhB,iBAAiB,GAAK,OAAO,EAAIa,aAAa,CAAGI,SAAS,CAAGjB,iBAAiB,CAE3F,OACEkB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAER,qBAAqB,CAAG,KAAK,CAAG,QAAS,CAAA,CACpDS,cAAc,CAAC,CACjBR,IAAI,CAAJA,IAAI,CACJnB,UAAU,CAAVA,UACF,CAAC,CAAC,CACF4B,CAAAA,UAAU,CAAExB,aAAa,GAAK,YAAY,EAAIc,qBAAqB,CAAG,UAAU,CAAGE,SAAU,CACzFS,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAE1B,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9C0B,sBAAsB,CAACzB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CACF,CAAA,CAAC,CAEd;;;;"}
|
|
@@ -44,7 +44,9 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
|
|
|
44
44
|
}, makeAccessible({
|
|
45
45
|
role: role,
|
|
46
46
|
labelledBy: labelledBy
|
|
47
|
-
})),
|
|
47
|
+
})), {}, {
|
|
48
|
+
alignItems: componentName === 'chip-group' && isLabelLeftPositioned ? 'baseline' : undefined
|
|
49
|
+
}, metaAttribute({
|
|
48
50
|
name: componentName,
|
|
49
51
|
testID: testID
|
|
50
52
|
})), makeAnalyticsAttribute(props)), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n children: React.ReactNode;\n labelledBy: string;\n position?: 'top' | 'left';\n accessibilityRole?: AriaRoles;\n componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n children,\n labelledBy,\n position,\n accessibilityRole = 'group',\n componentName,\n testID,\n ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isReactNative = getPlatformType() === 'react-native';\n\n let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n if (isReactNative) isLabelLeftPositioned = false;\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n {...makeAccessible({\n role,\n labelledBy,\n })}\n {...metaAttribute({ name: componentName, testID })}\n {...makeAnalyticsAttribute(props)}\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;
|
|
1
|
+
{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n children: React.ReactNode;\n labelledBy: string;\n position?: 'top' | 'left';\n accessibilityRole?: AriaRoles;\n componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n children,\n labelledBy,\n position,\n accessibilityRole = 'group',\n componentName,\n testID,\n ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isReactNative = getPlatformType() === 'react-native';\n\n let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n if (isReactNative) isLabelLeftPositioned = false;\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n {...makeAccessible({\n role,\n labelledBy,\n })}\n alignItems={componentName === 'chip-group' && isLabelLeftPositioned ? 'baseline' : undefined}\n {...metaAttribute({ name: componentName, testID })}\n {...makeAnalyticsAttribute(props)}\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","alignItems","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;AACF,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACF2B,UAAU,EAAEvB,aAAa,KAAK,YAAY,IAAIc,qBAAqB,GAAG,UAAU,GAAGE,SAAAA;AAAU,GAAA,EACzFQ,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEzB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CyB,sBAAsB,CAACxB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
|
|
@@ -44,7 +44,9 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
|
|
|
44
44
|
}, makeAccessible({
|
|
45
45
|
role: role,
|
|
46
46
|
labelledBy: labelledBy
|
|
47
|
-
})),
|
|
47
|
+
})), {}, {
|
|
48
|
+
alignItems: componentName === 'chip-group' && isLabelLeftPositioned ? 'baseline' : undefined
|
|
49
|
+
}, metaAttribute({
|
|
48
50
|
name: componentName,
|
|
49
51
|
testID: testID
|
|
50
52
|
})), makeAnalyticsAttribute(props)), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n children: React.ReactNode;\n labelledBy: string;\n position?: 'top' | 'left';\n accessibilityRole?: AriaRoles;\n componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n children,\n labelledBy,\n position,\n accessibilityRole = 'group',\n componentName,\n testID,\n ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isReactNative = getPlatformType() === 'react-native';\n\n let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n if (isReactNative) isLabelLeftPositioned = false;\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n {...makeAccessible({\n role,\n labelledBy,\n })}\n {...metaAttribute({ name: componentName, testID })}\n {...makeAnalyticsAttribute(props)}\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;
|
|
1
|
+
{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n children: React.ReactNode;\n labelledBy: string;\n position?: 'top' | 'left';\n accessibilityRole?: AriaRoles;\n componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n children,\n labelledBy,\n position,\n accessibilityRole = 'group',\n componentName,\n testID,\n ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isReactNative = getPlatformType() === 'react-native';\n\n let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n if (isReactNative) isLabelLeftPositioned = false;\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n {...makeAccessible({\n role,\n labelledBy,\n })}\n alignItems={componentName === 'chip-group' && isLabelLeftPositioned ? 'baseline' : undefined}\n {...metaAttribute({ name: componentName, testID })}\n {...makeAnalyticsAttribute(props)}\n >\n {children}\n </BaseBox>\n );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","alignItems","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;AACF,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACF2B,UAAU,EAAEvB,aAAa,KAAK,YAAY,IAAIc,qBAAqB,GAAG,UAAU,GAAGE,SAAAA;AAAU,GAAA,EACzFQ,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEzB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CyB,sBAAsB,CAACxB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@razorpay/blade",
|
|
3
3
|
"description": "The Design System that powers Razorpay",
|
|
4
|
-
"version": "12.41.
|
|
4
|
+
"version": "12.41.4",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=18.12.1"
|
|
@@ -130,7 +130,8 @@
|
|
|
130
130
|
"pregenerate-bundle-size-info": "yarn run-s build:clean build:generate-types build:react-prod",
|
|
131
131
|
"generate-bundle-size-info": "node ./scripts/generateBundleSizeInfo.js",
|
|
132
132
|
"generate-docs-lockfile": "node ./scripts/generateDocsLockFile.mjs",
|
|
133
|
-
"generate-icons": "node ./scripts/generateIcons.mjs"
|
|
133
|
+
"generate-icons": "node ./scripts/generateIcons.mjs",
|
|
134
|
+
"fetch-icons": "node ./scripts/getSvgFromFigma.js"
|
|
134
135
|
},
|
|
135
136
|
"dependencies": {
|
|
136
137
|
"@babel/runtime": "7.20.0",
|