@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js

@@ -15,7 +15,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import Link from '../Link/Link/Link.js';
 
-var _excluded = ["testID", "children", "showClearButton", "onClearButtonClick"];
+var _excluded = ["testID", "children", "showClearButton", "onClearButtonClick", "onResetButtonClick", "clearButtonText", "resetButtonText"];
 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; }
 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; }
 var FilterChipGroup = function FilterChipGroup(_ref) {
@@ -24,6 +24,9 @@ var FilterChipGroup = function FilterChipGroup(_ref) {
     _ref$showClearButton = _ref.showClearButton,
     showClearButton = _ref$showClearButton === void 0 ? true : _ref$showClearButton,
     onClearButtonClick = _ref.onClearButtonClick,
+    onResetButtonClick = _ref.onResetButtonClick,
+    clearButtonText = _ref.clearButtonText,
+    resetButtonText = _ref.resetButtonText,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -36,14 +39,41 @@ var FilterChipGroup = function FilterChipGroup(_ref) {
   var _useListViewFilterCon = useListViewFilterContext(),
     selectedFiltersCount = _useListViewFilterCon.selectedFiltersCount,
     setListViewSelectedFilters = _useListViewFilterCon.setListViewSelectedFilters;
-  var handleClearButtonClick = function handleClearButtonClick() {
-    onClearButtonClick === null || onClearButtonClick === void 0 || onClearButtonClick();
+
+  // Shared bookkeeping reset: both actions clear the group's "has changes" tracking so the action
+  // link(s) hide after use (a lingering action with nothing to revert is confusing). They reappear
+  // on the next filter change.
+  var clearGroupBookkeeping = function clearGroupBookkeeping() {
     setListViewSelectedFilters({});
     setFilterChipGroupSelectedFilters([]);
+  };
+
+  // "Clear" empties every filter. Bumping the triggerer makes each child chip run its clear effect
+  // (fires onChange([]) and drops its selection).
+  var handleClearButtonClick = function handleClearButtonClick() {
+    onClearButtonClick === null || onClearButtonClick === void 0 || onClearButtonClick();
+    clearGroupBookkeeping();
     setClearFilterCallbackTriggerer(function (prev) {
       return prev + 1;
     });
   };
+
+  // "Reset" only fires the consumer callback and clears the group's bookkeeping. We intentionally
+  // do NOT bump the clear triggerer, so child chips keep their internal state and do not fire
+  // onChange([]) — the consumer restores each filter's default inside onResetButtonClick and those
+  // values are not stomped.
+  // TODO (FilterChip reset — Phase 2): support restoring defaults for UNCONTROLLED filters. That
+  // needs a `defaultValue` on FilterChipSelectInput and a reset path that restores it instead of
+  // emptying. See packages/blade/src/components/Dropdown/_decisions/filter-chip-reset.md
+  var handleResetButtonClick = function handleResetButtonClick() {
+    onResetButtonClick === null || onResetButtonClick === void 0 || onResetButtonClick();
+    clearGroupBookkeeping();
+  };
+  var hasSelectedFilters = filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0;
+  var selectedCount = Math.max(filterChipGroupSelectedFilters.length, selectedFiltersCount);
+  var isPlural = selectedCount > 1;
+  var clearActionText = clearButtonText !== null && clearButtonText !== void 0 ? clearButtonText : "Clear Filter".concat(isPlural ? 's' : '');
+  var resetActionText = resetButtonText !== null && resetButtonText !== void 0 ? resetButtonText : 'Reset';
   return /*#__PURE__*/jsx(FilterChipGroupProvider, {
     value: {
       filterChipGroupSelectedFilters: filterChipGroupSelectedFilters,
@@ -62,11 +92,16 @@ var FilterChipGroup = function FilterChipGroup(_ref) {
       width: "100%",
       gap: "spacing.3",
       flexWrap: "wrap",
-      children: [children, showClearButton && (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? /*#__PURE__*/jsx(Link, {
+      children: [children, hasSelectedFilters && onResetButtonClick ? /*#__PURE__*/jsx(Link, {
+        size: "small",
+        color: "neutral",
+        onClick: handleResetButtonClick,
+        children: resetActionText
+      }) : null, hasSelectedFilters && showClearButton ? /*#__PURE__*/jsx(Link, {
         size: "small",
         color: "neutral",
         onClick: handleClearButtonClick,
-        children: "Clear Filter".concat(filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : '')
+        children: clearActionText
       }) : null]
     }))
   });

package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChipGroup.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipGroup.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useListViewFilterContext } from '../ListView/ListViewFiltersContext.web';\nimport type { FilterChipGroupProps } from './types';\nimport { FilterChipGroupProvider } from './FilterChipGroupContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Link } from '~components/Link';\n\nconst FilterChipGroup = ({\n  testID,\n  children,\n  showClearButton = true,\n  onClearButtonClick,\n  ...rest\n}: FilterChipGroupProps): React.ReactElement => {\n  const [filterChipGroupSelectedFilters, setFilterChipGroupSelectedFilters] = useState<string[]>(\n    [],\n  );\n  const [clearFilterCallbackTriggerer, setClearFilterCallbackTriggerer] = useState<number>(0);\n  const { selectedFiltersCount, setListViewSelectedFilters } = useListViewFilterContext();\n  const handleClearButtonClick = (): void => {\n    onClearButtonClick?.();\n    setListViewSelectedFilters({});\n    setFilterChipGroupSelectedFilters([]);\n    setClearFilterCallbackTriggerer((prev) => prev + 1);\n  };\n  return (\n    <FilterChipGroupProvider\n      value={{\n        filterChipGroupSelectedFilters,\n        setFilterChipGroupSelectedFilters,\n        clearFilterCallbackTriggerer,\n        setClearFilterCallbackTriggerer,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.FilterChipGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        display=\"flex\"\n        padding={['spacing.4', 'spacing.1']}\n        alignItems=\"center\"\n        justifyContent=\"flex-start\"\n        width=\"100%\"\n        gap=\"spacing.3\"\n        flexWrap=\"wrap\"\n      >\n        {children}\n        {showClearButton &&\n        (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? (\n          <Link size=\"small\" color=\"neutral\" onClick={handleClearButtonClick}>{`Clear Filter${\n            filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : ''\n          }`}</Link>\n        ) : null}\n      </BaseBox>\n    </FilterChipGroupProvider>\n  );\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_ref","testID","children","_ref$showClearButton","showClearButton","onClearButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","_useState3","_useState4","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","_useListViewFilterCon","useListViewFilterContext","selectedFiltersCount","setListViewSelectedFilters","handleClearButtonClick","prev","_jsx","FilterChipGroupProvider","value","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","display","padding","alignItems","justifyContent","width","gap","flexWrap","length","Link","size","color","onClick","concat"],"mappings":"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"}
+{"version":3,"file":"FilterChipGroup.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipGroup.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useListViewFilterContext } from '../ListView/ListViewFiltersContext.web';\nimport type { FilterChipGroupProps } from './types';\nimport { FilterChipGroupProvider } from './FilterChipGroupContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Link } from '~components/Link';\n\nconst FilterChipGroup = ({\n  testID,\n  children,\n  showClearButton = true,\n  onClearButtonClick,\n  onResetButtonClick,\n  clearButtonText,\n  resetButtonText,\n  ...rest\n}: FilterChipGroupProps): React.ReactElement => {\n  const [filterChipGroupSelectedFilters, setFilterChipGroupSelectedFilters] = useState<string[]>(\n    [],\n  );\n  const [clearFilterCallbackTriggerer, setClearFilterCallbackTriggerer] = useState<number>(0);\n  const { selectedFiltersCount, setListViewSelectedFilters } = useListViewFilterContext();\n\n  // Shared bookkeeping reset: both actions clear the group's \"has changes\" tracking so the action\n  // link(s) hide after use (a lingering action with nothing to revert is confusing). They reappear\n  // on the next filter change.\n  const clearGroupBookkeeping = (): void => {\n    setListViewSelectedFilters({});\n    setFilterChipGroupSelectedFilters([]);\n  };\n\n  // \"Clear\" empties every filter. Bumping the triggerer makes each child chip run its clear effect\n  // (fires onChange([]) and drops its selection).\n  const handleClearButtonClick = (): void => {\n    onClearButtonClick?.();\n    clearGroupBookkeeping();\n    setClearFilterCallbackTriggerer((prev) => prev + 1);\n  };\n\n  // \"Reset\" only fires the consumer callback and clears the group's bookkeeping. We intentionally\n  // do NOT bump the clear triggerer, so child chips keep their internal state and do not fire\n  // onChange([]) — the consumer restores each filter's default inside onResetButtonClick and those\n  // values are not stomped.\n  // TODO (FilterChip reset — Phase 2): support restoring defaults for UNCONTROLLED filters. That\n  // needs a `defaultValue` on FilterChipSelectInput and a reset path that restores it instead of\n  // emptying. See packages/blade/src/components/Dropdown/_decisions/filter-chip-reset.md\n  const handleResetButtonClick = (): void => {\n    onResetButtonClick?.();\n    clearGroupBookkeeping();\n  };\n\n  const hasSelectedFilters = filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0;\n  const selectedCount = Math.max(filterChipGroupSelectedFilters.length, selectedFiltersCount);\n  const isPlural = selectedCount > 1;\n  const clearActionText = clearButtonText ?? `Clear Filter${isPlural ? 's' : ''}`;\n  const resetActionText = resetButtonText ?? 'Reset';\n  return (\n    <FilterChipGroupProvider\n      value={{\n        filterChipGroupSelectedFilters,\n        setFilterChipGroupSelectedFilters,\n        clearFilterCallbackTriggerer,\n        setClearFilterCallbackTriggerer,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.FilterChipGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        display=\"flex\"\n        padding={['spacing.4', 'spacing.1']}\n        alignItems=\"center\"\n        justifyContent=\"flex-start\"\n        width=\"100%\"\n        gap=\"spacing.3\"\n        flexWrap=\"wrap\"\n      >\n        {children}\n        {hasSelectedFilters && onResetButtonClick ? (\n          <Link size=\"small\" color=\"neutral\" onClick={handleResetButtonClick}>\n            {resetActionText}\n          </Link>\n        ) : null}\n        {hasSelectedFilters && showClearButton ? (\n          <Link size=\"small\" color=\"neutral\" onClick={handleClearButtonClick}>\n            {clearActionText}\n          </Link>\n        ) : null}\n      </BaseBox>\n    </FilterChipGroupProvider>\n  );\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_ref","testID","children","_ref$showClearButton","showClearButton","onClearButtonClick","onResetButtonClick","clearButtonText","resetButtonText","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","_useState3","_useState4","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","_useListViewFilterCon","useListViewFilterContext","selectedFiltersCount","setListViewSelectedFilters","clearGroupBookkeeping","handleClearButtonClick","prev","handleResetButtonClick","hasSelectedFilters","length","selectedCount","Math","max","isPlural","clearActionText","concat","resetActionText","_jsx","FilterChipGroupProvider","value","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","display","padding","alignItems","justifyContent","width","gap","flexWrap","Link","size","color","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAS2B;AAAA,EAAA,IAR9CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,oBAAA,GAAAH,IAAA,CACRI,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;IACtBE,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;AACZC,IAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAA4EC,QAAQ,CAClF,EACF,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAFMI,IAAAA,8BAA8B,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,iCAAiC,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAGxE,EAAA,IAAAI,UAAA,GAAwEL,QAAQ,CAAS,CAAC,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAApFE,IAAAA,4BAA4B,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,+BAA+B,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACpE,EAAA,IAAAG,qBAAA,GAA6DC,wBAAwB,EAAE;IAA/EC,oBAAoB,GAAAF,qBAAA,CAApBE,oBAAoB;IAAEC,0BAA0B,GAAAH,qBAAA,CAA1BG,0BAA0B,CAAA;;AAExD;AACA;AACA;AACA,EAAA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAe;IACxCD,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAC9BR,iCAAiC,CAAC,EAAE,CAAC,CAAA;GACtC,CAAA;;AAED;AACA;AACA,EAAA,IAAMU,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAe;AACzCtB,IAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,IAAAA,kBAAkB,EAAI,CAAA;AACtBqB,IAAAA,qBAAqB,EAAE,CAAA;IACvBL,+BAA+B,CAAC,UAACO,IAAI,EAAA;MAAA,OAAKA,IAAI,GAAG,CAAC,CAAA;KAAC,CAAA,CAAA;GACpD,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAe;AACzCvB,IAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,IAAAA,kBAAkB,EAAI,CAAA;AACtBoB,IAAAA,qBAAqB,EAAE,CAAA;GACxB,CAAA;EAED,IAAMI,kBAAkB,GAAGd,8BAA8B,CAACe,MAAM,GAAG,CAAC,IAAIP,oBAAoB,GAAG,CAAC,CAAA;EAChG,IAAMQ,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAClB,8BAA8B,CAACe,MAAM,EAAEP,oBAAoB,CAAC,CAAA;AAC3F,EAAA,IAAMW,QAAQ,GAAGH,aAAa,GAAG,CAAC,CAAA;AAClC,EAAA,IAAMI,eAAe,GAAG7B,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAA8B,cAAAA,CAAAA,MAAA,CAAmBF,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAE,CAAA;EAC/E,IAAMG,eAAe,GAAG9B,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAI,OAAO,CAAA;EAClD,oBACE+B,GAAA,CAACC,uBAAuB,EAAA;AACtBC,IAAAA,KAAK,EAAE;AACLzB,MAAAA,8BAA8B,EAA9BA,8BAA8B;AAC9BC,MAAAA,iCAAiC,EAAjCA,iCAAiC;AACjCG,MAAAA,4BAA4B,EAA5BA,4BAA4B;AAC5BC,MAAAA,+BAA+B,EAA/BA,+BAAAA;KACA;AAAAnB,IAAAA,QAAA,eAEFwC,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAChD,eAAe;AAAEE,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EAC9D+C,sBAAsB,CAACvC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCwC,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAE;AACpCC,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,cAAc,EAAC,YAAY;AAC3BC,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,GAAG,EAAC,WAAW;AACfC,MAAAA,QAAQ,EAAC,MAAM;MAAArD,QAAA,EAAA,CAEdA,QAAQ,EACR4B,kBAAkB,IAAIxB,kBAAkB,gBACvCiC,GAAA,CAACiB,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,KAAK,EAAC,SAAS;AAACC,QAAAA,OAAO,EAAE9B,sBAAuB;AAAA3B,QAAAA,QAAA,EAChEoC,eAAAA;OACG,CAAC,GACL,IAAI,EACPR,kBAAkB,IAAI1B,eAAe,gBACpCmC,GAAA,CAACiB,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,KAAK,EAAC,SAAS;AAACC,QAAAA,OAAO,EAAEhC,sBAAuB;AAAAzB,QAAAA,QAAA,EAChEkC,eAAAA;OACG,CAAC,GACL,IAAI,CAAA;KACD,CAAA,CAAA;AAAC,GACa,CAAC,CAAA;AAE9B;;;;"}

package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js

@@ -6,6 +6,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default, { useEffect } from 'react';
 import { useDropdown } from './useDropdown.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
+import { getFilterChipDisplayValue } from './filterChipSelectInputUtils.js';
 import { useFilterChipGroupContext } from './FilterChipGroupContext.web.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import { BaseFilterChip } from '../FilterChip/BaseFilterChip.web.js';
@@ -16,13 +17,12 @@ import { useFirstRender } from '../../utils/useFirstRender.js';
 import { jsx } from 'react/jsx-runtime';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "testID", "value", "onClearButtonClick", "label", "onChange", "name", "isDisabled"];
+var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "testID", "value", "onClearButtonClick", "label", "onChange", "name", "isDisabled", "showClearButton"];
 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; }
 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; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
-  var _options$find$title, _options$find;
   var idBase = useId('filter-chip-select-input');
   var _onClick = props.onClick,
     _onBlur = props.onBlur,
@@ -35,6 +35,8 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
     onChange = props.onChange,
     name = props.name,
     isDisabled = props.isDisabled,
+    _props$showClearButto = props.showClearButton,
+    showClearButton = _props$showClearButto === void 0 ? true : _props$showClearButto,
     rest = _objectWithoutProperties(props, _excluded);
   var _React$useState = React__default.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -56,9 +58,6 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
     setSelectedIndices = _useDropdown.setSelectedIndices,
     controlledValueIndices = _useDropdown.controlledValueIndices,
     changeCallbackTriggerer = _useDropdown.changeCallbackTriggerer;
-  var valueTitle = (_options$find$title = (_options$find = options.find(function (option) {
-    return option.value === value;
-  })) === null || _options$find === void 0 ? void 0 : _options$find.title) !== null && _options$find$title !== void 0 ? _options$find$title : value;
   var isUnControlled = options.length > 0 && props.value === undefined;
   // Currently we are having 2 context for selectedFilters. One is for FilterChipGroup and other is for  ListView
   var _useListViewFilterCon = useListViewFilterContext(),
@@ -121,21 +120,6 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isUnControlled, options]);
-  var getTitleFromValue = function getTitleFromValue(value) {
-    var option = options.find(function (option) {
-      return option.value === value;
-    });
-    return option ? option.title : '';
-  };
-  var getUnControlledFilterChipValue = function getUnControlledFilterChipValue() {
-    if (selectionType === 'single') {
-      if (uncontrolledInputValue.length > 0) {
-        return getTitleFromValue(uncontrolledInputValue[0]);
-      }
-      return '';
-    }
-    return uncontrolledInputValue;
-  };
   var handleClearButtonClick = function handleClearButtonClick() {
     var _props$onClearButtonC, _props$onChange;
     (_props$onClearButtonC = props.onClearButtonClick) === null || _props$onClearButtonC === void 0 || _props$onClearButtonC.call(props, {
@@ -218,8 +202,14 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
   };
   return /*#__PURE__*/jsx(BaseFilterChip, _objectSpread(_objectSpread({
     label: label,
-    value: valueTitle !== null && valueTitle !== void 0 ? valueTitle : getUnControlledFilterChipValue(),
+    value: getFilterChipDisplayValue({
+      value: props.value,
+      options: options,
+      selectionType: selectionType,
+      uncontrolledInputValue: uncontrolledInputValue
+    }),
     onClearButtonClick: handleClearButtonClick,
+    showClearButton: showClearButton,
     selectionType: selectionType
   }, rest), {}, {
     ref: triggererRef,

package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js.map

@@ -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 type { DataAnalyticsAttribute } from '~utils/types';\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 { 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\n    // Compare actual selected values (not just lengths) to detect controlled value changes\n    const currentSelectedValues = selectedIndices.map((i) => options[i]?.value);\n    const isSingleValueSynced =\n      typeof value === 'string' &&\n      currentSelectedValues.length === 1 &&\n      currentSelectedValues[0] === value;\n\n    const isMultiValueSynced =\n      Array.isArray(value) &&\n      value.length === currentSelectedValues.length &&\n      value.every((v) => currentSelectedValues.includes(v));\n\n    const isValueAndSelectedIndicesSynced = isSingleValueSynced || isMultiValueSynced;\n\n    if (isUnControlled) {\n      if (listViewSelectedFilters[label]) {\n        const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n        setSelectedIndices(savedIndices);\n        const inputValue = savedIndices.map((selectionIndex) => options[selectionIndex].value);\n        setUncontrolledInputValue(inputValue);\n        setFilterChipGroupSelectedFilters((prev) =>\n          prev.includes(label) ? prev : [...prev, label],\n        );\n      } else {\n        setSelectedIndices([]);\n      }\n    } else if (listViewSelectedFilters[label]) {\n      const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n      setSelectedIndices(savedIndices);\n      // Sync selected indices when controlled value changes or on first render with options loaded\n    } else if (valueNotEmpty && !isValueAndSelectedIndicesSynced && options.length > 0) {\n      const newSelectedIndices =\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(newSelectedIndices);\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    setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n    setListViewSelectedFilters((prev) => {\n      const { [label]: _, ...updatedFilters } = prev;\n      return updatedFilters;\n    });\n    setUncontrolledInputValue([]);\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  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","currentSelectedValues","i","_options$i","isSingleValueSynced","isMultiValueSynced","every","v","includes","isValueAndSelectedIndicesSynced","savedIndices","inputValue","prev","concat","_toConsumableArray","newSelectedIndices","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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"}
+{"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 { getFilterChipDisplayValue } from './filterChipSelectInputUtils';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext.web';\nimport type { DataAnalyticsAttribute } from '~utils/types';\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 { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext.web';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n  BaseFilterChipProps,\n  | 'onKeyDown'\n  | 'value'\n  | 'label'\n  | 'testID'\n  | 'onClick'\n  | 'selectionType'\n  | 'onBlur'\n  | 'showClearButton'\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    showClearButton = true,\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 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\n    // Compare actual selected values (not just lengths) to detect controlled value changes\n    const currentSelectedValues = selectedIndices.map((i) => options[i]?.value);\n    const isSingleValueSynced =\n      typeof value === 'string' &&\n      currentSelectedValues.length === 1 &&\n      currentSelectedValues[0] === value;\n\n    const isMultiValueSynced =\n      Array.isArray(value) &&\n      value.length === currentSelectedValues.length &&\n      value.every((v) => currentSelectedValues.includes(v));\n\n    const isValueAndSelectedIndicesSynced = isSingleValueSynced || isMultiValueSynced;\n\n    if (isUnControlled) {\n      if (listViewSelectedFilters[label]) {\n        const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n        setSelectedIndices(savedIndices);\n        const inputValue = savedIndices.map((selectionIndex) => options[selectionIndex].value);\n        setUncontrolledInputValue(inputValue);\n        setFilterChipGroupSelectedFilters((prev) =>\n          prev.includes(label) ? prev : [...prev, label],\n        );\n      } else {\n        setSelectedIndices([]);\n      }\n    } else if (listViewSelectedFilters[label]) {\n      const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n      setSelectedIndices(savedIndices);\n      // Sync selected indices when controlled value changes or on first render with options loaded\n    } else if (valueNotEmpty && !isValueAndSelectedIndicesSynced && options.length > 0) {\n      const newSelectedIndices =\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(newSelectedIndices);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled, options]);\n\n  const handleClearButtonClick = (): void => {\n    props.onClearButtonClick?.({ name: name ?? idBase, values: getValuesArrayFromIndices() });\n    props.onChange?.({ name: name ?? idBase, values: [] });\n    setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n    setListViewSelectedFilters((prev) => {\n      const { [label]: _, ...updatedFilters } = prev;\n      return updatedFilters;\n    });\n    setUncontrolledInputValue([]);\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  return (\n    <BaseFilterChip\n      label={label}\n      value={getFilterChipDisplayValue({\n        value: props.value,\n        options,\n        selectionType,\n        uncontrolledInputValue,\n      })}\n      onClearButtonClick={handleClearButtonClick}\n      showClearButton={showClearButton}\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","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","_props$showClearButto","showClearButton","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","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","valueNotEmpty","trim","Array","isArray","currentSelectedValues","i","_options$i","isSingleValueSynced","isMultiValueSynced","every","v","includes","isValueAndSelectedIndicesSynced","savedIndices","inputValue","prev","concat","_toConsumableArray","newSelectedIndices","findIndex","option","index","filter","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","getFilterChipDisplayValue","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js

@@ -125,6 +125,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
   return /*#__PURE__*/jsx(StyledSearchTrailingDropdown, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     type: "button",
     $size: size,
+    disabled: isDisabled,
     onClick: function onClick(e) {
       if (isDisabled) return;
       onTriggerClick();

package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * showDisplayValue shows the selected value text in the trigger button.\n   * When false, only the leading element (e.g., a flag) is shown.\n   * @default true\n   */\n  showDisplayValue?: boolean;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  showDisplayValue = true,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        {showDisplayValue && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          >\n            {displayValue}\n          </Text>\n        )}\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$showDisplayValu","showDisplayValue","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * showDisplayValue shows the selected value text in the trigger button.\n   * When false, only the leading element (e.g., a flag) is shown.\n   * @default true\n   */\n  showDisplayValue?: boolean;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  showDisplayValue = true,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      disabled={isDisabled}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        {showDisplayValue && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          >\n            {displayValue}\n          </Text>\n        )}\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$showDisplayValu","showDisplayValue","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","disabled","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/filterChipSelectInputUtils.js

@@ -0,0 +1,46 @@
+/**
+ * Resolves an option's human-readable title from its value. Returns an empty string when the
+ * option isn't found so callers can decide on a fallback.
+ */
+var getTitleFromValue = function getTitleFromValue(options, value) {
+  var option = options.find(function (currentOption) {
+    return currentOption.value === value;
+  });
+  return option ? option.title : '';
+};
+/**
+ * Resolves the value shown inside the filter chip as option title(s).
+ *
+ * Shared by the web and native `FilterChipSelectInput` implementations to keep the (non-trivial)
+ * controlled-vs-uncontrolled / string-vs-array branching in a single source of truth. In every
+ * branch we fall back to the raw value when the title can't be resolved (e.g. options loaded or
+ * changed after a selection) so the chip never renders an empty string.
+ */
+var getFilterChipDisplayValue = function getFilterChipDisplayValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    selectionType = _ref.selectionType,
+    uncontrolledInputValue = _ref.uncontrolledInputValue;
+  var titleForValue = function titleForValue(selectionValue) {
+    return getTitleFromValue(options, selectionValue) || selectionValue;
+  };
+
+  // Uncontrolled: derive display value from the internally tracked selection.
+  if (value === undefined) {
+    if (selectionType === 'single') {
+      return uncontrolledInputValue.length > 0 ? titleForValue(uncontrolledInputValue[0]) : '';
+    }
+    // For multiple selection, hand the chip the option titles (not the raw values) so it can
+    // render the selected option name(s) instead of a bare count.
+    return uncontrolledInputValue.map(titleForValue);
+  }
+
+  // Controlled: consumer passes option value(s); map them to titles for display.
+  if (Array.isArray(value)) {
+    return value.map(titleForValue);
+  }
+  return titleForValue(value);
+};
+
+export { getFilterChipDisplayValue };
+//# sourceMappingURL=filterChipSelectInputUtils.js.map

package/build/lib/web/development/components/Dropdown/filterChipSelectInputUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterChipSelectInputUtils.js","sources":["../../../../../../src/components/Dropdown/filterChipSelectInputUtils.ts"],"sourcesContent":["import type { OptionsType } from './useDropdown';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\n\n/**\n * Resolves an option's human-readable title from its value. Returns an empty string when the\n * option isn't found so callers can decide on a fallback.\n */\nconst getTitleFromValue = (options: OptionsType, value: string): string => {\n  const option = options.find((currentOption) => currentOption.value === value);\n  return option ? option.title : '';\n};\n\ntype GetFilterChipDisplayValueParams = {\n  /** Controlled value from props (option value or values). `undefined` when uncontrolled. */\n  value: BaseFilterChipProps['value'];\n  /** All options currently registered in the dropdown. */\n  options: OptionsType;\n  selectionType: BaseFilterChipProps['selectionType'];\n  /** Internally tracked selection used in the uncontrolled case. */\n  uncontrolledInputValue: string[];\n};\n\n/**\n * Resolves the value shown inside the filter chip as option title(s).\n *\n * Shared by the web and native `FilterChipSelectInput` implementations to keep the (non-trivial)\n * controlled-vs-uncontrolled / string-vs-array branching in a single source of truth. In every\n * branch we fall back to the raw value when the title can't be resolved (e.g. options loaded or\n * changed after a selection) so the chip never renders an empty string.\n */\nconst getFilterChipDisplayValue = ({\n  value,\n  options,\n  selectionType,\n  uncontrolledInputValue,\n}: GetFilterChipDisplayValueParams): string | string[] => {\n  const titleForValue = (selectionValue: string): string =>\n    getTitleFromValue(options, selectionValue) || selectionValue;\n\n  // Uncontrolled: derive display value from the internally tracked selection.\n  if (value === undefined) {\n    if (selectionType === 'single') {\n      return uncontrolledInputValue.length > 0 ? titleForValue(uncontrolledInputValue[0]) : '';\n    }\n    // For multiple selection, hand the chip the option titles (not the raw values) so it can\n    // render the selected option name(s) instead of a bare count.\n    return uncontrolledInputValue.map(titleForValue);\n  }\n\n  // Controlled: consumer passes option value(s); map them to titles for display.\n  if (Array.isArray(value)) {\n    return value.map(titleForValue);\n  }\n  return titleForValue(value);\n};\n\nexport { getFilterChipDisplayValue };\n"],"names":["getTitleFromValue","options","value","option","find","currentOption","title","getFilterChipDisplayValue","_ref","selectionType","uncontrolledInputValue","titleForValue","selectionValue","undefined","length","map","Array","isArray"],"mappings":"AAGA;AACA;AACA;AACA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,OAAoB,EAAEC,KAAa,EAAa;AACzE,EAAA,IAAMC,MAAM,GAAGF,OAAO,CAACG,IAAI,CAAC,UAACC,aAAa,EAAA;AAAA,IAAA,OAAKA,aAAa,CAACH,KAAK,KAAKA,KAAK,CAAA;GAAC,CAAA,CAAA;AAC7E,EAAA,OAAOC,MAAM,GAAGA,MAAM,CAACG,KAAK,GAAG,EAAE,CAAA;AACnC,CAAC,CAAA;AAYD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAK2B;AAAA,EAAA,IAJxDN,KAAK,GAAAM,IAAA,CAALN,KAAK;IACLD,OAAO,GAAAO,IAAA,CAAPP,OAAO;IACPQ,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB,CAAA;AAEtB,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,cAAsB,EAAA;AAAA,IAAA,OAC3CZ,iBAAiB,CAACC,OAAO,EAAEW,cAAc,CAAC,IAAIA,cAAc,CAAA;AAAA,GAAA,CAAA;;AAE9D;EACA,IAAIV,KAAK,KAAKW,SAAS,EAAE;IACvB,IAAIJ,aAAa,KAAK,QAAQ,EAAE;AAC9B,MAAA,OAAOC,sBAAsB,CAACI,MAAM,GAAG,CAAC,GAAGH,aAAa,CAACD,sBAAsB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;AAC1F,KAAA;AACA;AACA;AACA,IAAA,OAAOA,sBAAsB,CAACK,GAAG,CAACJ,aAAa,CAAC,CAAA;AAClD,GAAA;;AAEA;AACA,EAAA,IAAIK,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,EAAE;AACxB,IAAA,OAAOA,KAAK,CAACa,GAAG,CAACJ,aAAa,CAAC,CAAA;AACjC,GAAA;EACA,OAAOA,aAAa,CAACT,KAAK,CAAC,CAAA;AAC7B;;;;"}

package/build/lib/web/development/components/Elevate/Elevate.web.js

@@ -6,7 +6,7 @@ import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
-import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.web.js';
 
 var Elevate = function Elevate(_ref) {
   var children = _ref.children,

package/build/lib/web/development/components/EmptyState/emptyStateTokens.js

@@ -4,28 +4,32 @@ var emptyStateSizeTokens = {
     assetMaxHeight: '60px',
     titleSize: 'small',
     descriptionSize: 'xsmall',
-    gapBetweenSections: 'spacing.5'
+    gapBetweenSections: 'spacing.5',
+    gapInsideContentSection: 'spacing.1'
   },
   medium: {
     assetMaxWidth: '90px',
     assetMaxHeight: '90px',
     titleSize: 'small',
     descriptionSize: 'small',
-    gapBetweenSections: 'spacing.6'
+    gapBetweenSections: 'spacing.6',
+    gapInsideContentSection: 'spacing.1'
   },
   large: {
     assetMaxWidth: '120px',
     assetMaxHeight: '120px',
     titleSize: 'medium',
     descriptionSize: 'medium',
-    gapBetweenSections: 'spacing.7'
+    gapBetweenSections: 'spacing.7',
+    gapInsideContentSection: 'spacing.1'
   },
   xlarge: {
     assetMaxWidth: '160px',
     assetMaxHeight: '160px',
     titleSize: 'xlarge',
     descriptionSize: 'large',
-    gapBetweenSections: 'spacing.8'
+    gapBetweenSections: 'spacing.8',
+    gapInsideContentSection: 'spacing.1'
   }
 };
 

package/build/lib/web/development/components/EmptyState/emptyStateTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"emptyStateTokens.js","sources":["../../../../../../src/components/EmptyState/emptyStateTokens.ts"],"sourcesContent":["import type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { HeadingProps } from '~components/Typography/Heading/Heading';\nimport type { BaseTextSizes } from '~components/Typography/BaseText/types';\n\nexport type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';\n\nexport type EmptyStateSizeTokens = {\n  assetMaxWidth: DotNotationSpacingStringToken | `${string}px`;\n  assetMaxHeight: DotNotationSpacingStringToken | `${string}px`;\n  titleSize: Extract<HeadingProps['size'], 'small' | 'medium' | 'xlarge'>;\n  descriptionSize: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  gapBetweenSections: DotNotationSpacingStringToken;\n};\n\nexport const emptyStateSizeTokens: Record<EmptyStateSize, EmptyStateSizeTokens> = {\n  small: {\n    assetMaxWidth: '60px',\n    assetMaxHeight: '60px',\n    titleSize: 'small',\n    descriptionSize: 'xsmall',\n    gapBetweenSections: 'spacing.5',\n  },\n  medium: {\n    assetMaxWidth: '90px',\n    assetMaxHeight: '90px',\n    titleSize: 'small',\n    descriptionSize: 'small',\n    gapBetweenSections: 'spacing.6',\n  },\n  large: {\n    assetMaxWidth: '120px',\n    assetMaxHeight: '120px',\n    titleSize: 'medium',\n    descriptionSize: 'medium',\n    gapBetweenSections: 'spacing.7',\n  },\n  xlarge: {\n    assetMaxWidth: '160px',\n    assetMaxHeight: '160px',\n    titleSize: 'xlarge',\n    descriptionSize: 'large',\n    gapBetweenSections: 'spacing.8',\n  },\n};\n"],"names":["emptyStateSizeTokens","small","assetMaxWidth","assetMaxHeight","titleSize","descriptionSize","gapBetweenSections","medium","large","xlarge"],"mappings":"AAcO,IAAMA,oBAAkE,GAAG;AAChFC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDC,EAAAA,MAAM,EAAE;AACNL,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDE,EAAAA,KAAK,EAAE;AACLN,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDG,EAAAA,MAAM,EAAE;AACNP,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;AACtB,GAAA;AACF;;;;"}
+{"version":3,"file":"emptyStateTokens.js","sources":["../../../../../../src/components/EmptyState/emptyStateTokens.ts"],"sourcesContent":["import type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { HeadingProps } from '~components/Typography/Heading/Heading';\nimport type { BaseTextSizes } from '~components/Typography/BaseText/types';\n\nexport type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';\n\nexport type EmptyStateSizeTokens = {\n  assetMaxWidth: DotNotationSpacingStringToken | `${string}px`;\n  assetMaxHeight: DotNotationSpacingStringToken | `${string}px`;\n  titleSize: Extract<HeadingProps['size'], 'small' | 'medium' | 'xlarge'>;\n  descriptionSize: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  gapBetweenSections: DotNotationSpacingStringToken;\n  gapInsideContentSection: DotNotationSpacingStringToken;\n};\n\nexport const emptyStateSizeTokens: Record<EmptyStateSize, EmptyStateSizeTokens> = {\n  small: {\n    assetMaxWidth: '60px',\n    assetMaxHeight: '60px',\n    titleSize: 'small',\n    descriptionSize: 'xsmall',\n    gapBetweenSections: 'spacing.5',\n    gapInsideContentSection: 'spacing.1',\n  },\n  medium: {\n    assetMaxWidth: '90px',\n    assetMaxHeight: '90px',\n    titleSize: 'small',\n    descriptionSize: 'small',\n    gapBetweenSections: 'spacing.6',\n    gapInsideContentSection: 'spacing.1',\n  },\n  large: {\n    assetMaxWidth: '120px',\n    assetMaxHeight: '120px',\n    titleSize: 'medium',\n    descriptionSize: 'medium',\n    gapBetweenSections: 'spacing.7',\n    gapInsideContentSection: 'spacing.1',\n  },\n  xlarge: {\n    assetMaxWidth: '160px',\n    assetMaxHeight: '160px',\n    titleSize: 'xlarge',\n    descriptionSize: 'large',\n    gapBetweenSections: 'spacing.8',\n    gapInsideContentSection: 'spacing.1',\n  },\n};\n"],"names":["emptyStateSizeTokens","small","assetMaxWidth","assetMaxHeight","titleSize","descriptionSize","gapBetweenSections","gapInsideContentSection","medium","large","xlarge"],"mappings":"AAeO,IAAMA,oBAAkE,GAAG;AAChFC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;GAC1B;AACDC,EAAAA,MAAM,EAAE;AACNN,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;GAC1B;AACDE,EAAAA,KAAK,EAAE;AACLP,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;GAC1B;AACDG,EAAAA,MAAM,EAAE;AACNR,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;AAC3B,GAAA;AACF;;;;"}

package/build/lib/web/development/components/Fade/Fade.web.js

@@ -8,7 +8,7 @@ import { msToSeconds } from '../../utils/msToSeconds.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
-import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.web.js';
 
 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; }
 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; }

package/build/lib/web/development/components/FileUpload/FileUpload.web.js

@@ -3,7 +3,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useRef, useState, useMemo, useCallback, forwardRef } from 'react';
-import { StyledFileUploadWrapper } from './StyledFileUploadWrapper.js';
+import { StyledFileUploadWrapper } from './StyledFileUploadWrapper.web.js';
 import { fileUploadHeightTokens, fileUploadColorTokens, getFileUploadInputHoverTokens, fileUploadLinkBorderTokens } from './fileUploadTokens.js';
 import { FileUploadItem } from './FileUploadItem.js';
 import { isFileAccepted } from './isFileAccepted.js';