@launchpad-ui/filter 0.6.5 → 0.6.7

package/dist/AppliedFilterButton.d.ts

@@ -4,7 +4,7 @@ type AppliedFilterButtonProps = {
     className?: string;
     children: ReactNode;
     onClickFilterButton?(): void;
-    'data-test-id': string;
+    'data-test-id'?: string;
 };
 declare const AppliedFilterButton: import("react").ForwardRefExoticComponent<AppliedFilterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export type { AppliedFilterButtonProps };

package/dist/AppliedFilterButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedFilterButton.d.ts","sourceRoot":"","sources":["../src/AppliedFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,wBAAwB,GAAG;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAIF,QAAA,MAAM,mBAAmB,wHA4BvB,CAAC;AAIH,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AppliedFilterButton.d.ts","sourceRoot":"","sources":["../src/AppliedFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,wBAAwB,GAAG;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,mBAAmB,wHAkCvB,CAAC;AAIH,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/index.es.js

@@ -35,7 +35,13 @@ const styles = {
   filterClearButton
 };
 const AppliedFilterButton = /* @__PURE__ */ forwardRef((props, ref) => {
-  const { name: name2, className, children, onClickFilterButton, "data-test-id": testId } = props;
+  const {
+    name: name2,
+    className,
+    children,
+    onClickFilterButton,
+    "data-test-id": testId = "applied-filter-button"
+  } = props;
   const hasDescription = Children.count(children) !== 0;
   return /* @__PURE__ */ jsx("div", { "data-test-id": testId, children: /* @__PURE__ */ jsxs(
     "button",

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 { Icon } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport styles from './styles/Filter.module.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n  'data-test-id': string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const { name, className, children, onClickFilterButton, 'data-test-id': testId } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div data-test-id={testId}>\n      <button\n        aria-haspopup\n        className={cx(styles.appliedButton, className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className={styles.appliedName} data-test-id={`${testId}-name`}>\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && (\n          <span className={styles.appliedDescription} data-test-id={`${testId}-description`}>\n            {children}\n          </span>\n        )}\n        <Icon name=\"chevron-down\" size=\"small\" data-test-id={`${testId}-expand`} />\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 { Icon } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\nimport styles from './styles/Filter.module.css';\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' | 'data-test-id'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchId?: 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  searchId,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n  'data-test-id': testId = 'filter-menu',\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button\n          tabIndex={0}\n          className={styles.filterClearButton}\n          onClick={onClearFilter}\n          kind=\"link\"\n          data-test-id=\"clear-filter-button\"\n        >\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu\n        enableVirtualization={enableVirtualization}\n        size={size}\n        data-test-id={testId}\n        onSelect={onSelect}\n      >\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            id={searchId}\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 ? <Icon name=\"check\" /> : undefined}\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';\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  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n  searchId?: 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  searchId,\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  return (\n    <Dropdown targetClassName={className} placement=\"bottom-start\" enableArrow={false} {...props}>\n      <AppliedFilterButton\n        data-test-id={testId}\n        name={name}\n        onClickFilterButton={onClickFilterButton}\n      >\n        {description}\n      </AppliedFilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        searchId={searchId}\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, MouseEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Icon } 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 from './styles/Filter.module.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  disabled?: boolean;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n  ariaLabel?: 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    disabled,\n    isSelected,\n    onClickFilterButton,\n    className,\n    'data-test-id': testId = 'filter-button',\n    ariaLabel = 'Clear filter',\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={styles.name}>\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  const isDisabled = disabled;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled) return event.preventDefault();\n    onClickFilterButton?.();\n  };\n\n  return (\n    <div className={styles.buttonContainer} data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        className={cx(styles.button, className, (isClearable || isSelected) && styles.isClearable)}\n        ref={ref}\n        onClick={handleClick}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className={styles.description}>\n            {children}\n          </span>\n        )}\n        {!isClearable && <Icon name=\"chevron-down\" size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName={styles.clearTooltip} content={clearTooltip}>\n          <IconButton\n            aria-label={ariaLabel}\n            className={styles.clear}\n            data-test-id=\"clear-filter-button\"\n            icon={<Icon name=\"cancel\" size=\"tiny\" />}\n            size=\"small\"\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';\nimport styles from './styles/Filter.module.css';\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  searchId?: string;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  'data-test-id'?: string;\n  triggerTestId?: string;\n  clearAriaLabel?: 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  searchId,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  'data-test-id': testId = 'filter',\n  size,\n  disabled,\n  enableVirtualization,\n  clearAriaLabel,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx(styles.filter, className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown\n      targetTestId={testId}\n      disabled={disabled}\n      targetClassName={dropdownClasses}\n      {...props}\n    >\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        disabled={disabled}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        ariaLabel={clearAriaLabel}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchId={searchId}\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":["name","SEARCH_INPUT_THRESHOLD","description","isClearable","clearTooltip"],"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 { Icon } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport styles from './styles/Filter.module.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const {\n    name,\n    className,\n    children,\n    onClickFilterButton,\n    'data-test-id': testId = 'applied-filter-button',\n  } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div data-test-id={testId}>\n      <button\n        aria-haspopup\n        className={cx(styles.appliedButton, className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className={styles.appliedName} data-test-id={`${testId}-name`}>\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && (\n          <span className={styles.appliedDescription} data-test-id={`${testId}-description`}>\n            {children}\n          </span>\n        )}\n        <Icon name=\"chevron-down\" size=\"small\" data-test-id={`${testId}-expand`} />\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 { Icon } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\nimport styles from './styles/Filter.module.css';\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' | 'data-test-id'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchId?: 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  searchId,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n  'data-test-id': testId = 'filter-menu',\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button\n          tabIndex={0}\n          className={styles.filterClearButton}\n          onClick={onClearFilter}\n          kind=\"link\"\n          data-test-id=\"clear-filter-button\"\n        >\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu\n        enableVirtualization={enableVirtualization}\n        size={size}\n        data-test-id={testId}\n        onSelect={onSelect}\n      >\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            id={searchId}\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 ? <Icon name=\"check\" /> : undefined}\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';\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  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n  searchId?: 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  searchId,\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  return (\n    <Dropdown targetClassName={className} placement=\"bottom-start\" enableArrow={false} {...props}>\n      <AppliedFilterButton\n        data-test-id={testId}\n        name={name}\n        onClickFilterButton={onClickFilterButton}\n      >\n        {description}\n      </AppliedFilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        searchId={searchId}\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, MouseEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Icon } 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 from './styles/Filter.module.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  disabled?: boolean;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n  ariaLabel?: 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    disabled,\n    isSelected,\n    onClickFilterButton,\n    className,\n    'data-test-id': testId = 'filter-button',\n    ariaLabel = 'Clear filter',\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={styles.name}>\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  const isDisabled = disabled;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled) return event.preventDefault();\n    onClickFilterButton?.();\n  };\n\n  return (\n    <div className={styles.buttonContainer} data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        className={cx(styles.button, className, (isClearable || isSelected) && styles.isClearable)}\n        ref={ref}\n        onClick={handleClick}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className={styles.description}>\n            {children}\n          </span>\n        )}\n        {!isClearable && <Icon name=\"chevron-down\" size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName={styles.clearTooltip} content={clearTooltip}>\n          <IconButton\n            aria-label={ariaLabel}\n            className={styles.clear}\n            data-test-id=\"clear-filter-button\"\n            icon={<Icon name=\"cancel\" size=\"tiny\" />}\n            size=\"small\"\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';\nimport styles from './styles/Filter.module.css';\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  searchId?: string;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  'data-test-id'?: string;\n  triggerTestId?: string;\n  clearAriaLabel?: 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  searchId,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  'data-test-id': testId = 'filter',\n  size,\n  disabled,\n  enableVirtualization,\n  clearAriaLabel,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx(styles.filter, className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown\n      targetTestId={testId}\n      disabled={disabled}\n      targetClassName={dropdownClasses}\n      {...props}\n    >\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        disabled={disabled}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        ariaLabel={clearAriaLabel}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchId={searchId}\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":["name","SEARCH_INPUT_THRESHOLD","description","isClearable","clearTooltip"],"mappings":"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"}

package/dist/index.js

@@ -37,7 +37,13 @@ const styles = {
   filterClearButton
 };
 const AppliedFilterButton = /* @__PURE__ */ react.forwardRef((props, ref) => {
-  const { name: name2, className, children, onClickFilterButton, "data-test-id": testId } = props;
+  const {
+    name: name2,
+    className,
+    children,
+    onClickFilterButton,
+    "data-test-id": testId = "applied-filter-button"
+  } = props;
   const hasDescription = react.Children.count(children) !== 0;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": testId, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "button",

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 { Icon } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport styles from './styles/Filter.module.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n  'data-test-id': string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const { name, className, children, onClickFilterButton, 'data-test-id': testId } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div data-test-id={testId}>\n      <button\n        aria-haspopup\n        className={cx(styles.appliedButton, className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className={styles.appliedName} data-test-id={`${testId}-name`}>\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && (\n          <span className={styles.appliedDescription} data-test-id={`${testId}-description`}>\n            {children}\n          </span>\n        )}\n        <Icon name=\"chevron-down\" size=\"small\" data-test-id={`${testId}-expand`} />\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 { Icon } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\nimport styles from './styles/Filter.module.css';\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' | 'data-test-id'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchId?: 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  searchId,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n  'data-test-id': testId = 'filter-menu',\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button\n          tabIndex={0}\n          className={styles.filterClearButton}\n          onClick={onClearFilter}\n          kind=\"link\"\n          data-test-id=\"clear-filter-button\"\n        >\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu\n        enableVirtualization={enableVirtualization}\n        size={size}\n        data-test-id={testId}\n        onSelect={onSelect}\n      >\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            id={searchId}\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 ? <Icon name=\"check\" /> : undefined}\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';\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  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n  searchId?: 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  searchId,\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  return (\n    <Dropdown targetClassName={className} placement=\"bottom-start\" enableArrow={false} {...props}>\n      <AppliedFilterButton\n        data-test-id={testId}\n        name={name}\n        onClickFilterButton={onClickFilterButton}\n      >\n        {description}\n      </AppliedFilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        searchId={searchId}\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, MouseEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Icon } 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 from './styles/Filter.module.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  disabled?: boolean;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n  ariaLabel?: 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    disabled,\n    isSelected,\n    onClickFilterButton,\n    className,\n    'data-test-id': testId = 'filter-button',\n    ariaLabel = 'Clear filter',\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={styles.name}>\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  const isDisabled = disabled;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled) return event.preventDefault();\n    onClickFilterButton?.();\n  };\n\n  return (\n    <div className={styles.buttonContainer} data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        className={cx(styles.button, className, (isClearable || isSelected) && styles.isClearable)}\n        ref={ref}\n        onClick={handleClick}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className={styles.description}>\n            {children}\n          </span>\n        )}\n        {!isClearable && <Icon name=\"chevron-down\" size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName={styles.clearTooltip} content={clearTooltip}>\n          <IconButton\n            aria-label={ariaLabel}\n            className={styles.clear}\n            data-test-id=\"clear-filter-button\"\n            icon={<Icon name=\"cancel\" size=\"tiny\" />}\n            size=\"small\"\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';\nimport styles from './styles/Filter.module.css';\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  searchId?: string;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  'data-test-id'?: string;\n  triggerTestId?: string;\n  clearAriaLabel?: 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  searchId,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  'data-test-id': testId = 'filter',\n  size,\n  disabled,\n  enableVirtualization,\n  clearAriaLabel,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx(styles.filter, className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown\n      targetTestId={testId}\n      disabled={disabled}\n      targetClassName={dropdownClasses}\n      {...props}\n    >\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        disabled={disabled}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        ariaLabel={clearAriaLabel}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchId={searchId}\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":["forwardRef","name","Children","jsx","jsxs","cx","Icon","Fragment","Button","Menu","MenuSearch","MenuDivider","MenuItem","SEARCH_INPUT_THRESHOLD","description","Dropdown","isClearable","clearTooltip","useId","VisuallyHidden","Tooltip","IconButton"],"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 { Icon } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\nimport { Children, forwardRef } from 'react';\n\nimport styles from './styles/Filter.module.css';\n\ntype AppliedFilterButtonProps = {\n  name?: ReactNode;\n  className?: string;\n  children: ReactNode;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n};\n\ntype Ref = HTMLButtonElement;\n\nconst AppliedFilterButton = forwardRef<Ref, AppliedFilterButtonProps>((props, ref) => {\n  const {\n    name,\n    className,\n    children,\n    onClickFilterButton,\n    'data-test-id': testId = 'applied-filter-button',\n  } = props;\n\n  const hasDescription = Children.count(children) !== 0;\n\n  return (\n    <div data-test-id={testId}>\n      <button\n        aria-haspopup\n        className={cx(styles.appliedButton, className)}\n        ref={ref}\n        onClick={onClickFilterButton}\n      >\n        {name && (\n          <span className={styles.appliedName} data-test-id={`${testId}-name`}>\n            {name}\n            {hasDescription && ':'}\n          </span>\n        )}\n        {hasDescription && (\n          <span className={styles.appliedDescription} data-test-id={`${testId}-description`}>\n            {children}\n          </span>\n        )}\n        <Icon name=\"chevron-down\" size=\"small\" data-test-id={`${testId}-expand`} />\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 { Icon } from '@launchpad-ui/icons';\nimport { Menu, MenuDivider, MenuItem, MenuSearch } from '@launchpad-ui/menu';\n\nimport styles from './styles/Filter.module.css';\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' | 'data-test-id'> & {\n  options: FilterOption[];\n  onClearFilter?(): void;\n  enableSearch?: boolean;\n  searchValue?: string;\n  searchId?: 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  searchId,\n  onSelect,\n  onSearchChange,\n  isLoading = false,\n  disabledOptionTooltip,\n  enableVirtualization,\n  size,\n  'data-test-id': testId = 'filter-menu',\n}: FilterMenuProps) => {\n  const filterOptions = isLoading\n    ? [{ name: 'loading...', value: 'loading...', isDisabled: true }]\n    : options;\n\n  return (\n    <>\n      {onClearFilter && (\n        <Button\n          tabIndex={0}\n          className={styles.filterClearButton}\n          onClick={onClearFilter}\n          kind=\"link\"\n          data-test-id=\"clear-filter-button\"\n        >\n          CLEAR FILTER\n        </Button>\n      )}\n      <Menu\n        enableVirtualization={enableVirtualization}\n        size={size}\n        data-test-id={testId}\n        onSelect={onSelect}\n      >\n        {enableSearch && (\n          <MenuSearch\n            value={searchValue}\n            id={searchId}\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 ? <Icon name=\"check\" /> : undefined}\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';\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  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  onClickFilterButton?(): void;\n  searchAriaLabel?: string;\n  searchId?: 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  searchId,\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  return (\n    <Dropdown targetClassName={className} placement=\"bottom-start\" enableArrow={false} {...props}>\n      <AppliedFilterButton\n        data-test-id={testId}\n        name={name}\n        onClickFilterButton={onClickFilterButton}\n      >\n        {description}\n      </AppliedFilterButton>\n      <FilterMenu\n        options={options}\n        searchValue={searchValue}\n        searchPlaceholder={searchPlaceholder}\n        enableSearch={enableSearch}\n        searchAriaLabel={searchAriaLabel}\n        searchId={searchId}\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, MouseEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Icon } 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 from './styles/Filter.module.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  disabled?: boolean;\n  onClickFilterButton?(): void;\n  'data-test-id'?: string;\n  ariaLabel?: 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    disabled,\n    isSelected,\n    onClickFilterButton,\n    className,\n    'data-test-id': testId = 'filter-button',\n    ariaLabel = 'Clear filter',\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={styles.name}>\n      {name}\n      {hasDescription && ':'}\n    </span>\n  );\n\n  const isDisabled = disabled;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled) return event.preventDefault();\n    onClickFilterButton?.();\n  };\n\n  return (\n    <div className={styles.buttonContainer} data-test-id={testId}>\n      <button\n        {...rest}\n        aria-labelledby={`${nameId} ${hasDescription ? descriptionId : ''}`}\n        aria-haspopup\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        className={cx(styles.button, className, (isClearable || isSelected) && styles.isClearable)}\n        ref={ref}\n        onClick={handleClick}\n      >\n        {hideName ? (\n          <VisuallyHidden id={nameId}>{nameElement}</VisuallyHidden>\n        ) : (\n          <span id={nameId}>{nameElement}</span>\n        )}\n        {hasDescription && (\n          <span id={descriptionId} className={styles.description}>\n            {children}\n          </span>\n        )}\n        {!isClearable && <Icon name=\"chevron-down\" size=\"small\" />}\n      </button>\n      {isClearable && (\n        <Tooltip targetClassName={styles.clearTooltip} content={clearTooltip}>\n          <IconButton\n            aria-label={ariaLabel}\n            className={styles.clear}\n            data-test-id=\"clear-filter-button\"\n            icon={<Icon name=\"cancel\" size=\"tiny\" />}\n            size=\"small\"\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';\nimport styles from './styles/Filter.module.css';\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  searchId?: string;\n  onSelect?(item: FilterOption): void;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  disabled?: boolean;\n  onClickFilterButton?(): void;\n  disabledOptionTooltip?: string;\n  'data-test-id'?: string;\n  triggerTestId?: string;\n  clearAriaLabel?: 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  searchId,\n  isLoading,\n  onClickFilterButton,\n  disabledOptionTooltip,\n  'data-test-id': testId = 'filter',\n  size,\n  disabled,\n  enableVirtualization,\n  clearAriaLabel,\n  ...props\n}: FilterProps) => {\n  const enableSearch =\n    onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);\n\n  const dropdownClasses = cx(styles.filter, className);\n\n  const handleClear = (event: SyntheticEvent) => {\n    event.preventDefault();\n    onClear?.();\n  };\n\n  return (\n    <Dropdown\n      targetTestId={testId}\n      disabled={disabled}\n      targetClassName={dropdownClasses}\n      {...props}\n    >\n      <FilterButton\n        isClearable={isClearable}\n        onClear={handleClear}\n        name={name}\n        hideName={hideName}\n        disabled={disabled}\n        isSelected={isSelected}\n        onClickFilterButton={onClickFilterButton}\n        ariaLabel={clearAriaLabel}\n      >\n        {description}\n      </FilterButton>\n      <FilterMenu\n        options={options}\n        searchId={searchId}\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":["forwardRef","name","Children","jsx","jsxs","cx","Icon","Fragment","Button","Menu","MenuSearch","MenuDivider","MenuItem","SEARCH_INPUT_THRESHOLD","description","Dropdown","isClearable","clearTooltip","useId","VisuallyHidden","Tooltip","IconButton"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/filter",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "status": "beta",
   "publishConfig": {
     "access": "public"
@@ -28,12 +28,12 @@
   "dependencies": {
     "@react-aria/visually-hidden": "3.8.7",
     "classix": "2.1.17",
-    "@launchpad-ui/button": "~0.11.4",
-    "@launchpad-ui/dropdown": "~0.6.79",
-    "@launchpad-ui/icons": "~0.14.4",
-    "@launchpad-ui/menu": "~0.12.5",
-    "@launchpad-ui/tokens": "~0.8.2",
-    "@launchpad-ui/tooltip": "~0.8.4"
+    "@launchpad-ui/button": "~0.11.6",
+    "@launchpad-ui/dropdown": "~0.6.81",
+    "@launchpad-ui/icons": "~0.14.6",
+    "@launchpad-ui/menu": "~0.12.7",
+    "@launchpad-ui/tokens": "~0.9.1",
+    "@launchpad-ui/tooltip": "~0.8.6"
   },
   "peerDependencies": {
     "react": "18.2.0",