@razorpay/blade 12.21.0 → 12.21.1

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

@@ -22,6 +22,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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,
@@ -55,6 +56,9 @@ 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(),
@@ -178,7 +182,7 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
   }, [changeCallbackTriggerer]);
   return /*#__PURE__*/jsx(BaseFilterChip, _objectSpread(_objectSpread({
     label: label,
-    value: value !== null && value !== void 0 ? value : getUnControlledFilterChipValue(),
+    value: valueTitle !== null && valueTitle !== void 0 ? valueTitle : getUnControlledFilterChipValue(),
     onClearButtonClick: handleClearButtonClick,
     selectionType: selectionType
   }, rest), {}, {

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 { 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    setHasUnControlledFilterChipSelectInput,\n    setSelectedIndices,\n    controlledValueIndices,\n    changeCallbackTriggerer,\n  } = useDropdown();\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    if (isUnControlled) {\n      setHasUnControlledFilterChipSelectInput(true);\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    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled]);\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  };\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  return (\n    <BaseFilterChip\n      label={label}\n      value={value ?? getUnControlledFilterChipValue()}\n      onClearButtonClick={handleClearButtonClick}\n      selectionType={selectionType}\n      {...rest}\n      ref={triggererRef as any}\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        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\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      }}\n      onKeyDown={(e) => {\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      }}\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","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","setHasUnControlledFilterChipSelectInput","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","inputValue","prev","includes","concat","_toConsumableArray","getTitleFromValue","option","find","title","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","filter","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","e","event","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 { 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    setHasUnControlledFilterChipSelectInput,\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    if (isUnControlled) {\n      setHasUnControlledFilterChipSelectInput(true);\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    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled]);\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  };\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  return (\n    <BaseFilterChip\n      label={label}\n      value={valueTitle ?? getUnControlledFilterChipValue()}\n      onClearButtonClick={handleClearButtonClick}\n      selectionType={selectionType}\n      {...rest}\n      ref={triggererRef as any}\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        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\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      }}\n      onKeyDown={(e) => {\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      }}\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","setHasUnControlledFilterChipSelectInput","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","inputValue","prev","includes","concat","_toConsumableArray","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","filter","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","e","event","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAiC,EAAyB;EAAA,IAAAC,mBAAA,EAAAC,aAAA,CAAA;AACxF,EAAA,IAAMC,MAAM,GAAGC,KAAK,CAAC,0BAA0B,CAAC,CAAA;AAChD,EAAA,IACEC,QAAO,GAWLL,KAAK,CAXPK,OAAO;IACPC,OAAM,GAUJN,KAAK,CAVPM,MAAM;IACNC,UAAS,GASPP,KAAK,CATPO,SAAS;IACTC,kBAAkB,GAQhBR,KAAK,CARPQ,kBAAkB;IAClBC,MAAM,GAOJT,KAAK,CAPPS,MAAM;IACNC,KAAK,GAMHV,KAAK,CANPU,KAAK;IACLC,kBAAkB,GAKhBX,KAAK,CALPW,kBAAkB;IAClBC,KAAK,GAIHZ,KAAK,CAJPY,KAAK;IACLC,QAAQ,GAGNb,KAAK,CAHPa,QAAQ;IACRC,IAAI,GAEFd,KAAK,CAFPc,IAAI;AACDC,IAAAA,IAAI,GAAAC,wBAAA,CACLhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;AACT,EAAA,IAAAC,eAAA,GAA4DC,cAAK,CAACC,QAAQ,CAAW,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAjFK,IAAAA,sBAAsB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,yBAAyB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxD,EAAA,IAAMI,aAAa,GAAGC,cAAc,EAAE,CAAA;AAEtC,EAAA,IAAAC,YAAA,GAgBIC,WAAW,EAAE;IAffC,OAAO,GAAAF,YAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,YAAA,CAAfG,eAAe;IACfC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;IACdC,gBAAgB,GAAAL,YAAA,CAAhBK,gBAAgB;IAChBC,cAAc,GAAAN,YAAA,CAAdM,cAAc;IACdC,MAAM,GAAAP,YAAA,CAANO,MAAM;IACNC,WAAW,GAAAR,YAAA,CAAXQ,WAAW;IACXC,eAAe,GAAAT,YAAA,CAAfS,eAAe;IACfC,YAAY,GAAAV,YAAA,CAAZU,YAAY;IACZC,aAAa,GAAAX,YAAA,CAAbW,aAAa;IACbC,YAAY,GAAAZ,YAAA,CAAZY,YAAY;IACZC,uCAAuC,GAAAb,YAAA,CAAvCa,uCAAuC;IACvCC,kBAAkB,GAAAd,YAAA,CAAlBc,kBAAkB;IAClBC,sBAAsB,GAAAf,YAAA,CAAtBe,sBAAsB;IACtBC,uBAAuB,GAAAhB,YAAA,CAAvBgB,uBAAuB,CAAA;EAEzB,IAAMC,UAAU,GAAA3C,CAAAA,mBAAA,GAAAC,CAAAA,aAAA,GAAG2B,OAAO,CAACgB,IAAI,CAAC,UAACC,MAAM,EAAA;AAAA,IAAA,OAAKA,MAAM,CAACpC,KAAK,KAAKA,KAAK,CAAA;GAAC,CAAA,MAAA,IAAA,IAAAR,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhDA,aAAA,CAAkD6C,KAAK,MAAA,IAAA,IAAA9C,mBAAA,KAAA,KAAA,CAAA,GAAAA,mBAAA,GAAIS,KAAK,CAAA;AAEnF,EAAA,IAAMsC,cAAc,GAAGnB,OAAO,CAACoB,MAAM,GAAG,CAAC,IAAIjD,KAAK,CAACU,KAAK,KAAKwC,SAAS,CAAA;AACtE;AACA,EAAA,IAAAC,qBAAA,GAAgEC,wBAAwB,EAAE;IAAlFC,uBAAuB,GAAAF,qBAAA,CAAvBE,uBAAuB;IAAEC,0BAA0B,GAAAH,qBAAA,CAA1BG,0BAA0B,CAAA;AAC3D,EAAA,IAAAC,qBAAA,GAGIC,yBAAyB,EAAE;IAF7BC,4BAA4B,GAAAF,qBAAA,CAA5BE,4BAA4B;IAC5BC,iCAAiC,GAAAH,qBAAA,CAAjCG,iCAAiC,CAAA;AAGnC,EAAA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,GAAmB;IAChD,IAAIC,OAAiB,GAAG,EAAE,CAAA;AAC1B,IAAA,IAAIrB,YAAY,EAAE;AAChBqB,MAAAA,OAAO,GAAGlB,sBAAsB,CAAA;AAClC,KAAC,MAAM;AACLkB,MAAAA,OAAO,GAAG9B,eAAe,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAO8B,OAAO,CAACC,GAAG,CAAC,UAACC,cAAc,EAAA;AAAA,MAAA,OAAKjC,OAAO,CAACiC,cAAc,CAAC,CAACpD,KAAK,CAAA;KAAC,CAAA,CAAA;GACtE,CAAA;AAEDqD,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIf,cAAc,EAAE;MAClBR,uCAAuC,CAAC,IAAI,CAAC,CAAA;AAC7C,MAAA,IAAIa,uBAAuB,CAACzC,KAAK,CAAC,EAAE;AAClC,QAAA,IAAMF,MAAK,GAAI2C,uBAAuB,CAACzC,KAAK,CAAyB,CAAA;QACrE6B,kBAAkB,CAAC/B,MAAK,CAAC,CAAA;AACzB,QAAA,IAAMsD,UAAU,GAAGtD,MAAK,CAACmD,GAAG,CAAC,UAACC,cAAc,EAAA;AAAA,UAAA,OAAKjC,OAAO,CAACiC,cAAc,CAAC,CAACpD,KAAK,CAAA;SAAC,CAAA,CAAA;QAC/Ec,yBAAyB,CAACwC,UAAU,CAAC,CAAA;QACrCN,iCAAiC,CAAC,UAACO,IAAI,EAAA;AAAA,UAAA,OACrCA,IAAI,CAACC,QAAQ,CAACtD,KAAK,CAAC,GAAGqD,IAAI,GAAAE,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CAAOH,IAAI,CAAA,EAAA,CAAErD,KAAK,CAAC,CAAA,CAAA;AAAA,SAChD,CAAC,CAAA;AACH,OAAA;AACF,KAAC,MAAM,IAAIyC,uBAAuB,CAACzC,KAAK,CAAC,EAAE;AACzC,MAAA,IAAMF,OAAK,GAAI2C,uBAAuB,CAACzC,KAAK,CAAyB,CAAA;MACrE6B,kBAAkB,CAAC/B,OAAK,CAAC,CAAA;AAC3B,KAAA;AACA;AACF,GAAC,EAAE,CAACsC,cAAc,CAAC,CAAC,CAAA;AAEpB,EAAA,IAAMqB,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI3D,KAAa,EAAa;AACnD,IAAA,IAAMoC,MAAM,GAAGjB,OAAO,CAACgB,IAAI,CAAC,UAACC,MAAM,EAAA;AAAA,MAAA,OAAKA,MAAM,CAACpC,KAAK,KAAKA,KAAK,CAAA;KAAC,CAAA,CAAA;AAC/D,IAAA,OAAOoC,MAAM,GAAGA,MAAM,CAACC,KAAK,GAAG,EAAE,CAAA;GAClC,CAAA;AAED,EAAA,IAAMuB,8BAA8B,GAAG,SAAjCA,8BAA8BA,GAA4B;IAC9D,IAAIhC,aAAa,KAAK,QAAQ,EAAE;AAC9B,MAAA,IAAIf,sBAAsB,CAAC0B,MAAM,GAAG,CAAC,EAAE;AACrC,QAAA,OAAOoB,iBAAiB,CAAC9C,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAA;AACrD,OAAA;AACA,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;AACA,IAAA,OAAOA,sBAAsB,CAAA;GAC9B,CAAA;AAED,EAAA,IAAMgD,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAe;IAAA,IAAAC,qBAAA,EAAAC,eAAA,CAAA;AACzC,IAAA,CAAAD,qBAAA,GAAAxE,KAAK,CAACW,kBAAkB,MAAA,IAAA,IAAA6D,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,qBAAA,CAAAE,IAAA,CAAA1E,KAAK,EAAsB;AAAEc,MAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,IAAI,GAAIX,MAAM;MAAEwE,MAAM,EAAEhB,yBAAyB,EAAC;AAAE,KAAC,CAAC,CAAA;AACzF,IAAA,CAAAc,eAAA,GAAAzE,KAAK,CAACa,QAAQ,MAAA,IAAA,IAAA4D,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,eAAA,CAAAC,IAAA,CAAA1E,KAAK,EAAY;AAAEc,MAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,IAAI,GAAIX,MAAM;AAAEwE,MAAAA,MAAM,EAAE,EAAA;AAAG,KAAC,CAAC,CAAA;AACtD,IAAA,IAAI3B,cAAc,EAAE;MAClBxB,yBAAyB,CAAC,EAAE,CAAC,CAAA;MAC7BiB,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACxB,KAAA;IACAiB,iCAAiC,CAAC,UAACO,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,CAACW,MAAM,CAAC,UAACA,MAAM,EAAA;QAAA,OAAKA,MAAM,KAAKhE,KAAK,CAAA;OAAC,CAAA,CAAA;KAAC,CAAA,CAAA;IACtF0C,0BAA0B,CAAC,UAACW,IAAI,EAAK;AACnC,MAAA,IAAiBY,CAAC,GAAwBZ,IAAI,CAArCrD,KAAK,CAAA;QAASkE,cAAc,GAAA9D,wBAAA,CAAKiD,IAAI,GAArCrD,KAAK,CAAA,CAAAiD,GAAA,CAAAkB,cAAA,CAAA,CAAA,CAAA;AACd,MAAA,OAAOD,cAAc,CAAA;AACvB,KAAC,CAAC,CAAA;GACH,CAAA;AAEDf,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIN,4BAA4B,EAAE;AAChCc,MAAAA,sBAAsB,EAAE,CAAA;AAC1B,KAAA;AACA;AACF,GAAC,EAAE,CAACd,4BAA4B,CAAC,CAAC,CAAA;AAElCM,EAAAA,SAAS,CAAC,YAAM;IACd,IAAI,CAACtC,aAAa,EAAE;AAAA,MAAA,IAAAuD,gBAAA,CAAA;AAClB,MAAA,CAAAA,gBAAA,GAAAhF,KAAK,CAACa,QAAQ,MAAA,IAAA,IAAAmE,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,gBAAA,CAAAN,IAAA,CAAA1E,KAAK,EAAY;AACfc,QAAAA,IAAI,EAAEd,KAAK,CAACc,IAAI,IAAIX,MAAM;QAC1BwE,MAAM,EAAEhB,yBAAyB,EAAC;AACpC,OAAC,CAAC,CAAA;AACF,MAAA,IAAIX,cAAc,EAAE;AAClBxB,QAAAA,yBAAyB,CAACmC,yBAAyB,EAAE,CAAC,CAAA;AACxD,OAAA;AACF,KAAA;AACA;AACF,GAAC,EAAE,CAAChB,uBAAuB,CAAC,CAAC,CAAA;AAC7BoB,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMkB,YAAY,GAAGnD,eAAe,CAACmB,MAAM,KAAK,CAAC,CAAA;AACjD,IAAA,IAAI,CAACxB,aAAa,IAAI,CAACwD,YAAY,EAAE;MACnCvB,iCAAiC,CAAC,UAACO,IAAI,EAAA;AAAA,QAAA,OAAMA,IAAI,CAACC,QAAQ,CAACtD,KAAK,CAAC,GAAGqD,IAAI,GAAAE,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CAAOH,IAAI,CAAA,EAAA,CAAErD,KAAK,CAAC,CAAA,CAAA;AAAA,OAAC,CAAC,CAAA;MAC7F0C,0BAA0B,CAAC,UAACW,IAAI,EAAA;QAAA,OAAAiB,aAAA,CAAAA,aAAA,CAC3BjB,EAAAA,EAAAA,IAAI,OAAAkB,eAAA,CAAA,EAAA,EACNvE,KAAK,EAAGkB,eAAe,CAAA,CAAA,CAAA;AAAA,OACxB,CAAC,CAAA;AACL,KAAC,MAAM,IAAI,CAACL,aAAa,IAAIwD,YAAY,EAAE;MACzCvB,iCAAiC,CAAC,UAACO,IAAI,EAAA;AAAA,QAAA,OAAKA,IAAI,CAACW,MAAM,CAAC,UAACA,MAAM,EAAA;UAAA,OAAKA,MAAM,KAAKhE,KAAK,CAAA;SAAC,CAAA,CAAA;OAAC,CAAA,CAAA;MACtF0C,0BAA0B,CAAC,UAACW,IAAI,EAAK;AACnC,QAAA,IAAiBY,CAAC,GAAwBZ,IAAI,CAArCrD,KAAK,CAAA;UAASkE,cAAc,GAAA9D,wBAAA,CAAKiD,IAAI,GAArCrD,KAAK,CAAA,CAAAiD,GAAA,CAAAkB,cAAA,CAAA,CAAA,CAAA;AACd,QAAA,OAAOD,cAAc,CAAA;AACvB,OAAC,CAAC,CAAA;AACJ,KAAA;AACA;AACF,GAAC,EAAE,CAACnC,uBAAuB,CAAC,CAAC,CAAA;AAE7B,EAAA,oBACEyC,GAAA,CAACC,cAAc,EAAAH,aAAA,CAAAA,aAAA,CAAA;AACbtE,IAAAA,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEkC,UAAU,KAAVA,IAAAA,IAAAA,UAAU,cAAVA,UAAU,GAAI0B,8BAA8B,EAAG;AACtD3D,IAAAA,kBAAkB,EAAE4D,sBAAuB;AAC3CjC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EACzBvB,IAAI,CAAA,EAAA,EAAA,EAAA;AACRuE,IAAAA,GAAG,EAAEjD,YAAoB;AACzBkD,IAAAA,kBAAkB,EAAE;AAClB3E,MAAAA,KAAK,EAAEJ,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,kBAAkB,GAAII,KAAK;AAClC4E,MAAAA,QAAQ,EAAEC,0BAA0B,CAACrD,eAAe,EAAE,uBAAuB,CAAC;AAC9EsD,MAAAA,QAAQ,EAAExD,MAAM;AAChByD,MAAAA,QAAQ,EAAAxB,EAAAA,CAAAA,MAAA,CAAKlC,cAAc,EAAa,aAAA,CAAA;AACxC2D,MAAAA,gBAAgB,EAAEzD,WAAW,IAAI,CAAC,GAAAgC,EAAAA,CAAAA,MAAA,CAAMlC,cAAc,EAAAkC,GAAAA,CAAAA,CAAAA,MAAA,CAAIhC,WAAW,CAAKe,GAAAA,SAAAA;KAC1E;AACF7C,IAAAA,OAAO,EAAE,SAAAA,OAACwF,CAAAA,CAAC,EAAK;AACd9D,MAAAA,cAAc,EAAE,CAAA;AAChB;AACA1B,MAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAO,CAAGwF,CAAQ,CAAC,CAAA;KACnB;AACFvF,IAAAA,MAAM,EAAE,SAAAA,MAACuF,CAAAA,CAAC,EAAK;AACb;AACA;AACAvF,MAAAA,OAAM,aAANA,OAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,OAAM,CAAGuF,CAAQ,CAAC,CAAA;KAClB;AACFtF,IAAAA,SAAS,EAAE,SAAAA,SAACsF,CAAAA,CAAC,EAAK;AAChB7D,MAAAA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG;AAAE8D,QAAAA,KAAK,EAAED,CAAAA;AAAS,OAAC,CAAC,CAAA;AACvC;AACAtF,MAAAA,UAAS,aAATA,UAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,UAAS,CAAGsF,CAAQ,CAAC,CAAA;AACvB,KAAA;AAAE,GAAA,CACH,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAME,qBAAqB,gBAAGC,wBAAwB,CAACjG,sBAAsB,EAAE;AAC7EkG,EAAAA,WAAW,EAAEC,oBAAoB,CAACC,QAAQ,CAACJ,qBAAAA;AAC7C,CAAC;;;;"}

package/build/lib/web/development/components/ListView/ListViewFilters.web.js

@@ -101,13 +101,14 @@ var ListViewFilters = function ListViewFilters(_ref4) {
   var isMobile = useIsMobile();
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
+  var showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;
   return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
     value: {
       listViewSelectedFilters: listViewSelectedFilters,
       setListViewSelectedFilters: setListViewSelectedFilters,
       selectedFiltersCount: selectedFiltersCount
     },
-    children: [isMobile && /*#__PURE__*/jsx(SearchInput, {
+    children: [isMobile && showSearchInput && /*#__PURE__*/jsx(SearchInput, {
       label: "",
       value: searchValue,
       placeholder: searchValuePlaceholder,
@@ -188,7 +189,7 @@ var ListViewFilters = function ListViewFilters(_ref4) {
                 size: "small"
               })
             })]
-          }), !isMobile && /*#__PURE__*/jsx(Box, {
+          }), !isMobile && showSearchInput && /*#__PURE__*/jsx(Box, {
             width: "256px",
             children: /*#__PURE__*/jsx(SearchInput, {
               label: "",

package/build/lib/web/development/components/ListView/ListViewFilters.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { Divider } from '~components/Divider';\n\nconst gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width\nconst gradientOverlyContainerHeight = '38px';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst GradientOverlay = styled.div<{\n  gradientColorLeft: string;\n  dividerColor: string;\n  gradientColorRight: string;\n}>`\n  height: 100%;\n  width: 20px;\n  background: linear-gradient(\n    270deg,\n    ${({ gradientColorRight }) => gradientColorRight} 0%,\n    ${({ gradientColorLeft }) => gradientColorLeft} 100%\n  );\n  pointer-events: none;\n  &::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: ${({ dividerColor }) => dividerColor};\n  }\n`;\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters,\n    value: showQuickFilters,\n    onChange: onShowQuickFiltersChange,\n  });\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && (\n        <SearchInput\n          label=\"\"\n          value={searchValue}\n          placeholder={searchValuePlaceholder}\n          name={searchNameValue || searchId}\n          onChange={({ name, value }) => onSearchChange?.({ name, value })}\n          onClearButtonClick={onSearchClear}\n        />\n      )}\n      <BaseBox>\n        <BaseBox\n          {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n          {...makeAnalyticsAttribute(rest)}\n          display=\"flex\"\n          justifyContent=\"space-between\"\n        >\n          <Box\n            position=\"relative\"\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={isMobile ? '88%' : 'auto'}\n            marginRight={isMobile ? 'spacing.2' : 'spacing.0'}\n          >\n            <StyledQuickFilterContainer\n              overflow={isMobile ? 'scroll' : 'visible'}\n              width={isMobile ? '100%' : 'auto'}\n              ref={(node) => {\n                if (node instanceof HTMLElement && quickFilters) {\n                  setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);\n                }\n              }}\n              paddingY=\"spacing.4\"\n              paddingLeft={isMobile ? 'spacing.2' : 'spacing.0'}\n            >\n              {quickFilters}\n            </StyledQuickFilterContainer>\n            {isMobile && shouldShowDecorationInQuickFilters ? (\n              <Box\n                position=\"absolute\"\n                right=\"-1px\"\n                top=\"spacing.4\"\n                width={gradientOverlyContainerWidth}\n                height={gradientOverlyContainerHeight}\n              >\n                <GradientOverlay\n                  gradientColorLeft={theme.colors.transparent}\n                  gradientColorRight={theme.colors.surface.background.gray.intense}\n                  dividerColor={theme.colors.surface.border.gray.normal}\n                />\n                <Divider orientation=\"vertical\" />\n              </Box>\n            ) : null}\n          </Box>\n\n          <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n            <Box position=\"relative\" display=\"inline-block\">\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                color=\"primary\"\n                onClick={() => {\n                  setShowFilters((prev) => !prev);\n                }}\n                icon={FilterIcon}\n              />\n              <Box\n                position=\"absolute\"\n                right=\"spacing.0\"\n                top=\"spacing.0\"\n                transform=\"translate(50%, -50%)\"\n              >\n                <Counter\n                  value={selectedFiltersCount || Object.keys(listViewSelectedFilters).length}\n                  color=\"primary\"\n                  emphasis=\"intense\"\n                  size=\"small\"\n                />\n              </Box>\n            </Box>\n            {!isMobile && (\n              <Box width=\"256px\">\n                <SearchInput\n                  label=\"\"\n                  value={searchValue}\n                  placeholder={searchValuePlaceholder}\n                  name={searchNameValue || searchId}\n                  onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                  onClearButtonClick={onSearchClear}\n                  size=\"medium\"\n                />\n              </Box>\n            )}\n          </BaseBox>\n        </BaseBox>\n        <AnimatePresence>\n          {showFilters && (\n            <m.div\n              initial={{ height: 0 }}\n              animate={{ height: showFilters ? 'auto' : 0 }}\n              transition={{\n                duration: msToSeconds(theme.motion.duration.moderate),\n                ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n              }}\n              exit={{ height: 0 }}\n            >\n              <BaseBox\n                display=\"flex\"\n                backgroundColor={\n                  isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n                }\n                borderTop={!isMobile ? '1ps solid' : undefined}\n                borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n              >\n                {children}\n              </BaseBox>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["gradientOverlyContainerWidth","gradientOverlyContainerHeight","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","GradientOverlay","div","_ref","gradientColorRight","_ref2","gradientColorLeft","_ref3","dividerColor","ListViewFilters","_ref4","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","showFilters","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","ref","node","HTMLElement","scrollWidth","offsetWidth","paddingY","paddingLeft","right","top","height","colors","transparent","surface","background","gray","intense","border","normal","Divider","orientation","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","transform","Counter","Object","keys","length","emphasis","_ref6","AnimatePresence","m","initial","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}
+{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { Divider } from '~components/Divider';\n\nconst gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width\nconst gradientOverlyContainerHeight = '38px';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst GradientOverlay = styled.div<{\n  gradientColorLeft: string;\n  dividerColor: string;\n  gradientColorRight: string;\n}>`\n  height: 100%;\n  width: 20px;\n  background: linear-gradient(\n    270deg,\n    ${({ gradientColorRight }) => gradientColorRight} 0%,\n    ${({ gradientColorLeft }) => gradientColorLeft} 100%\n  );\n  pointer-events: none;\n  &::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: ${({ dividerColor }) => dividerColor};\n  }\n`;\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters,\n    value: showQuickFilters,\n    onChange: onShowQuickFiltersChange,\n  });\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && showSearchInput && (\n        <SearchInput\n          label=\"\"\n          value={searchValue}\n          placeholder={searchValuePlaceholder}\n          name={searchNameValue || searchId}\n          onChange={({ name, value }) => onSearchChange?.({ name, value })}\n          onClearButtonClick={onSearchClear}\n        />\n      )}\n      <BaseBox>\n        <BaseBox\n          {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n          {...makeAnalyticsAttribute(rest)}\n          display=\"flex\"\n          justifyContent=\"space-between\"\n        >\n          <Box\n            position=\"relative\"\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={isMobile ? '88%' : 'auto'}\n            marginRight={isMobile ? 'spacing.2' : 'spacing.0'}\n          >\n            <StyledQuickFilterContainer\n              overflow={isMobile ? 'scroll' : 'visible'}\n              width={isMobile ? '100%' : 'auto'}\n              ref={(node) => {\n                if (node instanceof HTMLElement && quickFilters) {\n                  setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);\n                }\n              }}\n              paddingY=\"spacing.4\"\n              paddingLeft={isMobile ? 'spacing.2' : 'spacing.0'}\n            >\n              {quickFilters}\n            </StyledQuickFilterContainer>\n            {isMobile && shouldShowDecorationInQuickFilters ? (\n              <Box\n                position=\"absolute\"\n                right=\"-1px\"\n                top=\"spacing.4\"\n                width={gradientOverlyContainerWidth}\n                height={gradientOverlyContainerHeight}\n              >\n                <GradientOverlay\n                  gradientColorLeft={theme.colors.transparent}\n                  gradientColorRight={theme.colors.surface.background.gray.intense}\n                  dividerColor={theme.colors.surface.border.gray.normal}\n                />\n                <Divider orientation=\"vertical\" />\n              </Box>\n            ) : null}\n          </Box>\n\n          <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n            <Box position=\"relative\" display=\"inline-block\">\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                color=\"primary\"\n                onClick={() => {\n                  setShowFilters((prev) => !prev);\n                }}\n                icon={FilterIcon}\n              />\n              <Box\n                position=\"absolute\"\n                right=\"spacing.0\"\n                top=\"spacing.0\"\n                transform=\"translate(50%, -50%)\"\n              >\n                <Counter\n                  value={selectedFiltersCount || Object.keys(listViewSelectedFilters).length}\n                  color=\"primary\"\n                  emphasis=\"intense\"\n                  size=\"small\"\n                />\n              </Box>\n            </Box>\n            {!isMobile && showSearchInput && (\n              <Box width=\"256px\">\n                <SearchInput\n                  label=\"\"\n                  value={searchValue}\n                  placeholder={searchValuePlaceholder}\n                  name={searchNameValue || searchId}\n                  onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                  onClearButtonClick={onSearchClear}\n                  size=\"medium\"\n                />\n              </Box>\n            )}\n          </BaseBox>\n        </BaseBox>\n        <AnimatePresence>\n          {showFilters && (\n            <m.div\n              initial={{ height: 0 }}\n              animate={{ height: showFilters ? 'auto' : 0 }}\n              transition={{\n                duration: msToSeconds(theme.motion.duration.moderate),\n                ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n              }}\n              exit={{ height: 0 }}\n            >\n              <BaseBox\n                display=\"flex\"\n                backgroundColor={\n                  isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n                }\n                borderTop={!isMobile ? '1ps solid' : undefined}\n                borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n              >\n                {children}\n              </BaseBox>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["gradientOverlyContainerWidth","gradientOverlyContainerHeight","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","GradientOverlay","div","_ref","gradientColorRight","_ref2","gradientColorLeft","_ref3","dividerColor","ListViewFilters","_ref4","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","showFilters","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","showSearchInput","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","ref","node","HTMLElement","scrollWidth","offsetWidth","paddingY","paddingLeft","right","top","height","colors","transparent","surface","background","gray","intense","border","normal","Divider","orientation","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","transform","Counter","Object","keys","length","emphasis","_ref6","AnimatePresence","m","initial","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}

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

@@ -22,6 +22,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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,
@@ -55,6 +56,9 @@ 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(),
@@ -178,7 +182,7 @@ var _FilterChipSelectInput = function _FilterChipSelectInput(props) {
   }, [changeCallbackTriggerer]);
   return /*#__PURE__*/jsx(BaseFilterChip, _objectSpread(_objectSpread({
     label: label,
-    value: value !== null && value !== void 0 ? value : getUnControlledFilterChipValue(),
+    value: valueTitle !== null && valueTitle !== void 0 ? valueTitle : getUnControlledFilterChipValue(),
     onClearButtonClick: handleClearButtonClick,
     selectionType: selectionType
   }, rest), {}, {

package/build/lib/web/production/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 { 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    setHasUnControlledFilterChipSelectInput,\n    setSelectedIndices,\n    controlledValueIndices,\n    changeCallbackTriggerer,\n  } = useDropdown();\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    if (isUnControlled) {\n      setHasUnControlledFilterChipSelectInput(true);\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    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled]);\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  };\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  return (\n    <BaseFilterChip\n      label={label}\n      value={value ?? getUnControlledFilterChipValue()}\n      onClearButtonClick={handleClearButtonClick}\n      selectionType={selectionType}\n      {...rest}\n      ref={triggererRef as any}\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        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\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      }}\n      onKeyDown={(e) => {\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      }}\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","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","setHasUnControlledFilterChipSelectInput","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","inputValue","prev","includes","concat","_toConsumableArray","getTitleFromValue","option","find","title","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","filter","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","e","event","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 { 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    setHasUnControlledFilterChipSelectInput,\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    if (isUnControlled) {\n      setHasUnControlledFilterChipSelectInput(true);\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    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled]);\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  };\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  return (\n    <BaseFilterChip\n      label={label}\n      value={valueTitle ?? getUnControlledFilterChipValue()}\n      onClearButtonClick={handleClearButtonClick}\n      selectionType={selectionType}\n      {...rest}\n      ref={triggererRef as any}\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        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\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      }}\n      onKeyDown={(e) => {\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      }}\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","setHasUnControlledFilterChipSelectInput","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","valueTitle","find","option","title","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","selectionIndex","useEffect","inputValue","prev","includes","concat","_toConsumableArray","getTitleFromValue","getUnControlledFilterChipValue","handleClearButtonClick","_props$onClearButtonC","_props$onChange","call","values","filter","_","updatedFilters","_toPropertyKey","_props$onChange2","isValueEmpty","_objectSpread","_defineProperty","_jsx","BaseFilterChip","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","e","event","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/web/production/components/ListView/ListViewFilters.web.js

@@ -101,13 +101,14 @@ var ListViewFilters = function ListViewFilters(_ref4) {
   var isMobile = useIsMobile();
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
+  var showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;
   return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
     value: {
       listViewSelectedFilters: listViewSelectedFilters,
       setListViewSelectedFilters: setListViewSelectedFilters,
       selectedFiltersCount: selectedFiltersCount
     },
-    children: [isMobile && /*#__PURE__*/jsx(SearchInput, {
+    children: [isMobile && showSearchInput && /*#__PURE__*/jsx(SearchInput, {
       label: "",
       value: searchValue,
       placeholder: searchValuePlaceholder,
@@ -188,7 +189,7 @@ var ListViewFilters = function ListViewFilters(_ref4) {
                 size: "small"
               })
             })]
-          }), !isMobile && /*#__PURE__*/jsx(Box, {
+          }), !isMobile && showSearchInput && /*#__PURE__*/jsx(Box, {
             width: "256px",
             children: /*#__PURE__*/jsx(SearchInput, {
               label: "",

package/build/lib/web/production/components/ListView/ListViewFilters.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { Divider } from '~components/Divider';\n\nconst gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width\nconst gradientOverlyContainerHeight = '38px';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst GradientOverlay = styled.div<{\n  gradientColorLeft: string;\n  dividerColor: string;\n  gradientColorRight: string;\n}>`\n  height: 100%;\n  width: 20px;\n  background: linear-gradient(\n    270deg,\n    ${({ gradientColorRight }) => gradientColorRight} 0%,\n    ${({ gradientColorLeft }) => gradientColorLeft} 100%\n  );\n  pointer-events: none;\n  &::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: ${({ dividerColor }) => dividerColor};\n  }\n`;\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters,\n    value: showQuickFilters,\n    onChange: onShowQuickFiltersChange,\n  });\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && (\n        <SearchInput\n          label=\"\"\n          value={searchValue}\n          placeholder={searchValuePlaceholder}\n          name={searchNameValue || searchId}\n          onChange={({ name, value }) => onSearchChange?.({ name, value })}\n          onClearButtonClick={onSearchClear}\n        />\n      )}\n      <BaseBox>\n        <BaseBox\n          {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n          {...makeAnalyticsAttribute(rest)}\n          display=\"flex\"\n          justifyContent=\"space-between\"\n        >\n          <Box\n            position=\"relative\"\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={isMobile ? '88%' : 'auto'}\n            marginRight={isMobile ? 'spacing.2' : 'spacing.0'}\n          >\n            <StyledQuickFilterContainer\n              overflow={isMobile ? 'scroll' : 'visible'}\n              width={isMobile ? '100%' : 'auto'}\n              ref={(node) => {\n                if (node instanceof HTMLElement && quickFilters) {\n                  setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);\n                }\n              }}\n              paddingY=\"spacing.4\"\n              paddingLeft={isMobile ? 'spacing.2' : 'spacing.0'}\n            >\n              {quickFilters}\n            </StyledQuickFilterContainer>\n            {isMobile && shouldShowDecorationInQuickFilters ? (\n              <Box\n                position=\"absolute\"\n                right=\"-1px\"\n                top=\"spacing.4\"\n                width={gradientOverlyContainerWidth}\n                height={gradientOverlyContainerHeight}\n              >\n                <GradientOverlay\n                  gradientColorLeft={theme.colors.transparent}\n                  gradientColorRight={theme.colors.surface.background.gray.intense}\n                  dividerColor={theme.colors.surface.border.gray.normal}\n                />\n                <Divider orientation=\"vertical\" />\n              </Box>\n            ) : null}\n          </Box>\n\n          <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n            <Box position=\"relative\" display=\"inline-block\">\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                color=\"primary\"\n                onClick={() => {\n                  setShowFilters((prev) => !prev);\n                }}\n                icon={FilterIcon}\n              />\n              <Box\n                position=\"absolute\"\n                right=\"spacing.0\"\n                top=\"spacing.0\"\n                transform=\"translate(50%, -50%)\"\n              >\n                <Counter\n                  value={selectedFiltersCount || Object.keys(listViewSelectedFilters).length}\n                  color=\"primary\"\n                  emphasis=\"intense\"\n                  size=\"small\"\n                />\n              </Box>\n            </Box>\n            {!isMobile && (\n              <Box width=\"256px\">\n                <SearchInput\n                  label=\"\"\n                  value={searchValue}\n                  placeholder={searchValuePlaceholder}\n                  name={searchNameValue || searchId}\n                  onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                  onClearButtonClick={onSearchClear}\n                  size=\"medium\"\n                />\n              </Box>\n            )}\n          </BaseBox>\n        </BaseBox>\n        <AnimatePresence>\n          {showFilters && (\n            <m.div\n              initial={{ height: 0 }}\n              animate={{ height: showFilters ? 'auto' : 0 }}\n              transition={{\n                duration: msToSeconds(theme.motion.duration.moderate),\n                ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n              }}\n              exit={{ height: 0 }}\n            >\n              <BaseBox\n                display=\"flex\"\n                backgroundColor={\n                  isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n                }\n                borderTop={!isMobile ? '1ps solid' : undefined}\n                borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n              >\n                {children}\n              </BaseBox>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["gradientOverlyContainerWidth","gradientOverlyContainerHeight","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","GradientOverlay","div","_ref","gradientColorRight","_ref2","gradientColorLeft","_ref3","dividerColor","ListViewFilters","_ref4","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","showFilters","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","ref","node","HTMLElement","scrollWidth","offsetWidth","paddingY","paddingLeft","right","top","height","colors","transparent","surface","background","gray","intense","border","normal","Divider","orientation","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","transform","Counter","Object","keys","length","emphasis","_ref6","AnimatePresence","m","initial","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}
+{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { Divider } from '~components/Divider';\n\nconst gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width\nconst gradientOverlyContainerHeight = '38px';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst GradientOverlay = styled.div<{\n  gradientColorLeft: string;\n  dividerColor: string;\n  gradientColorRight: string;\n}>`\n  height: 100%;\n  width: 20px;\n  background: linear-gradient(\n    270deg,\n    ${({ gradientColorRight }) => gradientColorRight} 0%,\n    ${({ gradientColorLeft }) => gradientColorLeft} 100%\n  );\n  pointer-events: none;\n  &::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: ${({ dividerColor }) => dividerColor};\n  }\n`;\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters,\n    value: showQuickFilters,\n    onChange: onShowQuickFiltersChange,\n  });\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && showSearchInput && (\n        <SearchInput\n          label=\"\"\n          value={searchValue}\n          placeholder={searchValuePlaceholder}\n          name={searchNameValue || searchId}\n          onChange={({ name, value }) => onSearchChange?.({ name, value })}\n          onClearButtonClick={onSearchClear}\n        />\n      )}\n      <BaseBox>\n        <BaseBox\n          {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n          {...makeAnalyticsAttribute(rest)}\n          display=\"flex\"\n          justifyContent=\"space-between\"\n        >\n          <Box\n            position=\"relative\"\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={isMobile ? '88%' : 'auto'}\n            marginRight={isMobile ? 'spacing.2' : 'spacing.0'}\n          >\n            <StyledQuickFilterContainer\n              overflow={isMobile ? 'scroll' : 'visible'}\n              width={isMobile ? '100%' : 'auto'}\n              ref={(node) => {\n                if (node instanceof HTMLElement && quickFilters) {\n                  setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);\n                }\n              }}\n              paddingY=\"spacing.4\"\n              paddingLeft={isMobile ? 'spacing.2' : 'spacing.0'}\n            >\n              {quickFilters}\n            </StyledQuickFilterContainer>\n            {isMobile && shouldShowDecorationInQuickFilters ? (\n              <Box\n                position=\"absolute\"\n                right=\"-1px\"\n                top=\"spacing.4\"\n                width={gradientOverlyContainerWidth}\n                height={gradientOverlyContainerHeight}\n              >\n                <GradientOverlay\n                  gradientColorLeft={theme.colors.transparent}\n                  gradientColorRight={theme.colors.surface.background.gray.intense}\n                  dividerColor={theme.colors.surface.border.gray.normal}\n                />\n                <Divider orientation=\"vertical\" />\n              </Box>\n            ) : null}\n          </Box>\n\n          <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n            <Box position=\"relative\" display=\"inline-block\">\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                color=\"primary\"\n                onClick={() => {\n                  setShowFilters((prev) => !prev);\n                }}\n                icon={FilterIcon}\n              />\n              <Box\n                position=\"absolute\"\n                right=\"spacing.0\"\n                top=\"spacing.0\"\n                transform=\"translate(50%, -50%)\"\n              >\n                <Counter\n                  value={selectedFiltersCount || Object.keys(listViewSelectedFilters).length}\n                  color=\"primary\"\n                  emphasis=\"intense\"\n                  size=\"small\"\n                />\n              </Box>\n            </Box>\n            {!isMobile && showSearchInput && (\n              <Box width=\"256px\">\n                <SearchInput\n                  label=\"\"\n                  value={searchValue}\n                  placeholder={searchValuePlaceholder}\n                  name={searchNameValue || searchId}\n                  onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                  onClearButtonClick={onSearchClear}\n                  size=\"medium\"\n                />\n              </Box>\n            )}\n          </BaseBox>\n        </BaseBox>\n        <AnimatePresence>\n          {showFilters && (\n            <m.div\n              initial={{ height: 0 }}\n              animate={{ height: showFilters ? 'auto' : 0 }}\n              transition={{\n                duration: msToSeconds(theme.motion.duration.moderate),\n                ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n              }}\n              exit={{ height: 0 }}\n            >\n              <BaseBox\n                display=\"flex\"\n                backgroundColor={\n                  isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n                }\n                borderTop={!isMobile ? '1ps solid' : undefined}\n                borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n              >\n                {children}\n              </BaseBox>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["gradientOverlyContainerWidth","gradientOverlyContainerHeight","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","GradientOverlay","div","_ref","gradientColorRight","_ref2","gradientColorLeft","_ref3","dividerColor","ListViewFilters","_ref4","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","showFilters","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","showSearchInput","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","ref","node","HTMLElement","scrollWidth","offsetWidth","paddingY","paddingLeft","right","top","height","colors","transparent","surface","background","gray","intense","border","normal","Divider","orientation","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","transform","Counter","Object","keys","length","emphasis","_ref6","AnimatePresence","m","initial","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.21.0",
+  "version": "12.21.1",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"