@launchpad-ui/filter 0.4.0 → 0.4.2

package/dist/AppliedFilter.d.ts

@@ -18,8 +18,9 @@ declare type AppliedFilterProps = {
     isLoading?: boolean;
     onClickFilterButton?(): void;
     searchAriaLabel?: string;
+    'data-test-id'?: string;
 };
-declare const AppliedFilter: ({ searchValue, onSearchChange, searchPlaceholder, name, description, options, className, isEmpty, isLoading, onClickFilterButton, onClearFilter, searchAriaLabel, ...props }: AppliedFilterProps) => JSX.Element;
+declare const AppliedFilter: ({ searchValue, onSearchChange, searchPlaceholder, name, description, options, className, isEmpty, isLoading, onClickFilterButton, onClearFilter, searchAriaLabel, "data-test-id": testId, ...props }: AppliedFilterProps) => JSX.Element;
 export type { AppliedFilterProps };
 export { AppliedFilter };
 //# sourceMappingURL=AppliedFilter.d.ts.map

package/dist/AppliedFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedFilter.d.ts","sourceRoot":"","sources":["../src/AppliedFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpD,aAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,aAAa,iLAchB,kBAAkB,gBA4BpB,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"AppliedFilter.d.ts","sourceRoot":"","sources":["../src/AppliedFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpD,aAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,aAAa,yMAehB,kBAAkB,gBA6BpB,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/Filter.d.ts

@@ -22,9 +22,10 @@ declare type FilterProps = Pick<MenuProps<string>, 'size' | 'enableVirtualizatio
     isLoading?: boolean;
     onClickFilterButton?(): void;
     disabledOptionTooltip?: string;
-    testId?: string;
+    'data-test-id'?: string;
+    triggerTestId?: string;
 };
-declare const Filter: ({ searchValue, onSearchChange, searchPlaceholder, searchAriaLabel, name, hideName, description, options, isClearable, onClear, isSelected, className, isEmpty, isLoading, onClickFilterButton, disabledOptionTooltip, testId, size, enableVirtualization, ...props }: FilterProps) => JSX.Element;
+declare const Filter: ({ searchValue, onSearchChange, searchPlaceholder, searchAriaLabel, name, hideName, description, options, isClearable, onClear, isSelected, className, isEmpty, isLoading, onClickFilterButton, disabledOptionTooltip, "data-test-id": testId, size, enableVirtualization, ...props }: FilterProps) => JSX.Element;
 export { Filter };
 export type { FilterProps };
 //# sourceMappingURL=Filter.d.ts.map

package/dist/Filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../src/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAUpE,aAAK,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC,GAAG;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,MAAM,yQAqBT,WAAW,gBAsCb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../src/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAUpE,aAAK,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC,GAAG;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,MAAM,yRAqBT,WAAW,gBAsCb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/FilterButton.d.ts

@@ -10,7 +10,7 @@ declare type FilterButtonProps = {
     clearTooltip?: string | JSX.Element;
     children?: ReactNode;
     onClickFilterButton?(): void;
-    testId?: string;
+    'data-test-id'?: string;
 };
 declare const FilterButton: import("react").ForwardRefExoticComponent<FilterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export { FilterButton };

package/dist/FilterButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../src/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AASvD,OAAO,qBAAqB,CAAC;AAE7B,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAIF,QAAA,MAAM,YAAY,iHA4DhB,CAAC;AAQH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../src/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AASvD,OAAO,qBAAqB,CAAC;AAE7B,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,YAAY,iHA4DhB,CAAC;AAQH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/index.es.js

@@ -107,6 +107,7 @@ const AppliedFilter = ({
   onClickFilterButton,
   onClearFilter,
   searchAriaLabel,
+  "data-test-id": testId = "applied-filter",
   ...props
 }) => {
   const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
@@ -115,6 +116,7 @@ const AppliedFilter = ({
     targetClassName: dropdownClasses,
     placement: "bottom-start",
     enableArrow: false,
+    "data-test-id": testId,
     ...props,
     children: [/* @__PURE__ */ jsx(AppliedFilterButton, {
       name,
@@ -143,7 +145,7 @@ const FilterButton = forwardRef((props, ref) => {
     isSelected,
     onClickFilterButton,
     className,
-    testId,
+    "data-test-id": testId = "filter-button",
     ...rest
   } = props;
   const nameId = useId();
@@ -212,7 +214,7 @@ const Filter = ({
   isLoading,
   onClickFilterButton,
   disabledOptionTooltip,
-  testId,
+  "data-test-id": testId = "filter",
   size,
   enableVirtualization,
   ...props
@@ -233,7 +235,7 @@ const Filter = ({
       hideName,
       isSelected,
       onClickFilterButton,
-      testId,
+      "data-test-id": testId,
       children: description
     }), /* @__PURE__ */ jsx(FilterMenu, {
       options,

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/AppliedFilterButton.tsx","../src/FilterMenu.tsx","../src/AppliedFilter.tsx","../src/FilterButton.tsx","../src/Filter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ExpandMore } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport './styles/Filter.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  isSelected?: boolean;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const { name, className, isSelected, children, onClickFilterButton } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div className=\"AppliedFilter-buttonContainer\">\n      <button\n        aria-haspopup\n        className={cx('AppliedFilter-button', isSelected && 'isSelected', className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className=\"AppliedFilter-name\">\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && <span className=\"AppliedFilter-description\">{children}</span>}\n        <ExpandMore size=\"small\" />\n      </button>\n    </div>\n  );\n});\n\nAppliedFilterButton.displayName = 'AppliedFilterButton';\n\nexport type { AppliedFilterButtonProps };\nexport { AppliedFilterButton };\n","import type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Button } from '@launchpad-ui/button';\nimport { Check } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FilterOption<T = any> = {\n  name?: ReactNode;\n  isDisabled?: boolean;\n  isDivider?: boolean;\n  isChecked?: boolean;\n  value: T | null;\n  projKey?: string;\n  nested?: boolean;\n  groupHeader?: boolean;\n};\n\ntype FilterMenuProps = Pick<MenuProps<string>, 'enableVirtualization' | 'size'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onSelect?(): void;\n  isLoading?: boolean;\n  disabledOptionTooltip?: string;\n};\n\nconst FilterMenu = ({\n  options,\n  onClearFilter,\n  enableSearch,\n  searchValue,\n  searchPlaceholder,\n  searchAriaLabel,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button tabIndex={0} className=\"Menu-clear\" onClick={onClearFilter} kind=\"link\">\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu enableVirtualization={enableVirtualization} size={size} onSelect={onSelect}>\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            placeholder={searchPlaceholder}\n            onChange={onSearchChange}\n            ariaLabel={searchAriaLabel}\n          />\n        )}\n        {filterOptions.map((option, index) => {\n          if (option.isDivider) {\n            return <MenuDivider key={`divider-${index}`} />;\n          }\n          return (\n            <MenuItem\n              item={option}\n              disabled={option.isDisabled}\n              icon={option.isChecked ? Check : null}\n              key={option.value}\n              role=\"menuitemradio\"\n              aria-checked={option.isChecked ? 'true' : undefined}\n              nested={option.nested}\n              groupHeader={option.groupHeader}\n              tooltip={\n                option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : undefined\n              }\n              tooltipPlacement=\"right\"\n            >\n              {option.name}\n            </MenuItem>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nexport { FilterMenu };\nexport type { FilterOption, FilterMenuProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { AppliedFilterButton } from './AppliedFilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype AppliedFilterProps = {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onClearFilter?(): void;\n  searchPlaceholder?: string;\n  name?: ReactNode;\n  description: ReactNode;\n  options: FilterOption[];\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n};\n\nconst AppliedFilter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  name,\n  description,\n  options,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  onClearFilter,\n  searchAriaLabel,\n  ...props\n}: AppliedFilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter-target', className);\n  return (\n    <Dropdown\n      targetClassName={dropdownClasses}\n      placement=\"bottom-start\"\n      enableArrow={false}\n      {...props}\n    >\n      <AppliedFilterButton name={name} onClickFilterButton={onClickFilterButton}>\n        {description}\n      </AppliedFilterButton>\n\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        onSearchChange={onSearchChange}\n        onClearFilter={onClearFilter}\n        isLoading={isLoading}\n      />\n    </Dropdown>\n  );\n};\n\nexport type { AppliedFilterProps };\nexport { AppliedFilter };\n","import type { ReactNode, SyntheticEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Close, ExpandMore } from '@launchpad-ui/icons';\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { cx } from 'classix';\nimport { Children, forwardRef, useId } from 'react';\n\nimport './styles/Filter.css';\n\ntype FilterButtonProps = {\n  name: ReactNode;\n  hideName?: boolean;\n  isClearable?: boolean;\n  onClear?(event: SyntheticEvent): void;\n  className?: string;\n  isSelected?: boolean;\n  clearTooltip?: string | JSX.Element;\n  children?: ReactNode;\n  onClickFilterButton?(): void;\n  testId?: string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst FilterButton = forwardRef<Ref, FilterButtonProps>((props, ref) => {\n  const {\n    children,\n    name,\n    hideName,\n    isClearable,\n    clearTooltip,\n    onClear,\n    isSelected,\n    onClickFilterButton,\n    className,\n    testId,\n    ...rest\n  } = props;\n  const nameId = useId();\n  const descriptionId = useId();\n\n  const hasDescription = Children.count(children) !== 0;\n\n  const nameElement = (\n    <span className=\"Filter-name\">\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  return (\n    <div className=\"Filter-buttonContainer\" data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        className={cx('Filter-button', className, (isClearable || isSelected) && 'is-clearable')}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className=\"Filter-description\">\n            {children}\n          </span>\n        )}\n        {!isClearable && <ExpandMore size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName=\"Filter-clearTooltip\" content={clearTooltip}>\n          <IconButton\n            aria-label=\"Clear filter\"\n            className=\"Filter-clear\"\n            icon={<Close size=\"tiny\" />}\n            onClick={onClear}\n          />\n        </Tooltip>\n      )}\n    </div>\n  );\n});\n\nFilterButton.defaultProps = {\n  clearTooltip: 'Clear filter',\n};\n\nFilterButton.displayName = 'FilterButton';\n\nexport { FilterButton };\nexport type { FilterButtonProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode, SyntheticEvent } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { FilterButton } from './FilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype FilterProps = Pick<MenuProps<string>, 'size' | 'enableVirtualization'> & {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  name: ReactNode;\n  hideName?: boolean;\n  description: ReactNode;\n  options: FilterOption[];\n  isClearable?: boolean;\n  onClear?(): void;\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  testId?: string;\n};\n\nconst Filter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  searchAriaLabel,\n  name,\n  hideName,\n  description,\n  options,\n  isClearable,\n  onClear,\n  isSelected,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  testId,\n  size,\n  enableVirtualization,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter', 'Filter-target', className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown targetClassName={dropdownClasses} {...props}>\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        testId={testId}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        searchAriaLabel={searchAriaLabel}\n        enableSearch={enableSearch}\n        onSearchChange={onSearchChange}\n        isLoading={isLoading}\n        disabledOptionTooltip={disabledOptionTooltip}\n        size={size}\n        enableVirtualization={enableVirtualization}\n      />\n    </Dropdown>\n  );\n};\n\nexport { Filter };\nexport type { FilterProps };\n"],"names":["AppliedFilterButton","forwardRef","props","ref","name","className","isSelected","children","onClickFilterButton","hasDescription","Children","count","cx","_jsxs","_jsx","displayName","FilterMenu","options","onClearFilter","enableSearch","searchValue","searchPlaceholder","searchAriaLabel","onSelect","onSearchChange","isLoading","disabledOptionTooltip","enableVirtualization","size","filterOptions","value","isDisabled","_Fragment","map","option","index","isDivider","isChecked","Check","undefined","nested","groupHeader","SEARCH_INPUT_THRESHOLD","AppliedFilter","description","isEmpty","length","dropdownClasses","FilterButton","hideName","isClearable","clearTooltip","onClear","testId","rest","nameId","useId","descriptionId","nameElement","defaultProps","Filter","handleClear","event","preventDefault"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/AppliedFilterButton.tsx","../src/FilterMenu.tsx","../src/AppliedFilter.tsx","../src/FilterButton.tsx","../src/Filter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ExpandMore } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport './styles/Filter.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  isSelected?: boolean;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const { name, className, isSelected, children, onClickFilterButton } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div className=\"AppliedFilter-buttonContainer\">\n      <button\n        aria-haspopup\n        className={cx('AppliedFilter-button', isSelected && 'isSelected', className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className=\"AppliedFilter-name\">\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && <span className=\"AppliedFilter-description\">{children}</span>}\n        <ExpandMore size=\"small\" />\n      </button>\n    </div>\n  );\n});\n\nAppliedFilterButton.displayName = 'AppliedFilterButton';\n\nexport type { AppliedFilterButtonProps };\nexport { AppliedFilterButton };\n","import type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Button } from '@launchpad-ui/button';\nimport { Check } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FilterOption<T = any> = {\n  name?: ReactNode;\n  isDisabled?: boolean;\n  isDivider?: boolean;\n  isChecked?: boolean;\n  value: T | null;\n  projKey?: string;\n  nested?: boolean;\n  groupHeader?: boolean;\n};\n\ntype FilterMenuProps = Pick<MenuProps<string>, 'enableVirtualization' | 'size'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onSelect?(): void;\n  isLoading?: boolean;\n  disabledOptionTooltip?: string;\n};\n\nconst FilterMenu = ({\n  options,\n  onClearFilter,\n  enableSearch,\n  searchValue,\n  searchPlaceholder,\n  searchAriaLabel,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button tabIndex={0} className=\"Menu-clear\" onClick={onClearFilter} kind=\"link\">\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu enableVirtualization={enableVirtualization} size={size} onSelect={onSelect}>\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            placeholder={searchPlaceholder}\n            onChange={onSearchChange}\n            ariaLabel={searchAriaLabel}\n          />\n        )}\n        {filterOptions.map((option, index) => {\n          if (option.isDivider) {\n            return <MenuDivider key={`divider-${index}`} />;\n          }\n          return (\n            <MenuItem\n              item={option}\n              disabled={option.isDisabled}\n              icon={option.isChecked ? Check : null}\n              key={option.value}\n              role=\"menuitemradio\"\n              aria-checked={option.isChecked ? 'true' : undefined}\n              nested={option.nested}\n              groupHeader={option.groupHeader}\n              tooltip={\n                option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : undefined\n              }\n              tooltipPlacement=\"right\"\n            >\n              {option.name}\n            </MenuItem>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nexport { FilterMenu };\nexport type { FilterOption, FilterMenuProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { AppliedFilterButton } from './AppliedFilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype AppliedFilterProps = {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onClearFilter?(): void;\n  searchPlaceholder?: string;\n  name?: ReactNode;\n  description: ReactNode;\n  options: FilterOption[];\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n  'data-test-id'?: string;\n};\n\nconst AppliedFilter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  name,\n  description,\n  options,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  onClearFilter,\n  searchAriaLabel,\n  'data-test-id': testId = 'applied-filter',\n  ...props\n}: AppliedFilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter-target', className);\n  return (\n    <Dropdown\n      targetClassName={dropdownClasses}\n      placement=\"bottom-start\"\n      enableArrow={false}\n      data-test-id={testId}\n      {...props}\n    >\n      <AppliedFilterButton name={name} onClickFilterButton={onClickFilterButton}>\n        {description}\n      </AppliedFilterButton>\n\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        onSearchChange={onSearchChange}\n        onClearFilter={onClearFilter}\n        isLoading={isLoading}\n      />\n    </Dropdown>\n  );\n};\n\nexport type { AppliedFilterProps };\nexport { AppliedFilter };\n","import type { ReactNode, SyntheticEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Close, ExpandMore } from '@launchpad-ui/icons';\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { cx } from 'classix';\nimport { Children, forwardRef, useId } from 'react';\n\nimport './styles/Filter.css';\n\ntype FilterButtonProps = {\n  name: ReactNode;\n  hideName?: boolean;\n  isClearable?: boolean;\n  onClear?(event: SyntheticEvent): void;\n  className?: string;\n  isSelected?: boolean;\n  clearTooltip?: string | JSX.Element;\n  children?: ReactNode;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst FilterButton = forwardRef<Ref, FilterButtonProps>((props, ref) => {\n  const {\n    children,\n    name,\n    hideName,\n    isClearable,\n    clearTooltip,\n    onClear,\n    isSelected,\n    onClickFilterButton,\n    className,\n    'data-test-id': testId = 'filter-button',\n    ...rest\n  } = props;\n  const nameId = useId();\n  const descriptionId = useId();\n\n  const hasDescription = Children.count(children) !== 0;\n\n  const nameElement = (\n    <span className=\"Filter-name\">\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  return (\n    <div className=\"Filter-buttonContainer\" data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        className={cx('Filter-button', className, (isClearable || isSelected) && 'is-clearable')}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className=\"Filter-description\">\n            {children}\n          </span>\n        )}\n        {!isClearable && <ExpandMore size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName=\"Filter-clearTooltip\" content={clearTooltip}>\n          <IconButton\n            aria-label=\"Clear filter\"\n            className=\"Filter-clear\"\n            icon={<Close size=\"tiny\" />}\n            onClick={onClear}\n          />\n        </Tooltip>\n      )}\n    </div>\n  );\n});\n\nFilterButton.defaultProps = {\n  clearTooltip: 'Clear filter',\n};\n\nFilterButton.displayName = 'FilterButton';\n\nexport { FilterButton };\nexport type { FilterButtonProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode, SyntheticEvent } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { FilterButton } from './FilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype FilterProps = Pick<MenuProps<string>, 'size' | 'enableVirtualization'> & {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  name: ReactNode;\n  hideName?: boolean;\n  description: ReactNode;\n  options: FilterOption[];\n  isClearable?: boolean;\n  onClear?(): void;\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  'data-test-id'?: string;\n  triggerTestId?: string;\n};\n\nconst Filter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  searchAriaLabel,\n  name,\n  hideName,\n  description,\n  options,\n  isClearable,\n  onClear,\n  isSelected,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  'data-test-id': testId = 'filter',\n  size,\n  enableVirtualization,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter', 'Filter-target', className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown targetClassName={dropdownClasses} {...props}>\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        data-test-id={testId}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        searchAriaLabel={searchAriaLabel}\n        enableSearch={enableSearch}\n        onSearchChange={onSearchChange}\n        isLoading={isLoading}\n        disabledOptionTooltip={disabledOptionTooltip}\n        size={size}\n        enableVirtualization={enableVirtualization}\n      />\n    </Dropdown>\n  );\n};\n\nexport { Filter };\nexport type { FilterProps };\n"],"names":["AppliedFilterButton","forwardRef","props","ref","name","className","isSelected","children","onClickFilterButton","hasDescription","Children","count","cx","_jsxs","_jsx","displayName","FilterMenu","options","onClearFilter","enableSearch","searchValue","searchPlaceholder","searchAriaLabel","onSelect","onSearchChange","isLoading","disabledOptionTooltip","enableVirtualization","size","filterOptions","value","isDisabled","_Fragment","map","option","index","isDivider","isChecked","Check","undefined","nested","groupHeader","SEARCH_INPUT_THRESHOLD","AppliedFilter","description","isEmpty","testId","length","dropdownClasses","FilterButton","hideName","isClearable","clearTooltip","onClear","rest","nameId","useId","descriptionId","nameElement","defaultProps","Filter","handleClear","event","preventDefault"],"mappings":";;;;;;;;;;AAkBA,MAAMA,sBAAsBC,WAA0C,CAACC,OAAOC,QAAQ;AAC9E,QAAA;AAAA,IAAEC;AAAAA,IAAMC;AAAAA,IAAWC;AAAAA,IAAYC;AAAAA,IAAUC;AAAAA,EAAwBN,IAAAA;AAEvE,QAAMO,iBAAiBC,SAASC,MAAMJ,QAAf,MAA6B;AAEpD,6BACE,OAAA;AAAA,IAAK,WAAU;AAAA,IAAf,+BACE,UAAA;AAAA,MACE,iBADF;AAAA,MAEE,WAAWK,GAAG,wBAAwBN,cAAc,cAAcD,SAArD;AAAA,MACb;AAAA,MACA,SAASG;AAAAA,MAJX,UAAA,CAMGJ,QACCS,qBAAA,QAAA;AAAA,QAAM,WAAU;AAAA,QAAhB,UAAA,CACGT,MACAK,kBAAkB,GAFrB;AAAA,MAAA,CAPJ,GAYGA,kBAAkBK,oBAAA,QAAA;AAAA,QAAM,WAAU;AAAA,QAAhB;AAAA,MAAA,CAZrB,GAaEA,oBAAC,YAAD;AAAA,QAAY,MAAK;AAAA,MAAA,CAbnB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAFJ;AAmBD,CAxBqC;AA0BtCd,oBAAoBe,cAAc;ACZlC,MAAMC,aAAa,CAAC;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACAC;AAAAA,EACAC;AAZkB,MAaG;AACfC,QAAAA,gBAAgBJ,YAClB,CAAC;AAAA,IAAErB,MAAM;AAAA,IAAc0B,OAAO;AAAA,IAAcC,YAAY;AAAA,EAAxD,CAAA,IACAd;AAEJ,8BACEe,UAAA;AAAA,IAAA,UACGd,CAAAA,iBACCJ,oBAAC,QAAD;AAAA,MAAQ,UAAU;AAAA,MAAG,WAAU;AAAA,MAAa,SAASI;AAAAA,MAAe,MAAK;AAAA,MAAzE,UAAA;AAAA,IAAA,CAFJ,GAMEL,qBAAC,MAAD;AAAA,MAAM;AAAA,MAA4C;AAAA,MAAY;AAAA,MAA9D,UACGM,CAAAA,gBACCL,oBAAC,YAAD;AAAA,QACE,OAAOM;AAAAA,QACP,aAAaC;AAAAA,QACb,UAAUG;AAAAA,QACV,WAAWF;AAAAA,MANjB,CAAA,GASGO,cAAcI,IAAI,CAACC,QAAQC,UAAU;AACpC,YAAID,OAAOE,WAAW;AACpB,iBAAQtB,oBAAA,aAAD,CAAA,GAAmB,WAAUqB,OAA7B;AAAA,QACR;AACD,mCACG,UAAD;AAAA,UACE,MAAMD;AAAAA,UACN,UAAUA,OAAOH;AAAAA,UACjB,MAAMG,OAAOG,YAAYC,QAAQ;AAAA,UAEjC,MAAK;AAAA,UACL,gBAAcJ,OAAOG,YAAY,SAASE;AAAAA,UAC1C,QAAQL,OAAOM;AAAAA,UACf,aAAaN,OAAOO;AAAAA,UACpB,SACEP,OAAOH,cAAcL,wBAAwBA,wBAAwBa;AAAAA,UAEvE,kBAAiB;AAAA,UAZnB,UAcGL,OAAO9B;AAAAA,QAAAA,GAVH8B,OAAOJ,KAJd;AAAA,MAAA,CALH,CATH;AAAA,IAAA,CANF,CAAA;AAAA,EAAA,CADF;AA0CD;ACnFD,MAAMY,2BAAyB;AAqB/B,MAAMC,gBAAgB,CAAC;AAAA,EACrBvB;AAAAA,EACAI;AAAAA,EACAH;AAAAA,EACAjB;AAAAA,EACAwC;AAAAA,EACA3B;AAAAA,EACAZ;AAAAA,EACAwC;AAAAA,EACApB;AAAAA,EACAjB;AAAAA,EACAU;AAAAA,EACAI;AAAAA,EACA,gBAAgBwB,SAAS;AAAA,KACtB5C;AAdkB,MAeG;AAClBiB,QAAAA,eACJK,mBAAmB,CAAC,CAACJ,eAAeH,QAAQ8B,SAASL,4BAA0B,CAACG;AAE5EG,QAAAA,kBAAkBpC,GAAG,iBAAiBP,SAAlB;AAC1B,8BACG,UAAD;AAAA,IACE,iBAAiB2C;AAAAA,IACjB,WAAU;AAAA,IACV,aAAa;AAAA,IACb,gBAAcF;AAAAA,IAJhB,GAKM5C;AAAAA,IALN,UAAA,CAOEY,oBAAC,qBAAD;AAAA,MAAqB;AAAA,MAAY;AAAA,MAAjC,UACG8B;AAAAA,IAAAA,CARL,GAWE9B,oBAAC,YAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CAnBJ,CAAA;AAAA,EAAA,CADF;AAwBD;AChDD,MAAMmC,eAAehD,WAAmC,CAACC,OAAOC,QAAQ;AAChE,QAAA;AAAA,IACJI;AAAAA,IACAH;AAAAA,IACA8C;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA/C;AAAAA,IACAE;AAAAA,IACAH;AAAAA,IACA,gBAAgByC,SAAS;AAAA,OACtBQ;AAAAA,EACDpD,IAAAA;AACJ,QAAMqD,SAASC;AACf,QAAMC,gBAAgBD;AAEtB,QAAM/C,iBAAiBC,SAASC,MAAMJ,QAAf,MAA6B;AAE9CmD,QAAAA,mCACJ,QAAA;AAAA,IAAM,WAAU;AAAA,IAAhB,UAAA,CACGtD,MACAK,kBAAkB,GAFrB;AAAA,EAAA,CADF;AAOA,8BACE,OAAA;AAAA,IAAK,WAAU;AAAA,IAAyB,gBAAcqC;AAAAA,IAAtD,UAAA,CACEjC;SACMyC;AAAAA,MACJ,mBAAkB,GAAEC,UAAU9C,iBAAiBgD,gBAAgB;AAAA,MAC/D,iBAHF;AAAA,MAIE,WAAW7C,GAAG,iBAAiBP,YAAY8C,eAAe7C,eAAe,cAA5D;AAAA,MACb;AAAA,MACA,SAASE;AAAAA,MANX,UAQG0C,CAAAA,WACCpC,oBAAC,gBAAD;AAAA,QAAgB,IAAIyC;AAAAA,QAApB,UAA6BG;AAAAA,MAAAA,CAA7B,IAEA5C,oBAAA,QAAA;AAAA,QAAM,IAAIyC;AAAAA,QAAV,UAAmBG;AAAAA,MAAAA,CAXvB,GAaGjD,kBACCK,oBAAA,QAAA;AAAA,QAAM,IAAI2C;AAAAA,QAAe,WAAU;AAAA,QAAnC;AAAA,MAAA,CAAA,GAID,CAACN,mCAAgB,YAAD;AAAA,QAAY,MAAK;AAAA,MAAA,CAlBpC,CAAA;AAAA,IAAA,CAAA,GAoBCA,eACCrC,oBAAC,SAAD;AAAA,MAAS,iBAAgB;AAAA,MAAsB,SAASsC;AAAAA,MAAxD,8BACG,YAAD;AAAA,QACE,cAAW;AAAA,QACX,WAAU;AAAA,QACV,0BAAO,OAAD;AAAA,UAAO,MAAK;AAAA,QAAA,CAHpB;AAAA,QAIE,SAASC;AAAAA,MAAAA,CAJX;AAAA,IAAA,CAvBN,CAAA;AAAA,EAAA,CADF;AAkCD,CA5D8B;AA8D/BJ,aAAaU,eAAe;AAAA,EAC1BP,cAAc;AADY;AAI5BH,aAAalC,cAAc;AClF3B,MAAM2B,yBAAyB;AAyB/B,MAAMkB,SAAS,CAAC;AAAA,EACdxC;AAAAA,EACAI;AAAAA,EACAH;AAAAA,EACAC;AAAAA,EACAlB;AAAAA,EACA8C;AAAAA,EACAN;AAAAA,EACA3B;AAAAA,EACAkC;AAAAA,EACAE;AAAAA,EACA/C;AAAAA,EACAD;AAAAA,EACAwC;AAAAA,EACApB;AAAAA,EACAjB;AAAAA,EACAkB;AAAAA,EACA,gBAAgBoB,SAAS;AAAA,EACzBlB;AAAAA,EACAD;AAAAA,KACGzB;AApBW,MAqBG;AACXiB,QAAAA,eACJK,mBAAmB,CAAC,CAACJ,eAAeH,QAAQ8B,SAASL,0BAA0B,CAACG;AAElF,QAAMG,kBAAkBpC,GAAG,UAAU,iBAAiBP,SAA5B;AAEpBwD,QAAAA,cAAc,CAACC,UAA0B;AAC7CA,UAAMC,eAAN;AACO;AAAA,EAAA;AAGT,8BACG,UAAD;AAAA,IAAU,iBAAiBf;AAAAA,IAA3B,GAAgD9C;AAAAA,IAAhD,UAAA,CACEY,oBAAC,cAAD;AAAA,MACE;AAAA,MACA,SAAS+C;AAAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAcf;AAAAA,MAPhB,UASGF;AAAAA,IAAAA,CAVL,GAYE9B,oBAAC,YAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CAtBJ,CAAA;AAAA,EAAA,CADF;AA2BD;"}

package/dist/index.js

@@ -109,6 +109,7 @@ const AppliedFilter = ({
   onClickFilterButton,
   onClearFilter,
   searchAriaLabel,
+  "data-test-id": testId = "applied-filter",
   ...props
 }) => {
   const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
@@ -117,6 +118,7 @@ const AppliedFilter = ({
     targetClassName: dropdownClasses,
     placement: "bottom-start",
     enableArrow: false,
+    "data-test-id": testId,
     ...props,
     children: [/* @__PURE__ */ jsxRuntime.jsx(AppliedFilterButton, {
       name,
@@ -145,7 +147,7 @@ const FilterButton = react.forwardRef((props, ref) => {
     isSelected,
     onClickFilterButton,
     className,
-    testId,
+    "data-test-id": testId = "filter-button",
     ...rest
   } = props;
   const nameId = react.useId();
@@ -214,7 +216,7 @@ const Filter = ({
   isLoading,
   onClickFilterButton,
   disabledOptionTooltip,
-  testId,
+  "data-test-id": testId = "filter",
   size,
   enableVirtualization,
   ...props
@@ -235,7 +237,7 @@ const Filter = ({
       hideName,
       isSelected,
       onClickFilterButton,
-      testId,
+      "data-test-id": testId,
       children: description
     }), /* @__PURE__ */ jsxRuntime.jsx(FilterMenu, {
       options,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/AppliedFilterButton.tsx","../src/FilterMenu.tsx","../src/AppliedFilter.tsx","../src/FilterButton.tsx","../src/Filter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ExpandMore } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport './styles/Filter.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  isSelected?: boolean;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const { name, className, isSelected, children, onClickFilterButton } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div className=\"AppliedFilter-buttonContainer\">\n      <button\n        aria-haspopup\n        className={cx('AppliedFilter-button', isSelected && 'isSelected', className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className=\"AppliedFilter-name\">\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && <span className=\"AppliedFilter-description\">{children}</span>}\n        <ExpandMore size=\"small\" />\n      </button>\n    </div>\n  );\n});\n\nAppliedFilterButton.displayName = 'AppliedFilterButton';\n\nexport type { AppliedFilterButtonProps };\nexport { AppliedFilterButton };\n","import type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Button } from '@launchpad-ui/button';\nimport { Check } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FilterOption<T = any> = {\n  name?: ReactNode;\n  isDisabled?: boolean;\n  isDivider?: boolean;\n  isChecked?: boolean;\n  value: T | null;\n  projKey?: string;\n  nested?: boolean;\n  groupHeader?: boolean;\n};\n\ntype FilterMenuProps = Pick<MenuProps<string>, 'enableVirtualization' | 'size'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onSelect?(): void;\n  isLoading?: boolean;\n  disabledOptionTooltip?: string;\n};\n\nconst FilterMenu = ({\n  options,\n  onClearFilter,\n  enableSearch,\n  searchValue,\n  searchPlaceholder,\n  searchAriaLabel,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button tabIndex={0} className=\"Menu-clear\" onClick={onClearFilter} kind=\"link\">\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu enableVirtualization={enableVirtualization} size={size} onSelect={onSelect}>\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            placeholder={searchPlaceholder}\n            onChange={onSearchChange}\n            ariaLabel={searchAriaLabel}\n          />\n        )}\n        {filterOptions.map((option, index) => {\n          if (option.isDivider) {\n            return <MenuDivider key={`divider-${index}`} />;\n          }\n          return (\n            <MenuItem\n              item={option}\n              disabled={option.isDisabled}\n              icon={option.isChecked ? Check : null}\n              key={option.value}\n              role=\"menuitemradio\"\n              aria-checked={option.isChecked ? 'true' : undefined}\n              nested={option.nested}\n              groupHeader={option.groupHeader}\n              tooltip={\n                option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : undefined\n              }\n              tooltipPlacement=\"right\"\n            >\n              {option.name}\n            </MenuItem>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nexport { FilterMenu };\nexport type { FilterOption, FilterMenuProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { AppliedFilterButton } from './AppliedFilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype AppliedFilterProps = {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onClearFilter?(): void;\n  searchPlaceholder?: string;\n  name?: ReactNode;\n  description: ReactNode;\n  options: FilterOption[];\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n};\n\nconst AppliedFilter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  name,\n  description,\n  options,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  onClearFilter,\n  searchAriaLabel,\n  ...props\n}: AppliedFilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter-target', className);\n  return (\n    <Dropdown\n      targetClassName={dropdownClasses}\n      placement=\"bottom-start\"\n      enableArrow={false}\n      {...props}\n    >\n      <AppliedFilterButton name={name} onClickFilterButton={onClickFilterButton}>\n        {description}\n      </AppliedFilterButton>\n\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        onSearchChange={onSearchChange}\n        onClearFilter={onClearFilter}\n        isLoading={isLoading}\n      />\n    </Dropdown>\n  );\n};\n\nexport type { AppliedFilterProps };\nexport { AppliedFilter };\n","import type { ReactNode, SyntheticEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Close, ExpandMore } from '@launchpad-ui/icons';\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { cx } from 'classix';\nimport { Children, forwardRef, useId } from 'react';\n\nimport './styles/Filter.css';\n\ntype FilterButtonProps = {\n  name: ReactNode;\n  hideName?: boolean;\n  isClearable?: boolean;\n  onClear?(event: SyntheticEvent): void;\n  className?: string;\n  isSelected?: boolean;\n  clearTooltip?: string | JSX.Element;\n  children?: ReactNode;\n  onClickFilterButton?(): void;\n  testId?: string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst FilterButton = forwardRef<Ref, FilterButtonProps>((props, ref) => {\n  const {\n    children,\n    name,\n    hideName,\n    isClearable,\n    clearTooltip,\n    onClear,\n    isSelected,\n    onClickFilterButton,\n    className,\n    testId,\n    ...rest\n  } = props;\n  const nameId = useId();\n  const descriptionId = useId();\n\n  const hasDescription = Children.count(children) !== 0;\n\n  const nameElement = (\n    <span className=\"Filter-name\">\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  return (\n    <div className=\"Filter-buttonContainer\" data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        className={cx('Filter-button', className, (isClearable || isSelected) && 'is-clearable')}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className=\"Filter-description\">\n            {children}\n          </span>\n        )}\n        {!isClearable && <ExpandMore size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName=\"Filter-clearTooltip\" content={clearTooltip}>\n          <IconButton\n            aria-label=\"Clear filter\"\n            className=\"Filter-clear\"\n            icon={<Close size=\"tiny\" />}\n            onClick={onClear}\n          />\n        </Tooltip>\n      )}\n    </div>\n  );\n});\n\nFilterButton.defaultProps = {\n  clearTooltip: 'Clear filter',\n};\n\nFilterButton.displayName = 'FilterButton';\n\nexport { FilterButton };\nexport type { FilterButtonProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode, SyntheticEvent } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { FilterButton } from './FilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype FilterProps = Pick<MenuProps<string>, 'size' | 'enableVirtualization'> & {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  name: ReactNode;\n  hideName?: boolean;\n  description: ReactNode;\n  options: FilterOption[];\n  isClearable?: boolean;\n  onClear?(): void;\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  testId?: string;\n};\n\nconst Filter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  searchAriaLabel,\n  name,\n  hideName,\n  description,\n  options,\n  isClearable,\n  onClear,\n  isSelected,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  testId,\n  size,\n  enableVirtualization,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter', 'Filter-target', className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown targetClassName={dropdownClasses} {...props}>\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        testId={testId}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        searchAriaLabel={searchAriaLabel}\n        enableSearch={enableSearch}\n        onSearchChange={onSearchChange}\n        isLoading={isLoading}\n        disabledOptionTooltip={disabledOptionTooltip}\n        size={size}\n        enableVirtualization={enableVirtualization}\n      />\n    </Dropdown>\n  );\n};\n\nexport { Filter };\nexport type { FilterProps };\n"],"names":["AppliedFilterButton","forwardRef","props","ref","name","className","isSelected","children","onClickFilterButton","hasDescription","Children","count","cx","_jsxs","_jsx","ExpandMore","displayName","FilterMenu","options","onClearFilter","enableSearch","searchValue","searchPlaceholder","searchAriaLabel","onSelect","onSearchChange","isLoading","disabledOptionTooltip","enableVirtualization","size","filterOptions","value","isDisabled","_Fragment","Button","Menu","MenuSearch","map","option","index","isDivider","MenuDivider","MenuItem","isChecked","Check","undefined","nested","groupHeader","SEARCH_INPUT_THRESHOLD","AppliedFilter","description","isEmpty","length","dropdownClasses","Dropdown","FilterButton","hideName","isClearable","clearTooltip","onClear","testId","rest","nameId","useId","descriptionId","nameElement","VisuallyHidden","Tooltip","IconButton","Close","defaultProps","Filter","handleClear","event","preventDefault"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/AppliedFilterButton.tsx","../src/FilterMenu.tsx","../src/AppliedFilter.tsx","../src/FilterButton.tsx","../src/Filter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ExpandMore } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport './styles/Filter.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  isSelected?: boolean;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const { name, className, isSelected, children, onClickFilterButton } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div className=\"AppliedFilter-buttonContainer\">\n      <button\n        aria-haspopup\n        className={cx('AppliedFilter-button', isSelected && 'isSelected', className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className=\"AppliedFilter-name\">\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && <span className=\"AppliedFilter-description\">{children}</span>}\n        <ExpandMore size=\"small\" />\n      </button>\n    </div>\n  );\n});\n\nAppliedFilterButton.displayName = 'AppliedFilterButton';\n\nexport type { AppliedFilterButtonProps };\nexport { AppliedFilterButton };\n","import type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Button } from '@launchpad-ui/button';\nimport { Check } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FilterOption<T = any> = {\n  name?: ReactNode;\n  isDisabled?: boolean;\n  isDivider?: boolean;\n  isChecked?: boolean;\n  value: T | null;\n  projKey?: string;\n  nested?: boolean;\n  groupHeader?: boolean;\n};\n\ntype FilterMenuProps = Pick<MenuProps<string>, 'enableVirtualization' | 'size'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onSelect?(): void;\n  isLoading?: boolean;\n  disabledOptionTooltip?: string;\n};\n\nconst FilterMenu = ({\n  options,\n  onClearFilter,\n  enableSearch,\n  searchValue,\n  searchPlaceholder,\n  searchAriaLabel,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button tabIndex={0} className=\"Menu-clear\" onClick={onClearFilter} kind=\"link\">\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu enableVirtualization={enableVirtualization} size={size} onSelect={onSelect}>\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            placeholder={searchPlaceholder}\n            onChange={onSearchChange}\n            ariaLabel={searchAriaLabel}\n          />\n        )}\n        {filterOptions.map((option, index) => {\n          if (option.isDivider) {\n            return <MenuDivider key={`divider-${index}`} />;\n          }\n          return (\n            <MenuItem\n              item={option}\n              disabled={option.isDisabled}\n              icon={option.isChecked ? Check : null}\n              key={option.value}\n              role=\"menuitemradio\"\n              aria-checked={option.isChecked ? 'true' : undefined}\n              nested={option.nested}\n              groupHeader={option.groupHeader}\n              tooltip={\n                option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : undefined\n              }\n              tooltipPlacement=\"right\"\n            >\n              {option.name}\n            </MenuItem>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n\nexport { FilterMenu };\nexport type { FilterOption, FilterMenuProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { ChangeEvent, ReactNode } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { AppliedFilterButton } from './AppliedFilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype AppliedFilterProps = {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  onClearFilter?(): void;\n  searchPlaceholder?: string;\n  name?: ReactNode;\n  description: ReactNode;\n  options: FilterOption[];\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n  'data-test-id'?: string;\n};\n\nconst AppliedFilter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  name,\n  description,\n  options,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  onClearFilter,\n  searchAriaLabel,\n  'data-test-id': testId = 'applied-filter',\n  ...props\n}: AppliedFilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter-target', className);\n  return (\n    <Dropdown\n      targetClassName={dropdownClasses}\n      placement=\"bottom-start\"\n      enableArrow={false}\n      data-test-id={testId}\n      {...props}\n    >\n      <AppliedFilterButton name={name} onClickFilterButton={onClickFilterButton}>\n        {description}\n      </AppliedFilterButton>\n\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        onSearchChange={onSearchChange}\n        onClearFilter={onClearFilter}\n        isLoading={isLoading}\n      />\n    </Dropdown>\n  );\n};\n\nexport type { AppliedFilterProps };\nexport { AppliedFilter };\n","import type { ReactNode, SyntheticEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Close, ExpandMore } from '@launchpad-ui/icons';\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { cx } from 'classix';\nimport { Children, forwardRef, useId } from 'react';\n\nimport './styles/Filter.css';\n\ntype FilterButtonProps = {\n  name: ReactNode;\n  hideName?: boolean;\n  isClearable?: boolean;\n  onClear?(event: SyntheticEvent): void;\n  className?: string;\n  isSelected?: boolean;\n  clearTooltip?: string | JSX.Element;\n  children?: ReactNode;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst FilterButton = forwardRef<Ref, FilterButtonProps>((props, ref) => {\n  const {\n    children,\n    name,\n    hideName,\n    isClearable,\n    clearTooltip,\n    onClear,\n    isSelected,\n    onClickFilterButton,\n    className,\n    'data-test-id': testId = 'filter-button',\n    ...rest\n  } = props;\n  const nameId = useId();\n  const descriptionId = useId();\n\n  const hasDescription = Children.count(children) !== 0;\n\n  const nameElement = (\n    <span className=\"Filter-name\">\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  return (\n    <div className=\"Filter-buttonContainer\" data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        className={cx('Filter-button', className, (isClearable || isSelected) && 'is-clearable')}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className=\"Filter-description\">\n            {children}\n          </span>\n        )}\n        {!isClearable && <ExpandMore size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName=\"Filter-clearTooltip\" content={clearTooltip}>\n          <IconButton\n            aria-label=\"Clear filter\"\n            className=\"Filter-clear\"\n            icon={<Close size=\"tiny\" />}\n            onClick={onClear}\n          />\n        </Tooltip>\n      )}\n    </div>\n  );\n});\n\nFilterButton.defaultProps = {\n  clearTooltip: 'Clear filter',\n};\n\nFilterButton.displayName = 'FilterButton';\n\nexport { FilterButton };\nexport type { FilterButtonProps };\n","import type { FilterOption } from './FilterMenu';\nimport type { MenuProps } from '@launchpad-ui/menu';\nimport type { ChangeEvent, ReactNode, SyntheticEvent } from 'react';\n\nimport { Dropdown } from '@launchpad-ui/dropdown';\nimport { cx } from 'classix';\n\nimport { FilterButton } from './FilterButton';\nimport { FilterMenu } from './FilterMenu';\n\nconst SEARCH_INPUT_THRESHOLD = 4;\n\ntype FilterProps = Pick<MenuProps<string>, 'size' | 'enableVirtualization'> & {\n  searchValue?: string;\n  onSearchChange?(event: ChangeEvent<HTMLInputElement>): void;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  name: ReactNode;\n  hideName?: boolean;\n  description: ReactNode;\n  options: FilterOption[];\n  isClearable?: boolean;\n  onClear?(): void;\n  className?: string;\n  onStateChange?({ isOpen }: { isOpen?: boolean }): void;\n  isSelected?: boolean;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  'data-test-id'?: string;\n  triggerTestId?: string;\n};\n\nconst Filter = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  searchAriaLabel,\n  name,\n  hideName,\n  description,\n  options,\n  isClearable,\n  onClear,\n  isSelected,\n  className,\n  isEmpty,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  'data-test-id': testId = 'filter',\n  size,\n  enableVirtualization,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx('Filter', 'Filter-target', className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown targetClassName={dropdownClasses} {...props}>\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        data-test-id={testId}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        searchAriaLabel={searchAriaLabel}\n        enableSearch={enableSearch}\n        onSearchChange={onSearchChange}\n        isLoading={isLoading}\n        disabledOptionTooltip={disabledOptionTooltip}\n        size={size}\n        enableVirtualization={enableVirtualization}\n      />\n    </Dropdown>\n  );\n};\n\nexport { Filter };\nexport type { FilterProps };\n"],"names":["AppliedFilterButton","forwardRef","props","ref","name","className","isSelected","children","onClickFilterButton","hasDescription","Children","count","cx","_jsxs","_jsx","ExpandMore","displayName","FilterMenu","options","onClearFilter","enableSearch","searchValue","searchPlaceholder","searchAriaLabel","onSelect","onSearchChange","isLoading","disabledOptionTooltip","enableVirtualization","size","filterOptions","value","isDisabled","_Fragment","Button","Menu","MenuSearch","map","option","index","isDivider","MenuDivider","MenuItem","isChecked","Check","undefined","nested","groupHeader","SEARCH_INPUT_THRESHOLD","AppliedFilter","description","isEmpty","testId","length","dropdownClasses","Dropdown","FilterButton","hideName","isClearable","clearTooltip","onClear","rest","nameId","useId","descriptionId","nameElement","VisuallyHidden","Tooltip","IconButton","Close","defaultProps","Filter","handleClear","event","preventDefault"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/filter",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "status": "beta",
   "publishConfig": {
     "access": "public"
@@ -26,12 +26,12 @@
   },
   "source": "src/index.ts",
   "dependencies": {
-    "@launchpad-ui/button": "~0.7.0",
-    "@launchpad-ui/dropdown": "~0.5.0",
-    "@launchpad-ui/icons": "~0.5.0",
-    "@launchpad-ui/menu": "~0.6.0",
+    "@launchpad-ui/button": "~0.7.1",
+    "@launchpad-ui/dropdown": "~0.5.1",
+    "@launchpad-ui/icons": "~0.5.1",
+    "@launchpad-ui/menu": "~0.6.2",
     "@launchpad-ui/tokens": "~0.1.5",
-    "@launchpad-ui/tooltip": "~0.6.0",
+    "@launchpad-ui/tooltip": "~0.6.1",
     "@react-aria/visually-hidden": "^3.4.0",
     "classix": "^2.1.13"
   },