@razorpay/blade 12.32.1 → 12.32.3

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.
Files changed (24) hide show
  1. package/build/lib/native/components/Form/Selector/SelectorGroupField.js +7 -2
  2. package/build/lib/native/components/Form/Selector/SelectorGroupField.js.map +1 -1
  3. package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js +4 -2
  4. package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js.map +1 -1
  5. package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js +4 -2
  6. package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
  7. package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js +4 -4
  8. package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js.map +1 -1
  9. package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js +12 -3
  10. package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js.map +1 -1
  11. package/build/lib/web/development/components/Table/commonStyles/tableBodyStyles.js +1 -1
  12. package/build/lib/web/development/components/Table/commonStyles/tableBodyStyles.js.map +1 -1
  13. package/build/lib/web/production/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js +4 -2
  14. package/build/lib/web/production/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js.map +1 -1
  15. package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js +4 -2
  16. package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
  17. package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js +4 -4
  18. package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js.map +1 -1
  19. package/build/lib/web/production/components/Form/Selector/SelectorGroupField.js +12 -3
  20. package/build/lib/web/production/components/Form/Selector/SelectorGroupField.js.map +1 -1
  21. package/build/lib/web/production/components/Table/commonStyles/tableBodyStyles.js +1 -1
  22. package/build/lib/web/production/components/Table/commonStyles/tableBodyStyles.js.map +1 -1
  23. package/build/types/components/index.d.ts +2 -1
  24. package/package.json +2 -2
@@ -5,12 +5,17 @@ import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
5
5
  import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
6
6
  import 'react-native';
7
7
  import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
8
+ import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
8
9
  import '@babel/runtime/helpers/slicedToArray';
9
- import '../../BladeProvider/useTheme.js';
10
+ import useTheme from '../../BladeProvider/useTheme.js';
10
11
  import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
12
+ import 'styled-components/native';
13
+ import '@gorhom/portal';
14
+ import 'react-native-gesture-handler';
15
+ import '../../BottomSheet/BottomSheetStack.js';
11
16
  import { jsx } from 'react/jsx-runtime';
12
17
 
13
- 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 isReactNative=getPlatformType()==='react-native';var labelPosition=position==='top'?'column':'row';if(isReactNative)labelPosition='column';var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:labelPosition},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}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
14
19
 
15
20
  export { SelectorGroupField };
16
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 type { CSSObject } from 'styled-components';\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 } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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 isReactNative = getPlatformType() === 'react-native';\n let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n if (isReactNative) labelPosition = 'column';\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={labelPosition}\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","isReactNative","getPlatformType","labelPosition","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,GAAG,KAAA,CAAA,CAAA,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,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,IAAIC,aAAyC,CAAGV,QAAQ,GAAK,KAAK,CAAG,QAAQ,CAAG,KAAK,CACrF,GAAIQ,aAAa,CAAEE,aAAa,CAAG,QAAQ,CAC3C,IAAMC,IAAI,CAAGT,iBAAiB,GAAK,OAAO,EAAIM,aAAa,CAAGI,SAAS,CAAGV,iBAAiB,CAE3F,OACEW,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAER,aAAc,EACzBS,cAAc,CAAC,CACjBR,IAAI,CAAJA,IAAI,CACJZ,UAAU,CAAVA,UACF,CAAC,CAAC,CACEqB,aAAa,CAAC,CAAEC,IAAI,CAAElB,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9CkB,sBAAsB,CAACjB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CAAA,CACF,CAAC,CAEd;;;;"}
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,CAER,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,CACE4B,aAAa,CAAC,CAAEC,IAAI,CAAEzB,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9CyB,sBAAsB,CAACxB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CACF,CAAA,CAAC,CAEd;;;;"}
@@ -43,7 +43,8 @@ var _DatePickerFilterChip = function _DatePickerFilterChip(_ref, ref) {
43
43
  onClearButtonChange = props.onClearButtonChange,
44
44
  accessibilityLabel = props.accessibilityLabel,
45
45
  date = props.date,
46
- format = props.format;
46
+ format = props.format,
47
+ isDisabled = props.isDisabled;
47
48
  var _useDatesContext = useDatesContext(),
48
49
  locale = _useDatesContext.locale;
49
50
  var dateValue = formatDateRange(date, format, locale, selectionType);
@@ -58,7 +59,8 @@ var _DatePickerFilterChip = function _DatePickerFilterChip(_ref, ref) {
58
59
  expanded: referenceProps['aria-expanded'],
59
60
  controls: referenceProps['aria-controls'],
60
61
  role: 'combobox'
61
- }
62
+ },
63
+ isDisabled: isDisabled
62
64
  }, referenceProps));
63
65
  };
64
66
  var DatePickerFilterChip = /*#__PURE__*/forwardRef(_DatePickerFilterChip);
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerFilterChip.web.js","sources":["../../../../../../../src/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerFilterChipProps } from '../types';\nimport { getFormattedDate } from '../utils';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport type { BladeElementRef } from '~utils/types';\n\nconst formatDateRange = (\n date: Date | [Date, Date],\n format: string,\n locale: string,\n selectionType: 'single' | 'range',\n): string => {\n const formatOptions = {\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default' as const,\n };\n\n if (selectionType === 'single' && date instanceof Date) {\n return getFormattedDate(formatOptions);\n }\n\n if (Array.isArray(date)) {\n const [startDate, endDate] = date;\n if (startDate) {\n return `${getFormattedDate({ ...formatOptions, date: startDate })} ${\n endDate ? ' - ' : ''\n } ${getFormattedDate({\n ...formatOptions,\n date: endDate,\n })}`;\n }\n }\n return '';\n};\n\nconst _DatePickerFilterChip: React.ForwardRefRenderFunction<\n BladeElementRef,\n DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n }\n> = (\n {\n ...props\n }: DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n },\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n const {\n referenceProps,\n label,\n selectionType,\n onClearButtonChange,\n accessibilityLabel,\n date,\n format,\n } = props;\n const { locale } = useDatesContext();\n\n const dateValue = formatDateRange(date, format, locale, selectionType);\n\n return (\n <BaseFilterChip\n ref={ref}\n label={label}\n value={dateValue}\n onClearButtonClick={onClearButtonChange}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: referenceProps['aria-haspopup'],\n expanded: referenceProps['aria-expanded'],\n controls: referenceProps['aria-controls'],\n role: 'combobox',\n }}\n {...referenceProps}\n />\n );\n};\n\nconst DatePickerFilterChip = forwardRef(_DatePickerFilterChip);\n\nexport { DatePickerFilterChip };\n"],"names":["formatDateRange","date","format","locale","selectionType","formatOptions","labelSeparator","type","Date","getFormattedDate","Array","isArray","_date","_slicedToArray","startDate","endDate","concat","_objectSpread","_DatePickerFilterChip","_ref","ref","props","_extends","_objectDestructuringEmpty","referenceProps","label","onClearButtonChange","accessibilityLabel","_useDatesContext","useDatesContext","dateValue","_jsx","BaseFilterChip","value","onClearButtonClick","accessibilityProps","hasPopup","expanded","controls","role","DatePickerFilterChip","forwardRef"],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerFilterChip.web.js","sources":["../../../../../../../src/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerFilterChipProps } from '../types';\nimport { getFormattedDate } from '../utils';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport type { BladeElementRef } from '~utils/types';\n\nconst formatDateRange = (\n date: Date | [Date, Date],\n format: string,\n locale: string,\n selectionType: 'single' | 'range',\n): string => {\n const formatOptions = {\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default' as const,\n };\n\n if (selectionType === 'single' && date instanceof Date) {\n return getFormattedDate(formatOptions);\n }\n\n if (Array.isArray(date)) {\n const [startDate, endDate] = date;\n if (startDate) {\n return `${getFormattedDate({ ...formatOptions, date: startDate })} ${\n endDate ? ' - ' : ''\n } ${getFormattedDate({\n ...formatOptions,\n date: endDate,\n })}`;\n }\n }\n return '';\n};\n\nconst _DatePickerFilterChip: React.ForwardRefRenderFunction<\n BladeElementRef,\n DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n }\n> = (\n {\n ...props\n }: DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n },\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n const {\n referenceProps,\n label,\n selectionType,\n onClearButtonChange,\n accessibilityLabel,\n date,\n format,\n isDisabled,\n } = props;\n const { locale } = useDatesContext();\n\n const dateValue = formatDateRange(date, format, locale, selectionType);\n\n return (\n <BaseFilterChip\n ref={ref}\n label={label}\n value={dateValue}\n onClearButtonClick={onClearButtonChange}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: referenceProps['aria-haspopup'],\n expanded: referenceProps['aria-expanded'],\n controls: referenceProps['aria-controls'],\n role: 'combobox',\n }}\n isDisabled={isDisabled}\n {...referenceProps}\n />\n );\n};\n\nconst DatePickerFilterChip = forwardRef(_DatePickerFilterChip);\n\nexport { DatePickerFilterChip };\n"],"names":["formatDateRange","date","format","locale","selectionType","formatOptions","labelSeparator","type","Date","getFormattedDate","Array","isArray","_date","_slicedToArray","startDate","endDate","concat","_objectSpread","_DatePickerFilterChip","_ref","ref","props","_extends","_objectDestructuringEmpty","referenceProps","label","onClearButtonChange","accessibilityLabel","isDisabled","_useDatesContext","useDatesContext","dateValue","_jsx","BaseFilterChip","value","onClearButtonClick","accessibilityProps","hasPopup","expanded","controls","role","DatePickerFilterChip","forwardRef"],"mappings":"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"}
@@ -16,7 +16,7 @@ import { useFirstRender } from '../../utils/useFirstRender.js';
16
16
  import { jsx } from 'react/jsx-runtime';
17
17
  import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
18
18
 
19
- var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "testID", "value", "onClearButtonClick", "label", "onChange", "name"];
19
+ var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "testID", "value", "onClearButtonClick", "label", "onChange", "name", "isDisabled"];
20
20
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
21
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
22
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -34,6 +34,7 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
34
34
  label = props.label,
35
35
  onChange = props.onChange,
36
36
  name = props.name,
37
+ isDisabled = props.isDisabled,
37
38
  rest = _objectWithoutProperties(props, _excluded);
38
39
  var _React$useState = React__default.useState([]),
39
40
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -228,7 +229,8 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
228
229
  },
229
230
  onBlur: function onBlur(e) {
230
231
  _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
231
- }
232
+ },
233
+ isDisabled: isDisabled
232
234
  }));
233
235
  };
234
236
  var FilterChipSelectInput = /*#__PURE__*/assignWithoutSideEffects(_FilterChipSelectInput, {
@@ -1 +1 @@
1
- {"version":3,"file":"FilterChipSelectInput.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipSelectInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext.web';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext.web';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n BaseFilterChipProps,\n 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'\n> & {\n accessibilityLabel?: string;\n onChange?: (props: { name: string; values: string[] }) => void;\n name?: string;\n onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n const idBase = useId('filter-chip-select-input');\n const {\n onClick,\n onBlur,\n onKeyDown,\n accessibilityLabel,\n testID,\n value,\n onClearButtonClick,\n label,\n onChange,\n name,\n ...rest\n } = props;\n const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n const isFirstRender = useFirstRender();\n\n const {\n options,\n selectedIndices,\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n selectionType,\n isControlled,\n setSelectedIndices,\n controlledValueIndices,\n changeCallbackTriggerer,\n } = useDropdown();\n const valueTitle = options.find((option) => option.value === value)?.title ?? value;\n\n const isUnControlled = options.length > 0 && props.value === undefined;\n // Currently we are having 2 context for selectedFilters. One is for FilterChipGroup and other is for ListView\n const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n const {\n clearFilterCallbackTriggerer,\n setFilterChipGroupSelectedFilters,\n } = useFilterChipGroupContext();\n\n const getValuesArrayFromIndices = (): string[] => {\n let indices: number[] = [];\n if (isControlled) {\n indices = controlledValueIndices;\n } else {\n indices = selectedIndices;\n }\n\n return indices.map((selectionIndex) => options[selectionIndex].value);\n };\n\n useEffect(() => {\n const valueNotEmpty =\n (typeof value === 'string' && value.trim() !== '') ||\n (Array.isArray(value) && value.length > 0);\n // since we need to sync state only one time so skipping value checking.\n const isValueAndSelectedOptoinsSynced =\n (typeof value === 'string' && value && selectedIndices.length === 1) ||\n (Array.isArray(value) && value.length === selectedIndices.length);\n if (isUnControlled) {\n if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n const inputValue = value.map((selectionIndex) => options[selectionIndex].value);\n setUncontrolledInputValue(inputValue);\n setFilterChipGroupSelectedFilters((prev) =>\n prev.includes(label) ? prev : [...prev, label],\n );\n }\n } else if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n // This would be the case when filterChipSelectInput is controlled and are being opened first time\n } else if (valueNotEmpty && !isValueAndSelectedOptoinsSynced && options.length > 0) {\n const selectedIndices =\n typeof value === 'string'\n ? [options.findIndex((option) => option.value === value)]\n : options\n .map((option, index) => (value.includes(option.value) ? index : -1))\n .filter((index) => index !== -1);\n setSelectedIndices(selectedIndices);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isUnControlled, options]);\n\n const getTitleFromValue = (value: string): string => {\n const option = options.find((option) => option.value === value);\n return option ? option.title : '';\n };\n\n const getUnControlledFilterChipValue = (): string | string[] => {\n if (selectionType === 'single') {\n if (uncontrolledInputValue.length > 0) {\n return getTitleFromValue(uncontrolledInputValue[0]);\n }\n return '';\n }\n return uncontrolledInputValue;\n };\n\n const handleClearButtonClick = (): void => {\n props.onClearButtonClick?.({ name: name ?? idBase, values: getValuesArrayFromIndices() });\n props.onChange?.({ name: name ?? idBase, values: [] });\n if (isUnControlled) {\n setUncontrolledInputValue([]);\n setSelectedIndices([]);\n }\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n setSelectedIndices([]);\n };\n\n useEffect(() => {\n if (clearFilterCallbackTriggerer) {\n handleClearButtonClick();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [clearFilterCallbackTriggerer]);\n\n useEffect(() => {\n if (!isFirstRender) {\n props.onChange?.({\n name: props.name || idBase,\n values: getValuesArrayFromIndices(),\n });\n if (isUnControlled) {\n setUncontrolledInputValue(getValuesArrayFromIndices());\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n useEffect(() => {\n const isValueEmpty = selectedIndices.length === 0;\n if (!isFirstRender && !isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n setListViewSelectedFilters((prev) => ({\n ...prev,\n [label]: selectedIndices as number[],\n }));\n } else if (!isFirstRender && isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n\n const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n onKeyDown?.(e);\n onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n if (e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n }\n\n if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n e.preventDefault();\n e.stopPropagation();\n onTriggerClick();\n }\n };\n\n return (\n <BaseFilterChip\n label={label}\n value={valueTitle ?? getUnControlledFilterChipValue()}\n onClearButtonClick={handleClearButtonClick}\n selectionType={selectionType}\n {...rest}\n ref={triggererRef as any}\n onKeyDown={handleKeyDown}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n onClick?.(e);\n }}\n onBlur={(e) => {\n onBlur?.(e);\n }}\n />\n );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["_FilterChipSelectInput","props","_options$find$title","_options$find","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","valueNotEmpty","trim","Array","isArray","isValueAndSelectedOptoinsSynced","inputValue","prev","includes","concat","_toConsumableArray","findIndex","index","filter","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
1
+ {"version":3,"file":"FilterChipSelectInput.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipSelectInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext.web';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext.web';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n BaseFilterChipProps,\n 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'\n> & {\n accessibilityLabel?: string;\n onChange?: (props: { name: string; values: string[] }) => void;\n name?: string;\n onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n isDisabled?: boolean;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n const idBase = useId('filter-chip-select-input');\n const {\n onClick,\n onBlur,\n onKeyDown,\n accessibilityLabel,\n testID,\n value,\n onClearButtonClick,\n label,\n onChange,\n name,\n isDisabled,\n ...rest\n } = props;\n const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n const isFirstRender = useFirstRender();\n\n const {\n options,\n selectedIndices,\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n selectionType,\n isControlled,\n setSelectedIndices,\n controlledValueIndices,\n changeCallbackTriggerer,\n } = useDropdown();\n const valueTitle = options.find((option) => option.value === value)?.title ?? value;\n\n const isUnControlled = options.length > 0 && props.value === undefined;\n // Currently we are having 2 context for selectedFilters. One is for FilterChipGroup and other is for ListView\n const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n const {\n clearFilterCallbackTriggerer,\n setFilterChipGroupSelectedFilters,\n } = useFilterChipGroupContext();\n\n const getValuesArrayFromIndices = (): string[] => {\n let indices: number[] = [];\n if (isControlled) {\n indices = controlledValueIndices;\n } else {\n indices = selectedIndices;\n }\n\n return indices.map((selectionIndex) => options[selectionIndex].value);\n };\n\n useEffect(() => {\n const valueNotEmpty =\n (typeof value === 'string' && value.trim() !== '') ||\n (Array.isArray(value) && value.length > 0);\n // since we need to sync state only one time so skipping value checking.\n const isValueAndSelectedOptoinsSynced =\n (typeof value === 'string' && value && selectedIndices.length === 1) ||\n (Array.isArray(value) && value.length === selectedIndices.length);\n if (isUnControlled) {\n if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n const inputValue = value.map((selectionIndex) => options[selectionIndex].value);\n setUncontrolledInputValue(inputValue);\n setFilterChipGroupSelectedFilters((prev) =>\n prev.includes(label) ? prev : [...prev, label],\n );\n }\n } else if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n // This would be the case when filterChipSelectInput is controlled and are being opened first time\n } else if (valueNotEmpty && !isValueAndSelectedOptoinsSynced && options.length > 0) {\n const selectedIndices =\n typeof value === 'string'\n ? [options.findIndex((option) => option.value === value)]\n : options\n .map((option, index) => (value.includes(option.value) ? index : -1))\n .filter((index) => index !== -1);\n setSelectedIndices(selectedIndices);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isUnControlled, options]);\n\n const getTitleFromValue = (value: string): string => {\n const option = options.find((option) => option.value === value);\n return option ? option.title : '';\n };\n\n const getUnControlledFilterChipValue = (): string | string[] => {\n if (selectionType === 'single') {\n if (uncontrolledInputValue.length > 0) {\n return getTitleFromValue(uncontrolledInputValue[0]);\n }\n return '';\n }\n return uncontrolledInputValue;\n };\n\n const handleClearButtonClick = (): void => {\n props.onClearButtonClick?.({ name: name ?? idBase, values: getValuesArrayFromIndices() });\n props.onChange?.({ name: name ?? idBase, values: [] });\n if (isUnControlled) {\n setUncontrolledInputValue([]);\n setSelectedIndices([]);\n }\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n setSelectedIndices([]);\n };\n\n useEffect(() => {\n if (clearFilterCallbackTriggerer) {\n handleClearButtonClick();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [clearFilterCallbackTriggerer]);\n\n useEffect(() => {\n if (!isFirstRender) {\n props.onChange?.({\n name: props.name || idBase,\n values: getValuesArrayFromIndices(),\n });\n if (isUnControlled) {\n setUncontrolledInputValue(getValuesArrayFromIndices());\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n useEffect(() => {\n const isValueEmpty = selectedIndices.length === 0;\n if (!isFirstRender && !isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n setListViewSelectedFilters((prev) => ({\n ...prev,\n [label]: selectedIndices as number[],\n }));\n } else if (!isFirstRender && isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n\n const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n onKeyDown?.(e);\n onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n if (e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n }\n\n if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n e.preventDefault();\n e.stopPropagation();\n onTriggerClick();\n }\n };\n\n return (\n <BaseFilterChip\n label={label}\n value={valueTitle ?? getUnControlledFilterChipValue()}\n onClearButtonClick={handleClearButtonClick}\n selectionType={selectionType}\n {...rest}\n ref={triggererRef as any}\n onKeyDown={handleKeyDown}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n onClick?.(e);\n }}\n onBlur={(e) => {\n onBlur?.(e);\n }}\n isDisabled={isDisabled}\n />\n );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["_FilterChipSelectInput","props","_options$find$title","_options$find","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","valueNotEmpty","trim","Array","isArray","isValueAndSelectedOptoinsSynced","inputValue","prev","includes","concat","_toConsumableArray","findIndex","index","filter","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
@@ -113,14 +113,14 @@ var StyledFilterCloseButton = /*#__PURE__*/styled.button.withConfig({
113
113
  theme: theme
114
114
  }));
115
115
  });
116
- var renderValue = function renderValue(selectionType, value) {
116
+ var renderValue = function renderValue(selectionType, value, isDisabled) {
117
117
  if (selectionType === 'multiple' && Array.isArray(value)) {
118
118
  return /*#__PURE__*/jsx(Box, {
119
119
  display: "flex",
120
120
  alignItems: "center",
121
121
  children: /*#__PURE__*/jsx(Counter, {
122
122
  value: value.length,
123
- color: "primary",
123
+ color: isDisabled ? 'neutral' : 'primary',
124
124
  size: "small"
125
125
  })
126
126
  });
@@ -129,7 +129,7 @@ var renderValue = function renderValue(selectionType, value) {
129
129
  as: "span",
130
130
  size: "small",
131
131
  weight: "semibold",
132
- color: "interactive.text.primary.normal",
132
+ color: isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal',
133
133
  children: value
134
134
  });
135
135
  };
@@ -178,7 +178,7 @@ var _BaseFilterChip = function _BaseFilterChip(_ref5, ref) {
178
178
  color: "currentColor",
179
179
  truncateAfterLines: 1,
180
180
  children: [label, isSelected ? ':' : null]
181
- }), isSelected ? renderValue(selectionType, value) : null]
181
+ }), isSelected ? renderValue(selectionType, value, isDisabled) : null]
182
182
  }), /*#__PURE__*/jsx(Box, {
183
183
  display: "flex",
184
184
  alignItems: "center",
@@ -1 +1 @@
1
- {"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n return {\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n color: 'currentcolor',\n '&:not([disabled]):hover': {\n backgroundColor: theme.colors.interactive.background.gray.faded,\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n outlineOffset: makeSpace(theme.spacing[1]),\n },\n };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n ({ theme, $isDisabled, $isSelected }) => {\n return {\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n height: FILTER_CHIP_HEIGHT,\n borderRadius: theme.border.radius.max,\n display: 'flex',\n borderStyle: $isSelected ? 'solid' : 'dashed',\n backgroundColor: theme.colors.surface.background.gray.intense,\n color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n width: 'fit-content',\n };\n },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n const { spacing } = theme;\n return {\n backgroundColor: theme.colors.transparent,\n borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n borderTopLeftRadius: theme.border.radius.max,\n borderBottomLeftRadius: theme.border.radius.max,\n paddingLeft: makeSpace(spacing[4]),\n paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n gap: makeSpace(spacing[2]),\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n return {\n backgroundColor: theme.colors.transparent,\n borderTopRightRadius: theme.border.radius.max,\n borderBottomRightRadius: theme.border.radius.max,\n paddingLeft: makeSpace(theme.spacing[2]),\n paddingRight: makeSpace(theme.spacing[3]),\n justifyContent: 'center',\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst renderValue = (\n selectionType: BaseFilterChipProps['selectionType'],\n value: BaseFilterChipProps['value'],\n): React.ReactElement => {\n if (selectionType === 'multiple' && Array.isArray(value)) {\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Counter value={value.length} color=\"primary\" size=\"small\" />\n </Box>\n );\n }\n\n return (\n <Text as=\"span\" size=\"small\" weight=\"semibold\" color=\"interactive.text.primary.normal\">\n {value}\n </Text>\n );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n {\n value,\n onClearButtonClick,\n label,\n isDisabled,\n selectionType = 'single',\n onClick,\n onKeyDown,\n accessibilityProps,\n id,\n ...rest\n }: BaseFilterChipProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isSelected =\n selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n return (\n <StyledFilterChip\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n ref={ref as React.Ref<HTMLDivElement>}\n >\n <StyledFilterTrigger\n $isSelected={isSelected}\n disabled={isDisabled}\n id={id}\n onClick={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick?.(e as any);\n }}\n onKeyDown={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown?.(e as any);\n }}\n {...makeAccessible({\n ...accessibilityProps,\n role: accessibilityProps?.role ?? 'button',\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID: rest.testID })}\n >\n <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n {label}\n {isSelected ? ':' : null}\n </Text>\n {isSelected ? renderValue(selectionType, value) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n </Box>\n </StyledFilterTrigger>\n {isSelected ? (\n <>\n <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n <StyledFilterCloseButton\n aria-label={`Clear ${label} value`}\n // value can never be undefined because when it's undefined the button itself doesn't render/\n onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n disabled={isDisabled}\n >\n <CloseIcon size=\"small\" color=\"currentColor\" />\n </StyledFilterCloseButton>\n </>\n ) : null}\n </StyledFilterChip>\n );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","isDisabled","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}
1
+ {"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n return {\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n color: 'currentcolor',\n '&:not([disabled]):hover': {\n backgroundColor: theme.colors.interactive.background.gray.faded,\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n outlineOffset: makeSpace(theme.spacing[1]),\n },\n };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n ({ theme, $isDisabled, $isSelected }) => {\n return {\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n height: FILTER_CHIP_HEIGHT,\n borderRadius: theme.border.radius.max,\n display: 'flex',\n borderStyle: $isSelected ? 'solid' : 'dashed',\n backgroundColor: theme.colors.surface.background.gray.intense,\n color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n width: 'fit-content',\n };\n },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n const { spacing } = theme;\n return {\n backgroundColor: theme.colors.transparent,\n borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n borderTopLeftRadius: theme.border.radius.max,\n borderBottomLeftRadius: theme.border.radius.max,\n paddingLeft: makeSpace(spacing[4]),\n paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n gap: makeSpace(spacing[2]),\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n return {\n backgroundColor: theme.colors.transparent,\n borderTopRightRadius: theme.border.radius.max,\n borderBottomRightRadius: theme.border.radius.max,\n paddingLeft: makeSpace(theme.spacing[2]),\n paddingRight: makeSpace(theme.spacing[3]),\n justifyContent: 'center',\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst renderValue = (\n selectionType: BaseFilterChipProps['selectionType'],\n value: BaseFilterChipProps['value'],\n isDisabled?: boolean,\n): React.ReactElement => {\n if (selectionType === 'multiple' && Array.isArray(value)) {\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Counter value={value.length} color={isDisabled ? 'neutral' : 'primary'} size=\"small\" />\n </Box>\n );\n }\n\n return (\n <Text\n as=\"span\"\n size=\"small\"\n weight=\"semibold\"\n color={isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal'}\n >\n {value}\n </Text>\n );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n {\n value,\n onClearButtonClick,\n label,\n isDisabled,\n selectionType = 'single',\n onClick,\n onKeyDown,\n accessibilityProps,\n id,\n ...rest\n }: BaseFilterChipProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isSelected =\n selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n return (\n <StyledFilterChip\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n ref={ref as React.Ref<HTMLDivElement>}\n >\n <StyledFilterTrigger\n $isSelected={isSelected}\n disabled={isDisabled}\n id={id}\n onClick={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick?.(e as any);\n }}\n onKeyDown={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown?.(e as any);\n }}\n {...makeAccessible({\n ...accessibilityProps,\n role: accessibilityProps?.role ?? 'button',\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID: rest.testID })}\n >\n <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n {label}\n {isSelected ? ':' : null}\n </Text>\n {isSelected ? renderValue(selectionType, value, isDisabled) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n </Box>\n </StyledFilterTrigger>\n {isSelected ? (\n <>\n <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n <StyledFilterCloseButton\n aria-label={`Clear ${label} value`}\n // value can never be undefined because when it's undefined the button itself doesn't render/\n onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n disabled={isDisabled}\n >\n <CloseIcon size=\"small\" color=\"currentColor\" />\n </StyledFilterCloseButton>\n </>\n ) : null}\n </StyledFilterChip>\n );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","isDisabled","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}
@@ -6,7 +6,10 @@ import '../../Box/BaseBox/index.js';
6
6
  import '../../../utils/makeAccessible/index.js';
7
7
  import '../../../utils/index.js';
8
8
  import '../../../utils/makeAnalyticsAttribute/index.js';
9
+ import '../../BladeProvider/index.js';
9
10
  import { jsx } from 'react/jsx-runtime';
11
+ import useTheme from '../../BladeProvider/useTheme.js';
12
+ import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
10
13
  import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
11
14
  import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
12
15
  import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
@@ -25,13 +28,19 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
25
28
  componentName = _ref.componentName,
26
29
  testID = _ref.testID,
27
30
  props = _objectWithoutProperties(_ref, _excluded);
31
+ var _useTheme = useTheme(),
32
+ theme = _useTheme.theme;
33
+ var _useBreakpoint = useBreakpoint({
34
+ breakpoints: theme.breakpoints
35
+ }),
36
+ matchedDeviceType = _useBreakpoint.matchedDeviceType;
28
37
  var isReactNative = getPlatformType() === 'react-native';
29
- var labelPosition = position === 'top' ? 'column' : 'row';
30
- if (isReactNative) labelPosition = 'column';
38
+ var isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';
39
+ if (isReactNative) isLabelLeftPositioned = false;
31
40
  var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
32
41
  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
33
42
  display: "flex",
34
- flexDirection: labelPosition
43
+ flexDirection: isLabelLeftPositioned ? 'row' : 'column'
35
44
  }, makeAccessible({
36
45
  role: role,
37
46
  labelledBy: labelledBy
@@ -1 +1 @@
1
- {"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\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 } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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 isReactNative = getPlatformType() === 'react-native';\n let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n if (isReactNative) labelPosition = 'column';\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={labelPosition}\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","isReactNative","getPlatformType","labelPosition","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,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAC1D,IAAIC,aAAyC,GAAGV,QAAQ,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;AACrF,EAAA,IAAIQ,aAAa,EAAEE,aAAa,GAAG,QAAQ,CAAA;EAC3C,IAAMC,IAAI,GAAGT,iBAAiB,KAAK,OAAO,IAAIM,aAAa,GAAGI,SAAS,GAAGV,iBAAiB,CAAA;EAE3F,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,aAAAA;AAAc,GAAA,EACzBQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJZ,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACEoB,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEjB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CiB,sBAAsB,CAAChB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
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;GACD,CAAC,CACE2B,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAExB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CwB,sBAAsB,CAACvB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
@@ -22,7 +22,7 @@ var getTableBodyStyles = function getTableBodyStyles(_ref3) {
22
22
  width = _ref3.width,
23
23
  isSelectable = _ref3.isSelectable,
24
24
  showStripedRows = _ref3.showStripedRows;
25
- var shouldAddCommonStyle = isVirtualized !== null && isVirtualized !== void 0 ? isVirtualized : addCommonStyles;
25
+ var shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;
26
26
  return _objectSpread(_objectSpread({}, isVirtualized && {
27
27
  '& > div ': {
28
28
  overflow: 'auto !important',
@@ -1 +1 @@
1
- {"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n isVirtualized,\n}: {\n isVirtualized?: boolean;\n}): string => {\n return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n isVirtualized,\n addCommonStyles,\n theme,\n height,\n width,\n isSelectable,\n showStripedRows,\n}: {\n isVirtualized?: boolean;\n addCommonStyles?: boolean;\n theme: Theme;\n height?: BoxProps['height'];\n width?: BoxProps['width'];\n isSelectable?: boolean;\n showStripedRows?: boolean;\n}): Record<string, unknown> => {\n const shouldAddCommonStyle = isVirtualized ?? addCommonStyles;\n return {\n ...(isVirtualized && {\n '& > div ': {\n overflow: 'auto !important',\n height: `${height} !important`,\n width: `${width} !important`,\n },\n // and remove scroll from the main table element\n '&': {\n overflow: 'hidden !important',\n },\n // for virtualized table, we need to apply some styles to tbody\n 'tbody > div': {\n display: 'block !important',\n },\n 'tbody div tr': {\n display: 'grid',\n gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n columnGap: '0',\n },\n 'tbody div tr:last-child .cell-wrapper': {\n borderBottom: 'none',\n },\n 'tbody div td': {\n padding: '0',\n },\n }),\n // these styles are common for both virtualized and non-virtualized tables\n ...(shouldAddCommonStyle && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n theme,\n }),\n },\n\n ...(isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n },\n }),\n\n ...(showStripedRows && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper-base`]: {\n backgroundColor: tableRow.stripe.backgroundColor,\n },\n }),\n\n ...(showStripedRows &&\n isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedHover,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedFocus,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedActive,\n ),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorActive,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n theme,\n }),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelected,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n theme,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n }),\n },\n }),\n }),\n };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}
1
+ {"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n isVirtualized,\n}: {\n isVirtualized?: boolean;\n}): string => {\n return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n isVirtualized,\n addCommonStyles,\n theme,\n height,\n width,\n isSelectable,\n showStripedRows,\n}: {\n isVirtualized?: boolean;\n addCommonStyles?: boolean;\n theme: Theme;\n height?: BoxProps['height'];\n width?: BoxProps['width'];\n isSelectable?: boolean;\n showStripedRows?: boolean;\n}): Record<string, unknown> => {\n const shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;\n\n return {\n ...(isVirtualized && {\n '& > div ': {\n overflow: 'auto !important',\n height: `${height} !important`,\n width: `${width} !important`,\n },\n // and remove scroll from the main table element\n '&': {\n overflow: 'hidden !important',\n },\n // for virtualized table, we need to apply some styles to tbody\n 'tbody > div': {\n display: 'block !important',\n },\n 'tbody div tr': {\n display: 'grid',\n gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n columnGap: '0',\n },\n 'tbody div tr:last-child .cell-wrapper': {\n borderBottom: 'none',\n },\n 'tbody div td': {\n padding: '0',\n },\n }),\n // these styles are common for both virtualized and non-virtualized tables\n ...(shouldAddCommonStyle && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n theme,\n }),\n },\n\n ...(isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n },\n }),\n\n ...(showStripedRows && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper-base`]: {\n backgroundColor: tableRow.stripe.backgroundColor,\n },\n }),\n\n ...(showStripedRows &&\n isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedHover,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedFocus,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedActive,\n ),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorActive,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n theme,\n }),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelected,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n theme,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n }),\n },\n }),\n }),\n };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","Boolean","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":";;;;;;;AAMA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAA+D;AAAA,EAAA,IAAzDC,aAAa,GAAAD,IAAA,CAAbC,aAAa,CAAA;AAC5C,EAAA,OAAOA,aAAa,GAAG,WAAW,GAAG,GAAG,CAAA;AAC1C,CAAC,CAAA;AAED,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAgCA,CAAAC,KAAA,EAIxB;AAAA,EAAA,IAHZF,aAAa,GAAAE,KAAA,CAAbF,aAAa,CAAA;AAIb,EAAA,OAAOA,aAAa,GAAG,IAAI,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAgBO;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAf7BL,aAAa,GAAAI,KAAA,CAAbJ,aAAa;IACbM,eAAe,GAAAF,KAAA,CAAfE,eAAe;IACfC,KAAK,GAAAH,KAAA,CAALG,KAAK;IACLC,MAAM,GAAAJ,KAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,KAAA,CAALK,KAAK;IACLC,YAAY,GAAAN,KAAA,CAAZM,YAAY;IACZC,eAAe,GAAAP,KAAA,CAAfO,eAAe,CAAA;AAUf,EAAA,IAAMC,oBAAoB,GAAGC,OAAO,CAACb,aAAa,CAAC,IAAIM,eAAe,CAAA;AAEtE,EAAA,OAAAQ,aAAA,CAAAA,aAAA,CAAA,EAAA,EACMd,aAAa,IAAI;AACnB,IAAA,UAAU,EAAE;AACVe,MAAAA,QAAQ,EAAE,iBAAiB;AAC3BP,MAAAA,MAAM,EAAAQ,EAAAA,CAAAA,MAAA,CAAKR,MAAM,EAAa,aAAA,CAAA;MAC9BC,KAAK,EAAA,EAAA,CAAAO,MAAA,CAAKP,KAAK,EAAA,aAAA,CAAA;KAChB;AACD;AACA,IAAA,GAAG,EAAE;AACHM,MAAAA,QAAQ,EAAE,mBAAA;KACX;AACD;AACA,IAAA,aAAa,EAAE;AACbE,MAAAA,OAAO,EAAE,kBAAA;KACV;AACD,IAAA,gBAAgB,EAAE;AAChBA,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,mBAAmB,EAAE,iDAAiD;AACtEC,MAAAA,SAAS,EAAE,GAAA;KACZ;AACD,IAAA,uCAAuC,EAAE;AACvCC,MAAAA,YAAY,EAAE,MAAA;KACf;AACD,IAAA,cAAc,EAAE;AACdC,MAAAA,OAAO,EAAE,GAAA;AACX,KAAA;GACD,CAAA,EAEGT,oBAAoB,IAAAE,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAQ,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,QAAAN,MAAA,CAClBlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAA6F,0FAAA,CAAA,EAAA;IAC7FuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACC,SAAS,CAACC,uBAAuB,CAAA;AACjF,GAAC,CAAAZ,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,kJAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACC,SAAS,CAACE,4BAA4B,CAAA;AAAC,GAAA,EAClFC,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACC,SAAS,CAACE,4BAA4B;AAC3DG,IAAAA,uBAAuB,EAAEN,QAAQ,CAACO,gBAAgB,CAACJ,4BAA4B;AAC/EtB,IAAAA,KAAK,EAALA,KAAAA;AACF,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAAS,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,iJAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACC,SAAS,CAACO,4BAA4B,CAAA;AAAC,GAAA,EAClFJ,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACC,SAAS,CAACO,4BAA4B;AAC3DF,IAAAA,uBAAuB,EAAEN,QAAQ,CAACO,gBAAgB,CAACC,4BAA4B;AAC/E3B,IAAAA,KAAK,EAALA,KAAAA;AACF,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAAS,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,mJAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACC,SAAS,CAACQ,6BAA6B,CAAA;AAAC,GAAA,EACnFL,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACC,SAAS,CAACQ,6BAA6B;AAC5DH,IAAAA,uBAAuB,EAAEN,QAAQ,CAACC,SAAS,CAACS,oBAAoB;AAChE7B,IAAAA,KAAK,EAALA,KAAAA;GACD,CAAC,IAGAG,YAAY,IAAAY,eAAA,CAAAN,EAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACVlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAgD,6CAAA,CAAA,EAAA;IAChDuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACO,gBAAgB,CAACI,qBAAqB,CAAA;GACrF,CACF,CAEG1B,EAAAA,eAAe,IAAAW,eAAA,CAAAA,eAAA,CAAAN,EAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACblB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAuC,oCAAA,CAAA,EAAA;IACvCuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACY,aAAa,CAACf,eAAe,CAAA;AAC7E,GAAC,CAAAP,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAA2C,wCAAA,CAAA,EAAA;AAC3CuB,IAAAA,eAAe,EAAEG,QAAQ,CAACa,MAAM,CAAChB,eAAAA;AACnC,GAAC,CACF,CAAA,EAEGZ,eAAe,IACjBD,YAAY,KAAAL,KAAA,GAAAiB,EAAAA,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAjB,KAAA,EAAA,EAAA,CAAAW,MAAA,CACNlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAA+D,4DAAA,CAAA,EAAA;IAC/DuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACY,aAAa,CAACF,oBAAoB,CAAA;AAClF,GAAC,CAAApB,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAA+D,4DAAA,CAAA,EAAA;IAC/DuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACY,aAAa,CAACE,oBAAoB,CAAA;AAClF,GAAC,CAAAxB,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAgE,6DAAA,CAAA,EAAA;IAChEuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACY,aAAa,CAACD,qBAAqB,CAAA;AACnF,GAAC,CAAArB,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAmH,gHAAA,CAAA,EAAA;IACnHuB,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACY,aAAa,CAACV,uBAAuB,CAAA;AACrF,GAAC,CAAAZ,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAqK,kKAAA,CAAA,EAAA;IACrKuB,eAAe,EAAEC,KAAK,CACpBjB,KAAK,CAACkB,MAAM,EACZC,QAAQ,CAACY,aAAa,CAACT,4BACzB,CAAA;AACF,GAAC,CAAAb,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAqK,kKAAA,CAAA,EAAA;IACrKuB,eAAe,EAAEC,KAAK,CACpBjB,KAAK,CAACkB,MAAM,EACZC,QAAQ,CAACY,aAAa,CAACJ,4BACzB,CAAA;AACF,GAAC,CAAAlB,EAAAA,EAAAA,CAAAA,MAAA,CACGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAuK,oKAAA,CAAA,EAAA;IACvKuB,eAAe,EAAEC,KAAK,CACpBjB,KAAK,CAACkB,MAAM,EACZC,QAAQ,CAACY,aAAa,CAACH,6BACzB,CAAA;AACF,GAAC,CAAAnB,EAAAA,EAAAA,CAAAA,MAAA,CAEGlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,sEAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACH,oBAAoB,CAAA;AAAC,GAAA,EACvEN,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACH,oBAAoB;AAChD7B,IAAAA,KAAK,EAALA,KAAK;AACLyB,IAAAA,uBAAuB,EAAEN,QAAQ,CAACY,aAAa,CAACF,oBAAAA;AAClD,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAApB,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,sEAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACC,oBAAoB,CAAA;AAAC,GAAA,EACvEV,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACC,oBAAoB;AAChDjC,IAAAA,KAAK,EAALA,KAAK;AACLyB,IAAAA,uBAAuB,EAAEN,QAAQ,CAACY,aAAa,CAACE,oBAAAA;AAClD,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAAxB,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,uEAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACF,qBAAqB,CAAA;AAAC,GAAA,EACxEP,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACF,qBAAqB;AACjDL,IAAAA,uBAAuB,EAAEN,QAAQ,CAACa,MAAM,CAACH,oBAAoB;AAC7D7B,IAAAA,KAAK,EAALA,KAAAA;AACF,GAAC,CAAC,CAAA,CAAA,EAAAe,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAjB,KAAA,EAAA,EAAA,CAAAW,MAAA,CAGAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAA,IAAA,CAAA,CAAAgB,MAAA,CAAKf,gCAAgC,CAAC;AACtCD,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,+HAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACX,uBAAuB,CAAA;AAAC,GAAA,EAC1EE,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACX,uBAAuB;AACnDrB,IAAAA,KAAK,EAALA,KAAK;AACLyB,IAAAA,uBAAuB,EAAEN,QAAQ,CAACY,aAAa,CAACV,uBAAAA;AAClD,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAAZ,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAA,IAAA,CAAA,CAAAgB,MAAA,CAAKf,gCAAgC,CAAC;AACtCD,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,kLAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACV,4BAA4B,CAAA;AAAC,GAAA,EAC/EC,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACV,4BAA4B;AACxDtB,IAAAA,KAAK,EAALA,KAAK;AACLyB,IAAAA,uBAAuB,EAAEN,QAAQ,CAACY,aAAa,CAACT,4BAAAA;AAClD,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAAb,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAA,IAAA,CAAA,CAAAgB,MAAA,CAAKf,gCAAgC,CAAC;AACtCD,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,kLAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACL,4BAA4B,CAAA;AAAC,GAAA,EAC/EJ,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACL,4BAA4B;AACxD3B,IAAAA,KAAK,EAALA,KAAK;AACLyB,IAAAA,uBAAuB,EAAEN,QAAQ,CAACY,aAAa,CAACJ,4BAAAA;AAClD,GAAC,CAAC,CAAA,CAAA,EAAA,EAAA,CAAAlB,MAAA,CAEAlB,qBAAqB,CAAC;AACxBE,IAAAA,aAAa,EAAbA,aAAAA;AACF,GAAC,CAAC,EAAA,IAAA,CAAA,CAAAgB,MAAA,CAAKf,gCAAgC,CAAC;AACtCD,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAC,mLAAAc,aAAA,CAAA;IACAS,eAAe,EAAEC,KAAK,CAACjB,KAAK,CAACkB,MAAM,EAAEC,QAAQ,CAACa,MAAM,CAACJ,6BAA6B,CAAA;AAAC,GAAA,EAChFL,0BAA0B,CAAC;AAC5BC,IAAAA,UAAU,EAAEL,QAAQ,CAACa,MAAM,CAACJ,6BAA6B;AACzD5B,IAAAA,KAAK,EAALA,KAAK;AACLyB,IAAAA,uBAAuB,EAAEN,QAAQ,CAACa,MAAM,CAACH,oBAAAA;GAC1C,CAAC,GAEL,CACJ,CAAA,CAAA;AAEL;;;;"}
@@ -43,7 +43,8 @@ var _DatePickerFilterChip = function _DatePickerFilterChip(_ref, ref) {
43
43
  onClearButtonChange = props.onClearButtonChange,
44
44
  accessibilityLabel = props.accessibilityLabel,
45
45
  date = props.date,
46
- format = props.format;
46
+ format = props.format,
47
+ isDisabled = props.isDisabled;
47
48
  var _useDatesContext = useDatesContext(),
48
49
  locale = _useDatesContext.locale;
49
50
  var dateValue = formatDateRange(date, format, locale, selectionType);
@@ -58,7 +59,8 @@ var _DatePickerFilterChip = function _DatePickerFilterChip(_ref, ref) {
58
59
  expanded: referenceProps['aria-expanded'],
59
60
  controls: referenceProps['aria-controls'],
60
61
  role: 'combobox'
61
- }
62
+ },
63
+ isDisabled: isDisabled
62
64
  }, referenceProps));
63
65
  };
64
66
  var DatePickerFilterChip = /*#__PURE__*/forwardRef(_DatePickerFilterChip);
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerFilterChip.web.js","sources":["../../../../../../../src/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerFilterChipProps } from '../types';\nimport { getFormattedDate } from '../utils';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport type { BladeElementRef } from '~utils/types';\n\nconst formatDateRange = (\n date: Date | [Date, Date],\n format: string,\n locale: string,\n selectionType: 'single' | 'range',\n): string => {\n const formatOptions = {\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default' as const,\n };\n\n if (selectionType === 'single' && date instanceof Date) {\n return getFormattedDate(formatOptions);\n }\n\n if (Array.isArray(date)) {\n const [startDate, endDate] = date;\n if (startDate) {\n return `${getFormattedDate({ ...formatOptions, date: startDate })} ${\n endDate ? ' - ' : ''\n } ${getFormattedDate({\n ...formatOptions,\n date: endDate,\n })}`;\n }\n }\n return '';\n};\n\nconst _DatePickerFilterChip: React.ForwardRefRenderFunction<\n BladeElementRef,\n DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n }\n> = (\n {\n ...props\n }: DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n },\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n const {\n referenceProps,\n label,\n selectionType,\n onClearButtonChange,\n accessibilityLabel,\n date,\n format,\n } = props;\n const { locale } = useDatesContext();\n\n const dateValue = formatDateRange(date, format, locale, selectionType);\n\n return (\n <BaseFilterChip\n ref={ref}\n label={label}\n value={dateValue}\n onClearButtonClick={onClearButtonChange}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: referenceProps['aria-haspopup'],\n expanded: referenceProps['aria-expanded'],\n controls: referenceProps['aria-controls'],\n role: 'combobox',\n }}\n {...referenceProps}\n />\n );\n};\n\nconst DatePickerFilterChip = forwardRef(_DatePickerFilterChip);\n\nexport { DatePickerFilterChip };\n"],"names":["formatDateRange","date","format","locale","selectionType","formatOptions","labelSeparator","type","Date","getFormattedDate","Array","isArray","_date","_slicedToArray","startDate","endDate","concat","_objectSpread","_DatePickerFilterChip","_ref","ref","props","_extends","_objectDestructuringEmpty","referenceProps","label","onClearButtonChange","accessibilityLabel","_useDatesContext","useDatesContext","dateValue","_jsx","BaseFilterChip","value","onClearButtonClick","accessibilityProps","hasPopup","expanded","controls","role","DatePickerFilterChip","forwardRef"],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerFilterChip.web.js","sources":["../../../../../../../src/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerFilterChipProps } from '../types';\nimport { getFormattedDate } from '../utils';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport type { BladeElementRef } from '~utils/types';\n\nconst formatDateRange = (\n date: Date | [Date, Date],\n format: string,\n locale: string,\n selectionType: 'single' | 'range',\n): string => {\n const formatOptions = {\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default' as const,\n };\n\n if (selectionType === 'single' && date instanceof Date) {\n return getFormattedDate(formatOptions);\n }\n\n if (Array.isArray(date)) {\n const [startDate, endDate] = date;\n if (startDate) {\n return `${getFormattedDate({ ...formatOptions, date: startDate })} ${\n endDate ? ' - ' : ''\n } ${getFormattedDate({\n ...formatOptions,\n date: endDate,\n })}`;\n }\n }\n return '';\n};\n\nconst _DatePickerFilterChip: React.ForwardRefRenderFunction<\n BladeElementRef,\n DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n }\n> = (\n {\n ...props\n }: DatePickerFilterChipProps & {\n onClearButtonChange: (value: string) => void;\n },\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n const {\n referenceProps,\n label,\n selectionType,\n onClearButtonChange,\n accessibilityLabel,\n date,\n format,\n isDisabled,\n } = props;\n const { locale } = useDatesContext();\n\n const dateValue = formatDateRange(date, format, locale, selectionType);\n\n return (\n <BaseFilterChip\n ref={ref}\n label={label}\n value={dateValue}\n onClearButtonClick={onClearButtonChange}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: referenceProps['aria-haspopup'],\n expanded: referenceProps['aria-expanded'],\n controls: referenceProps['aria-controls'],\n role: 'combobox',\n }}\n isDisabled={isDisabled}\n {...referenceProps}\n />\n );\n};\n\nconst DatePickerFilterChip = forwardRef(_DatePickerFilterChip);\n\nexport { DatePickerFilterChip };\n"],"names":["formatDateRange","date","format","locale","selectionType","formatOptions","labelSeparator","type","Date","getFormattedDate","Array","isArray","_date","_slicedToArray","startDate","endDate","concat","_objectSpread","_DatePickerFilterChip","_ref","ref","props","_extends","_objectDestructuringEmpty","referenceProps","label","onClearButtonChange","accessibilityLabel","isDisabled","_useDatesContext","useDatesContext","dateValue","_jsx","BaseFilterChip","value","onClearButtonClick","accessibilityProps","hasPopup","expanded","controls","role","DatePickerFilterChip","forwardRef"],"mappings":"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"}
@@ -16,7 +16,7 @@ import { useFirstRender } from '../../utils/useFirstRender.js';
16
16
  import { jsx } from 'react/jsx-runtime';
17
17
  import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
18
18
 
19
- var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "testID", "value", "onClearButtonClick", "label", "onChange", "name"];
19
+ var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "testID", "value", "onClearButtonClick", "label", "onChange", "name", "isDisabled"];
20
20
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
21
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
22
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -34,6 +34,7 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
34
34
  label = props.label,
35
35
  onChange = props.onChange,
36
36
  name = props.name,
37
+ isDisabled = props.isDisabled,
37
38
  rest = _objectWithoutProperties(props, _excluded);
38
39
  var _React$useState = React__default.useState([]),
39
40
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -228,7 +229,8 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
228
229
  },
229
230
  onBlur: function onBlur(e) {
230
231
  _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
231
- }
232
+ },
233
+ isDisabled: isDisabled
232
234
  }));
233
235
  };
234
236
  var FilterChipSelectInput = /*#__PURE__*/assignWithoutSideEffects(_FilterChipSelectInput, {
@@ -1 +1 @@
1
- {"version":3,"file":"FilterChipSelectInput.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipSelectInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext.web';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext.web';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n BaseFilterChipProps,\n 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'\n> & {\n accessibilityLabel?: string;\n onChange?: (props: { name: string; values: string[] }) => void;\n name?: string;\n onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n const idBase = useId('filter-chip-select-input');\n const {\n onClick,\n onBlur,\n onKeyDown,\n accessibilityLabel,\n testID,\n value,\n onClearButtonClick,\n label,\n onChange,\n name,\n ...rest\n } = props;\n const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n const isFirstRender = useFirstRender();\n\n const {\n options,\n selectedIndices,\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n selectionType,\n isControlled,\n setSelectedIndices,\n controlledValueIndices,\n changeCallbackTriggerer,\n } = useDropdown();\n const valueTitle = options.find((option) => option.value === value)?.title ?? value;\n\n const isUnControlled = options.length > 0 && props.value === undefined;\n // Currently we are having 2 context for selectedFilters. One is for FilterChipGroup and other is for ListView\n const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n const {\n clearFilterCallbackTriggerer,\n setFilterChipGroupSelectedFilters,\n } = useFilterChipGroupContext();\n\n const getValuesArrayFromIndices = (): string[] => {\n let indices: number[] = [];\n if (isControlled) {\n indices = controlledValueIndices;\n } else {\n indices = selectedIndices;\n }\n\n return indices.map((selectionIndex) => options[selectionIndex].value);\n };\n\n useEffect(() => {\n const valueNotEmpty =\n (typeof value === 'string' && value.trim() !== '') ||\n (Array.isArray(value) && value.length > 0);\n // since we need to sync state only one time so skipping value checking.\n const isValueAndSelectedOptoinsSynced =\n (typeof value === 'string' && value && selectedIndices.length === 1) ||\n (Array.isArray(value) && value.length === selectedIndices.length);\n if (isUnControlled) {\n if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n const inputValue = value.map((selectionIndex) => options[selectionIndex].value);\n setUncontrolledInputValue(inputValue);\n setFilterChipGroupSelectedFilters((prev) =>\n prev.includes(label) ? prev : [...prev, label],\n );\n }\n } else if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n // This would be the case when filterChipSelectInput is controlled and are being opened first time\n } else if (valueNotEmpty && !isValueAndSelectedOptoinsSynced && options.length > 0) {\n const selectedIndices =\n typeof value === 'string'\n ? [options.findIndex((option) => option.value === value)]\n : options\n .map((option, index) => (value.includes(option.value) ? index : -1))\n .filter((index) => index !== -1);\n setSelectedIndices(selectedIndices);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isUnControlled, options]);\n\n const getTitleFromValue = (value: string): string => {\n const option = options.find((option) => option.value === value);\n return option ? option.title : '';\n };\n\n const getUnControlledFilterChipValue = (): string | string[] => {\n if (selectionType === 'single') {\n if (uncontrolledInputValue.length > 0) {\n return getTitleFromValue(uncontrolledInputValue[0]);\n }\n return '';\n }\n return uncontrolledInputValue;\n };\n\n const handleClearButtonClick = (): void => {\n props.onClearButtonClick?.({ name: name ?? idBase, values: getValuesArrayFromIndices() });\n props.onChange?.({ name: name ?? idBase, values: [] });\n if (isUnControlled) {\n setUncontrolledInputValue([]);\n setSelectedIndices([]);\n }\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n setSelectedIndices([]);\n };\n\n useEffect(() => {\n if (clearFilterCallbackTriggerer) {\n handleClearButtonClick();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [clearFilterCallbackTriggerer]);\n\n useEffect(() => {\n if (!isFirstRender) {\n props.onChange?.({\n name: props.name || idBase,\n values: getValuesArrayFromIndices(),\n });\n if (isUnControlled) {\n setUncontrolledInputValue(getValuesArrayFromIndices());\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n useEffect(() => {\n const isValueEmpty = selectedIndices.length === 0;\n if (!isFirstRender && !isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n setListViewSelectedFilters((prev) => ({\n ...prev,\n [label]: selectedIndices as number[],\n }));\n } else if (!isFirstRender && isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n\n const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n onKeyDown?.(e);\n onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n if (e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n }\n\n if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n e.preventDefault();\n e.stopPropagation();\n onTriggerClick();\n }\n };\n\n return (\n <BaseFilterChip\n label={label}\n value={valueTitle ?? getUnControlledFilterChipValue()}\n onClearButtonClick={handleClearButtonClick}\n selectionType={selectionType}\n {...rest}\n ref={triggererRef as any}\n onKeyDown={handleKeyDown}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n onClick?.(e);\n }}\n onBlur={(e) => {\n onBlur?.(e);\n }}\n />\n );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["_FilterChipSelectInput","props","_options$find$title","_options$find","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","valueNotEmpty","trim","Array","isArray","isValueAndSelectedOptoinsSynced","inputValue","prev","includes","concat","_toConsumableArray","findIndex","index","filter","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
1
+ {"version":3,"file":"FilterChipSelectInput.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipSelectInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext.web';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext.web';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n BaseFilterChipProps,\n 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'\n> & {\n accessibilityLabel?: string;\n onChange?: (props: { name: string; values: string[] }) => void;\n name?: string;\n onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n isDisabled?: boolean;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n const idBase = useId('filter-chip-select-input');\n const {\n onClick,\n onBlur,\n onKeyDown,\n accessibilityLabel,\n testID,\n value,\n onClearButtonClick,\n label,\n onChange,\n name,\n isDisabled,\n ...rest\n } = props;\n const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n const isFirstRender = useFirstRender();\n\n const {\n options,\n selectedIndices,\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n selectionType,\n isControlled,\n setSelectedIndices,\n controlledValueIndices,\n changeCallbackTriggerer,\n } = useDropdown();\n const valueTitle = options.find((option) => option.value === value)?.title ?? value;\n\n const isUnControlled = options.length > 0 && props.value === undefined;\n // Currently we are having 2 context for selectedFilters. One is for FilterChipGroup and other is for ListView\n const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n const {\n clearFilterCallbackTriggerer,\n setFilterChipGroupSelectedFilters,\n } = useFilterChipGroupContext();\n\n const getValuesArrayFromIndices = (): string[] => {\n let indices: number[] = [];\n if (isControlled) {\n indices = controlledValueIndices;\n } else {\n indices = selectedIndices;\n }\n\n return indices.map((selectionIndex) => options[selectionIndex].value);\n };\n\n useEffect(() => {\n const valueNotEmpty =\n (typeof value === 'string' && value.trim() !== '') ||\n (Array.isArray(value) && value.length > 0);\n // since we need to sync state only one time so skipping value checking.\n const isValueAndSelectedOptoinsSynced =\n (typeof value === 'string' && value && selectedIndices.length === 1) ||\n (Array.isArray(value) && value.length === selectedIndices.length);\n if (isUnControlled) {\n if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n const inputValue = value.map((selectionIndex) => options[selectionIndex].value);\n setUncontrolledInputValue(inputValue);\n setFilterChipGroupSelectedFilters((prev) =>\n prev.includes(label) ? prev : [...prev, label],\n );\n }\n } else if (listViewSelectedFilters[label]) {\n const value = (listViewSelectedFilters[label] as unknown) as number[];\n setSelectedIndices(value);\n // This would be the case when filterChipSelectInput is controlled and are being opened first time\n } else if (valueNotEmpty && !isValueAndSelectedOptoinsSynced && options.length > 0) {\n const selectedIndices =\n typeof value === 'string'\n ? [options.findIndex((option) => option.value === value)]\n : options\n .map((option, index) => (value.includes(option.value) ? index : -1))\n .filter((index) => index !== -1);\n setSelectedIndices(selectedIndices);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isUnControlled, options]);\n\n const getTitleFromValue = (value: string): string => {\n const option = options.find((option) => option.value === value);\n return option ? option.title : '';\n };\n\n const getUnControlledFilterChipValue = (): string | string[] => {\n if (selectionType === 'single') {\n if (uncontrolledInputValue.length > 0) {\n return getTitleFromValue(uncontrolledInputValue[0]);\n }\n return '';\n }\n return uncontrolledInputValue;\n };\n\n const handleClearButtonClick = (): void => {\n props.onClearButtonClick?.({ name: name ?? idBase, values: getValuesArrayFromIndices() });\n props.onChange?.({ name: name ?? idBase, values: [] });\n if (isUnControlled) {\n setUncontrolledInputValue([]);\n setSelectedIndices([]);\n }\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n setSelectedIndices([]);\n };\n\n useEffect(() => {\n if (clearFilterCallbackTriggerer) {\n handleClearButtonClick();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [clearFilterCallbackTriggerer]);\n\n useEffect(() => {\n if (!isFirstRender) {\n props.onChange?.({\n name: props.name || idBase,\n values: getValuesArrayFromIndices(),\n });\n if (isUnControlled) {\n setUncontrolledInputValue(getValuesArrayFromIndices());\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n useEffect(() => {\n const isValueEmpty = selectedIndices.length === 0;\n if (!isFirstRender && !isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n setListViewSelectedFilters((prev) => ({\n ...prev,\n [label]: selectedIndices as number[],\n }));\n } else if (!isFirstRender && isValueEmpty) {\n setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n setListViewSelectedFilters((prev) => {\n const { [label]: _, ...updatedFilters } = prev;\n return updatedFilters;\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n\n const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n onKeyDown?.(e);\n onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n if (e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n }\n\n if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n e.preventDefault();\n e.stopPropagation();\n onTriggerClick();\n }\n };\n\n return (\n <BaseFilterChip\n label={label}\n value={valueTitle ?? getUnControlledFilterChipValue()}\n onClearButtonClick={handleClearButtonClick}\n selectionType={selectionType}\n {...rest}\n ref={triggererRef as any}\n onKeyDown={handleKeyDown}\n accessibilityProps={{\n label: accessibilityLabel ?? label,\n hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n onClick?.(e);\n }}\n onBlur={(e) => {\n onBlur?.(e);\n }}\n isDisabled={isDisabled}\n />\n );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["_FilterChipSelectInput","props","_options$find$title","_options$find","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","valueNotEmpty","trim","Array","isArray","isValueAndSelectedOptoinsSynced","inputValue","prev","includes","concat","_toConsumableArray","findIndex","index","filter","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
@@ -113,14 +113,14 @@ var StyledFilterCloseButton = /*#__PURE__*/styled.button.withConfig({
113
113
  theme: theme
114
114
  }));
115
115
  });
116
- var renderValue = function renderValue(selectionType, value) {
116
+ var renderValue = function renderValue(selectionType, value, isDisabled) {
117
117
  if (selectionType === 'multiple' && Array.isArray(value)) {
118
118
  return /*#__PURE__*/jsx(Box, {
119
119
  display: "flex",
120
120
  alignItems: "center",
121
121
  children: /*#__PURE__*/jsx(Counter, {
122
122
  value: value.length,
123
- color: "primary",
123
+ color: isDisabled ? 'neutral' : 'primary',
124
124
  size: "small"
125
125
  })
126
126
  });
@@ -129,7 +129,7 @@ var renderValue = function renderValue(selectionType, value) {
129
129
  as: "span",
130
130
  size: "small",
131
131
  weight: "semibold",
132
- color: "interactive.text.primary.normal",
132
+ color: isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal',
133
133
  children: value
134
134
  });
135
135
  };
@@ -178,7 +178,7 @@ var _BaseFilterChip = function _BaseFilterChip(_ref5, ref) {
178
178
  color: "currentColor",
179
179
  truncateAfterLines: 1,
180
180
  children: [label, isSelected ? ':' : null]
181
- }), isSelected ? renderValue(selectionType, value) : null]
181
+ }), isSelected ? renderValue(selectionType, value, isDisabled) : null]
182
182
  }), /*#__PURE__*/jsx(Box, {
183
183
  display: "flex",
184
184
  alignItems: "center",
@@ -1 +1 @@
1
- {"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n return {\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n color: 'currentcolor',\n '&:not([disabled]):hover': {\n backgroundColor: theme.colors.interactive.background.gray.faded,\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n outlineOffset: makeSpace(theme.spacing[1]),\n },\n };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n ({ theme, $isDisabled, $isSelected }) => {\n return {\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n height: FILTER_CHIP_HEIGHT,\n borderRadius: theme.border.radius.max,\n display: 'flex',\n borderStyle: $isSelected ? 'solid' : 'dashed',\n backgroundColor: theme.colors.surface.background.gray.intense,\n color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n width: 'fit-content',\n };\n },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n const { spacing } = theme;\n return {\n backgroundColor: theme.colors.transparent,\n borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n borderTopLeftRadius: theme.border.radius.max,\n borderBottomLeftRadius: theme.border.radius.max,\n paddingLeft: makeSpace(spacing[4]),\n paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n gap: makeSpace(spacing[2]),\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n return {\n backgroundColor: theme.colors.transparent,\n borderTopRightRadius: theme.border.radius.max,\n borderBottomRightRadius: theme.border.radius.max,\n paddingLeft: makeSpace(theme.spacing[2]),\n paddingRight: makeSpace(theme.spacing[3]),\n justifyContent: 'center',\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst renderValue = (\n selectionType: BaseFilterChipProps['selectionType'],\n value: BaseFilterChipProps['value'],\n): React.ReactElement => {\n if (selectionType === 'multiple' && Array.isArray(value)) {\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Counter value={value.length} color=\"primary\" size=\"small\" />\n </Box>\n );\n }\n\n return (\n <Text as=\"span\" size=\"small\" weight=\"semibold\" color=\"interactive.text.primary.normal\">\n {value}\n </Text>\n );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n {\n value,\n onClearButtonClick,\n label,\n isDisabled,\n selectionType = 'single',\n onClick,\n onKeyDown,\n accessibilityProps,\n id,\n ...rest\n }: BaseFilterChipProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isSelected =\n selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n return (\n <StyledFilterChip\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n ref={ref as React.Ref<HTMLDivElement>}\n >\n <StyledFilterTrigger\n $isSelected={isSelected}\n disabled={isDisabled}\n id={id}\n onClick={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick?.(e as any);\n }}\n onKeyDown={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown?.(e as any);\n }}\n {...makeAccessible({\n ...accessibilityProps,\n role: accessibilityProps?.role ?? 'button',\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID: rest.testID })}\n >\n <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n {label}\n {isSelected ? ':' : null}\n </Text>\n {isSelected ? renderValue(selectionType, value) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n </Box>\n </StyledFilterTrigger>\n {isSelected ? (\n <>\n <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n <StyledFilterCloseButton\n aria-label={`Clear ${label} value`}\n // value can never be undefined because when it's undefined the button itself doesn't render/\n onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n disabled={isDisabled}\n >\n <CloseIcon size=\"small\" color=\"currentColor\" />\n </StyledFilterCloseButton>\n </>\n ) : null}\n </StyledFilterChip>\n );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","isDisabled","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}
1
+ {"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n return {\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n color: 'currentcolor',\n '&:not([disabled]):hover': {\n backgroundColor: theme.colors.interactive.background.gray.faded,\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme }),\n outlineOffset: makeSpace(theme.spacing[1]),\n },\n };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n ({ theme, $isDisabled, $isSelected }) => {\n return {\n borderWidth: makeBorderSize(theme.border.width.thin),\n borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n height: FILTER_CHIP_HEIGHT,\n borderRadius: theme.border.radius.max,\n display: 'flex',\n borderStyle: $isSelected ? 'solid' : 'dashed',\n backgroundColor: theme.colors.surface.background.gray.intense,\n color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n width: 'fit-content',\n };\n },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n const { spacing } = theme;\n return {\n backgroundColor: theme.colors.transparent,\n borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n borderTopLeftRadius: theme.border.radius.max,\n borderBottomLeftRadius: theme.border.radius.max,\n paddingLeft: makeSpace(spacing[4]),\n paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n gap: makeSpace(spacing[2]),\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n return {\n backgroundColor: theme.colors.transparent,\n borderTopRightRadius: theme.border.radius.max,\n borderBottomRightRadius: theme.border.radius.max,\n paddingLeft: makeSpace(theme.spacing[2]),\n paddingRight: makeSpace(theme.spacing[3]),\n justifyContent: 'center',\n ...getInteractiveFilterItemStyles({ theme }),\n };\n});\n\nconst renderValue = (\n selectionType: BaseFilterChipProps['selectionType'],\n value: BaseFilterChipProps['value'],\n isDisabled?: boolean,\n): React.ReactElement => {\n if (selectionType === 'multiple' && Array.isArray(value)) {\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Counter value={value.length} color={isDisabled ? 'neutral' : 'primary'} size=\"small\" />\n </Box>\n );\n }\n\n return (\n <Text\n as=\"span\"\n size=\"small\"\n weight=\"semibold\"\n color={isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal'}\n >\n {value}\n </Text>\n );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n {\n value,\n onClearButtonClick,\n label,\n isDisabled,\n selectionType = 'single',\n onClick,\n onKeyDown,\n accessibilityProps,\n id,\n ...rest\n }: BaseFilterChipProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isSelected =\n selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n return (\n <StyledFilterChip\n $isDisabled={isDisabled}\n $isSelected={isSelected}\n ref={ref as React.Ref<HTMLDivElement>}\n >\n <StyledFilterTrigger\n $isSelected={isSelected}\n disabled={isDisabled}\n id={id}\n onClick={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onClick?.(e as any);\n }}\n onKeyDown={(e) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyDown?.(e as any);\n }}\n {...makeAccessible({\n ...accessibilityProps,\n role: accessibilityProps?.role ?? 'button',\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID: rest.testID })}\n >\n <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n {label}\n {isSelected ? ':' : null}\n </Text>\n {isSelected ? renderValue(selectionType, value, isDisabled) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n </Box>\n </StyledFilterTrigger>\n {isSelected ? (\n <>\n <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n <StyledFilterCloseButton\n aria-label={`Clear ${label} value`}\n // value can never be undefined because when it's undefined the button itself doesn't render/\n onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n disabled={isDisabled}\n >\n <CloseIcon size=\"small\" color=\"currentColor\" />\n </StyledFilterCloseButton>\n </>\n ) : null}\n </StyledFilterChip>\n );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","isDisabled","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}
@@ -6,7 +6,10 @@ import '../../Box/BaseBox/index.js';
6
6
  import '../../../utils/makeAccessible/index.js';
7
7
  import '../../../utils/index.js';
8
8
  import '../../../utils/makeAnalyticsAttribute/index.js';
9
+ import '../../BladeProvider/index.js';
9
10
  import { jsx } from 'react/jsx-runtime';
11
+ import useTheme from '../../BladeProvider/useTheme.js';
12
+ import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
10
13
  import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
11
14
  import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
12
15
  import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
@@ -25,13 +28,19 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
25
28
  componentName = _ref.componentName,
26
29
  testID = _ref.testID,
27
30
  props = _objectWithoutProperties(_ref, _excluded);
31
+ var _useTheme = useTheme(),
32
+ theme = _useTheme.theme;
33
+ var _useBreakpoint = useBreakpoint({
34
+ breakpoints: theme.breakpoints
35
+ }),
36
+ matchedDeviceType = _useBreakpoint.matchedDeviceType;
28
37
  var isReactNative = getPlatformType() === 'react-native';
29
- var labelPosition = position === 'top' ? 'column' : 'row';
30
- if (isReactNative) labelPosition = 'column';
38
+ var isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';
39
+ if (isReactNative) isLabelLeftPositioned = false;
31
40
  var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
32
41
  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
33
42
  display: "flex",
34
- flexDirection: labelPosition
43
+ flexDirection: isLabelLeftPositioned ? 'row' : 'column'
35
44
  }, makeAccessible({
36
45
  role: role,
37
46
  labelledBy: labelledBy
@@ -1 +1 @@
1
- {"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\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 } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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 isReactNative = getPlatformType() === 'react-native';\n let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n if (isReactNative) labelPosition = 'column';\n const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection={labelPosition}\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","isReactNative","getPlatformType","labelPosition","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,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAC1D,IAAIC,aAAyC,GAAGV,QAAQ,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;AACrF,EAAA,IAAIQ,aAAa,EAAEE,aAAa,GAAG,QAAQ,CAAA;EAC3C,IAAMC,IAAI,GAAGT,iBAAiB,KAAK,OAAO,IAAIM,aAAa,GAAGI,SAAS,GAAGV,iBAAiB,CAAA;EAE3F,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,aAAAA;AAAc,GAAA,EACzBQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJZ,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACEoB,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEjB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CiB,sBAAsB,CAAChB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
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;GACD,CAAC,CACE2B,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAExB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CwB,sBAAsB,CAACvB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
@@ -22,7 +22,7 @@ var getTableBodyStyles = function getTableBodyStyles(_ref3) {
22
22
  width = _ref3.width,
23
23
  isSelectable = _ref3.isSelectable,
24
24
  showStripedRows = _ref3.showStripedRows;
25
- var shouldAddCommonStyle = isVirtualized !== null && isVirtualized !== void 0 ? isVirtualized : addCommonStyles;
25
+ var shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;
26
26
  return _objectSpread(_objectSpread({}, isVirtualized && {
27
27
  '& > div ': {
28
28
  overflow: 'auto !important',
@@ -1 +1 @@
1
- {"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n isVirtualized,\n}: {\n isVirtualized?: boolean;\n}): string => {\n return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n isVirtualized,\n addCommonStyles,\n theme,\n height,\n width,\n isSelectable,\n showStripedRows,\n}: {\n isVirtualized?: boolean;\n addCommonStyles?: boolean;\n theme: Theme;\n height?: BoxProps['height'];\n width?: BoxProps['width'];\n isSelectable?: boolean;\n showStripedRows?: boolean;\n}): Record<string, unknown> => {\n const shouldAddCommonStyle = isVirtualized ?? addCommonStyles;\n return {\n ...(isVirtualized && {\n '& > div ': {\n overflow: 'auto !important',\n height: `${height} !important`,\n width: `${width} !important`,\n },\n // and remove scroll from the main table element\n '&': {\n overflow: 'hidden !important',\n },\n // for virtualized table, we need to apply some styles to tbody\n 'tbody > div': {\n display: 'block !important',\n },\n 'tbody div tr': {\n display: 'grid',\n gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n columnGap: '0',\n },\n 'tbody div tr:last-child .cell-wrapper': {\n borderBottom: 'none',\n },\n 'tbody div td': {\n padding: '0',\n },\n }),\n // these styles are common for both virtualized and non-virtualized tables\n ...(shouldAddCommonStyle && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n theme,\n }),\n },\n\n ...(isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n },\n }),\n\n ...(showStripedRows && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper-base`]: {\n backgroundColor: tableRow.stripe.backgroundColor,\n },\n }),\n\n ...(showStripedRows &&\n isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedHover,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedFocus,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedActive,\n ),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorActive,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n theme,\n }),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelected,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n theme,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n }),\n },\n }),\n }),\n };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}
1
+ {"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n isVirtualized,\n}: {\n isVirtualized?: boolean;\n}): string => {\n return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n isVirtualized,\n addCommonStyles,\n theme,\n height,\n width,\n isSelectable,\n showStripedRows,\n}: {\n isVirtualized?: boolean;\n addCommonStyles?: boolean;\n theme: Theme;\n height?: BoxProps['height'];\n width?: BoxProps['width'];\n isSelectable?: boolean;\n showStripedRows?: boolean;\n}): Record<string, unknown> => {\n const shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;\n\n return {\n ...(isVirtualized && {\n '& > div ': {\n overflow: 'auto !important',\n height: `${height} !important`,\n width: `${width} !important`,\n },\n // and remove scroll from the main table element\n '&': {\n overflow: 'hidden !important',\n },\n // for virtualized table, we need to apply some styles to tbody\n 'tbody > div': {\n display: 'block !important',\n },\n 'tbody div tr': {\n display: 'grid',\n gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n columnGap: '0',\n },\n 'tbody div tr:last-child .cell-wrapper': {\n borderBottom: 'none',\n },\n 'tbody div td': {\n padding: '0',\n },\n }),\n // these styles are common for both virtualized and non-virtualized tables\n ...(shouldAddCommonStyle && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n theme,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n theme,\n }),\n },\n\n ...(isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n },\n }),\n\n ...(showStripedRows && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even) .cell-wrapper-base`]: {\n backgroundColor: tableRow.stripe.backgroundColor,\n },\n }),\n\n ...(showStripedRows &&\n isSelectable && {\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedHover,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedFocus,\n ),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedActive,\n ),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorActive,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n theme,\n }),\n },\n\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelected,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n theme,\n backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n }),\n },\n [`${getRowWrapperSelector({\n isVirtualized,\n })} ${addTableRowSelectorIFVirtualized({\n isVirtualized,\n })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n ...getTableActionsHoverStyles({\n hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n theme,\n backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n }),\n },\n }),\n }),\n };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","Boolean","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}
@@ -16426,7 +16426,7 @@ type BaseFilterChipProps = {
16426
16426
  onClick?: (e: React.MouseEventHandler) => void;
16427
16427
  onBlur?: (e: React.FocusEventHandler) => void;
16428
16428
  accessibilityProps?: Partial<AccessibilityProps>;
16429
- } & TestID;
16429
+ } & TestID & DataAnalyticsAttribute;
16430
16430
 
16431
16431
  type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'> & {
16432
16432
  accessibilityLabel?: string;
@@ -16439,6 +16439,7 @@ type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value
16439
16439
  name: string;
16440
16440
  values: string[];
16441
16441
  }) => void;
16442
+ isDisabled?: boolean;
16442
16443
  } & DataAnalyticsAttribute;
16443
16444
  declare const FilterChipSelectInput: (props: FilterChipSelectInputProps) => React__default.ReactElement;
16444
16445
 
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.32.1",
4
+ "version": "12.32.3",
5
5
  "license": "MIT",
6
6
  "engines": {
7
7
  "node": ">=18.12.1"
@@ -116,7 +116,7 @@
116
116
  "react:storybook:serve:test": "wait-on http://127.0.0.1:9009/ && yarn test:react:interaction",
117
117
  "test:react:interaction": "cross-env FRAMEWORK=REACT test-storybook -c ./.storybook/react --url http://127.0.0.1:9009/",
118
118
  "test:react:interaction:ci": "yarn react:storybook:build && run-p react:storybook:serve react:storybook:serve:test --race",
119
- "test:react": "cross-env FRAMEWORK=REACT jest -c ./jest.web.config.js --shard=$SHARD --forceExit",
119
+ "test:react": "cross-env FRAMEWORK=REACT jest -c ./jest.web.config.js --shard=$SHARD --coverage --forceExit",
120
120
  "test:react-native": "cross-env FRAMEWORK=REACT_NATIVE jest -c ./jest.native.config.js --shard=$SHARD --forceExit",
121
121
  "start:ios": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:ios",
122
122
  "start:android": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:android",