@launchpad-ui/filter 0.2.9 → 0.3.0

package/dist/index.js

@@ -1,78 +1,46 @@
+require('./style.css');
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AppliedFilter: () => AppliedFilter,
-  Filter: () => Filter,
-  FilterButton: () => FilterButton
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/AppliedFilter.tsx
-var import_dropdown = require("@launchpad-ui/dropdown");
-var import_classix2 = require("classix");
-
-// src/AppliedFilterButton.tsx
-var import_icons = require("@launchpad-ui/icons");
-var import_classix = require("classix");
-var import_react = require("react");
-var import_Filter = require("./styles/Filter.css");
-var import_jsx_runtime = require("react/jsx-runtime");
-var AppliedFilterButton = (0, import_react.forwardRef)((props, ref) => {
-  const { name, className, isSelected, children, onClickFilterButton } = props;
-  const hasDescription = import_react.Children.count(children) !== 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const dropdown = require("@launchpad-ui/dropdown");
+const classix = require("classix");
+const icons = require("@launchpad-ui/icons");
+const react = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("@launchpad-ui/button");
+const menu = require("@launchpad-ui/menu");
+const tooltip = require("@launchpad-ui/tooltip");
+const visuallyHidden = require("@react-aria/visually-hidden");
+const Filter$1 = "";
+const AppliedFilterButton = react.forwardRef((props, ref) => {
+  const {
+    name,
+    className,
+    isSelected,
+    children,
+    onClickFilterButton
+  } = props;
+  const hasDescription = react.Children.count(children) !== 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     className: "AppliedFilter-buttonContainer",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+    children: /* @__PURE__ */ jsxRuntime.jsxs("button", {
       "aria-haspopup": true,
-      className: (0, import_classix.cx)("AppliedFilter-button", isSelected && "isSelected", className),
+      className: classix.cx("AppliedFilter-button", isSelected && "isSelected", className),
       ref,
       onClick: onClickFilterButton,
-      children: [
-        name && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-          className: "AppliedFilter-name",
-          children: [
-            name,
-            hasDescription && ":"
-          ]
-        }),
-        hasDescription && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-          className: "AppliedFilter-description",
-          children
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExpandMore, {
-          size: import_icons.IconSize.SMALL
-        })
-      ]
+      children: [name && /* @__PURE__ */ jsxRuntime.jsxs("span", {
+        className: "AppliedFilter-name",
+        children: [name, hasDescription && ":"]
+      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx("span", {
+        className: "AppliedFilter-description",
+        children
+      }), /* @__PURE__ */ jsxRuntime.jsx(icons.ExpandMore, {
+        size: icons.IconSize.SMALL
+      })]
     })
   });
 });
 AppliedFilterButton.displayName = "AppliedFilterButton";
-
-// src/FilterMenu.tsx
-var import_button = require("@launchpad-ui/button");
-var import_icons2 = require("@launchpad-ui/icons");
-var import_menu = require("@launchpad-ui/menu");
-var import_jsx_runtime = require("react/jsx-runtime");
-var FilterMenu = ({
+const FilterMenu = ({
   options,
   onClearFilter,
   enableSearch,
@@ -86,54 +54,49 @@ var FilterMenu = ({
   enableVirtualization,
   size
 }) => {
-  const filterOptions = isLoading ? [{ name: "loading...", value: "loading...", isDisabled: true }] : options;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      onClearFilter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {
-        tabIndex: 0,
-        className: "Menu-clear",
-        onClick: onClearFilter,
-        kind: import_button.ButtonKind.LINK,
-        children: "CLEAR FILTER"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu, {
-        enableVirtualization,
-        size,
-        onSelect,
-        children: [
-          enableSearch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuSearch, {
-            value: searchValue,
-            placeholder: searchPlaceholder,
-            onChange: onSearchChange,
-            ariaLabel: searchAriaLabel
-          }),
-          filterOptions.map((option, index) => {
-            if (option.isDivider) {
-              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuDivider, {}, `divider-${index}`);
-            }
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuItem, {
-              item: option,
-              disabled: option.isDisabled,
-              icon: option.isChecked ? import_icons2.Check : null,
-              role: "menuitemradio",
-              "aria-checked": option.isChecked ? "true" : void 0,
-              nested: option.nested,
-              groupHeader: option.groupHeader,
-              tooltip: option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : void 0,
-              tooltipPlacement: "right",
-              children: option.name
-            }, option.value);
-          })
-        ]
-      })
-    ]
+  const filterOptions = isLoading ? [{
+    name: "loading...",
+    value: "loading...",
+    isDisabled: true
+  }] : options;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [onClearFilter && /* @__PURE__ */ jsxRuntime.jsx(button.Button, {
+      tabIndex: 0,
+      className: "Menu-clear",
+      onClick: onClearFilter,
+      kind: button.ButtonKind.LINK,
+      children: "CLEAR FILTER"
+    }), /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu, {
+      enableVirtualization,
+      size,
+      onSelect,
+      children: [enableSearch && /* @__PURE__ */ jsxRuntime.jsx(menu.MenuSearch, {
+        value: searchValue,
+        placeholder: searchPlaceholder,
+        onChange: onSearchChange,
+        ariaLabel: searchAriaLabel
+      }), filterOptions.map((option, index) => {
+        if (option.isDivider) {
+          return /* @__PURE__ */ jsxRuntime.jsx(menu.MenuDivider, {}, `divider-${index}`);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(menu.MenuItem, {
+          item: option,
+          disabled: option.isDisabled,
+          icon: option.isChecked ? icons.Check : null,
+          role: "menuitemradio",
+          "aria-checked": option.isChecked ? "true" : void 0,
+          nested: option.nested,
+          groupHeader: option.groupHeader,
+          tooltip: option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : void 0,
+          tooltipPlacement: "right",
+          children: option.name
+        }, option.value);
+      })]
+    })]
   });
 };
-
-// src/AppliedFilter.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var SEARCH_INPUT_THRESHOLD = 4;
-var AppliedFilter = ({
+const SEARCH_INPUT_THRESHOLD$1 = 4;
+const AppliedFilter = ({
   searchValue,
   onSearchChange,
   searchPlaceholder,
@@ -148,47 +111,30 @@ var AppliedFilter = ({
   searchAriaLabel,
   ...props
 }) => {
-  const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);
-  const dropdownClasses = (0, import_classix2.cx)("Filter-target", className);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown.Dropdown, {
+  const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
+  const dropdownClasses = classix.cx("Filter-target", className);
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdown.Dropdown, {
     targetClassName: dropdownClasses,
     placement: "bottom-start",
     enableArrow: false,
     ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppliedFilterButton, {
-        name,
-        onClickFilterButton,
-        children: description
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterMenu, {
-        options,
-        searchValue,
-        searchPlaceholder,
-        enableSearch,
-        searchAriaLabel,
-        onSearchChange,
-        onClearFilter,
-        isLoading
-      })
-    ]
+    children: [/* @__PURE__ */ jsxRuntime.jsx(AppliedFilterButton, {
+      name,
+      onClickFilterButton,
+      children: description
+    }), /* @__PURE__ */ jsxRuntime.jsx(FilterMenu, {
+      options,
+      searchValue,
+      searchPlaceholder,
+      enableSearch,
+      searchAriaLabel,
+      onSearchChange,
+      onClearFilter,
+      isLoading
+    })]
   });
 };
-
-// src/Filter.tsx
-var import_dropdown2 = require("@launchpad-ui/dropdown");
-var import_classix4 = require("classix");
-
-// src/FilterButton.tsx
-var import_button2 = require("@launchpad-ui/button");
-var import_icons3 = require("@launchpad-ui/icons");
-var import_tooltip = require("@launchpad-ui/tooltip");
-var import_visually_hidden = require("@react-aria/visually-hidden");
-var import_classix3 = require("classix");
-var import_react2 = require("react");
-var import_Filter2 = require("./styles/Filter.css");
-var import_jsx_runtime = require("react/jsx-runtime");
-var FilterButton = (0, import_react2.forwardRef)((props, ref) => {
+const FilterButton = react.forwardRef((props, ref) => {
   const {
     children,
     name,
@@ -202,69 +148,56 @@ var FilterButton = (0, import_react2.forwardRef)((props, ref) => {
     testId,
     ...rest
   } = props;
-  const nameId = (0, import_react2.useId)();
-  const descriptionId = (0, import_react2.useId)();
-  const hasDescription = import_react2.Children.count(children) !== 0;
-  const nameElement = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+  const nameId = react.useId();
+  const descriptionId = react.useId();
+  const hasDescription = react.Children.count(children) !== 0;
+  const nameElement = /* @__PURE__ */ jsxRuntime.jsxs("span", {
     className: "Filter-name",
-    children: [
-      name,
-      hasDescription && ":"
-    ]
+    children: [name, hasDescription && ":"]
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     className: "Filter-buttonContainer",
     "data-test-id": testId,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-        ...rest,
-        "aria-labelledby": `${nameId} ${hasDescription ? descriptionId : ""}`,
-        "aria-haspopup": true,
-        className: (0, import_classix3.cx)("Filter-button", className, (isClearable || isSelected) && "is-clearable"),
-        ref,
-        onClick: onClickFilterButton,
-        children: [
-          hideName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
-            id: nameId,
-            children: nameElement
-          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-            id: nameId,
-            children: nameElement
-          }),
-          hasDescription && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-            id: descriptionId,
-            className: "Filter-description",
-            children
-          }),
-          !isClearable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.ExpandMore, {
-            size: import_icons3.IconSize.SMALL
-          })
-        ]
-      }),
-      isClearable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, {
-        targetClassName: "Filter-clearTooltip",
-        content: clearTooltip,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button2.IconButton, {
-          "aria-label": "Clear filter",
-          className: "Filter-clear",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons3.Close, {
-            size: import_icons3.IconSize.TINY
-          }),
-          onClick: onClear
-        })
+    children: [/* @__PURE__ */ jsxRuntime.jsxs("button", {
+      ...rest,
+      "aria-labelledby": `${nameId} ${hasDescription ? descriptionId : ""}`,
+      "aria-haspopup": true,
+      className: classix.cx("Filter-button", className, (isClearable || isSelected) && "is-clearable"),
+      ref,
+      onClick: onClickFilterButton,
+      children: [hideName ? /* @__PURE__ */ jsxRuntime.jsx(visuallyHidden.VisuallyHidden, {
+        id: nameId,
+        children: nameElement
+      }) : /* @__PURE__ */ jsxRuntime.jsx("span", {
+        id: nameId,
+        children: nameElement
+      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx("span", {
+        id: descriptionId,
+        className: "Filter-description",
+        children
+      }), !isClearable && /* @__PURE__ */ jsxRuntime.jsx(icons.ExpandMore, {
+        size: icons.IconSize.SMALL
+      })]
+    }), isClearable && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip, {
+      targetClassName: "Filter-clearTooltip",
+      content: clearTooltip,
+      children: /* @__PURE__ */ jsxRuntime.jsx(button.IconButton, {
+        "aria-label": "Clear filter",
+        className: "Filter-clear",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Close, {
+          size: icons.IconSize.TINY
+        }),
+        onClick: onClear
       })
-    ]
+    })]
   });
 });
 FilterButton.defaultProps = {
   clearTooltip: "Clear filter"
 };
 FilterButton.displayName = "FilterButton";
-
-// src/Filter.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var SEARCH_INPUT_THRESHOLD2 = 4;
-var Filter = ({
+const SEARCH_INPUT_THRESHOLD = 4;
+const Filter = ({
   searchValue,
   onSearchChange,
   searchPlaceholder,
@@ -286,45 +219,39 @@ var Filter = ({
   enableVirtualization,
   ...props
 }) => {
-  const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD2 || !isEmpty);
-  const dropdownClasses = (0, import_classix4.cx)("Filter", "Filter-target", className);
+  const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);
+  const dropdownClasses = classix.cx("Filter", "Filter-target", className);
   const handleClear = (event) => {
     event.preventDefault();
-    onClear?.();
+    onClear == null ? void 0 : onClear();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown2.Dropdown, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdown.Dropdown, {
     targetClassName: dropdownClasses,
     ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterButton, {
-        isClearable,
-        onClear: handleClear,
-        name,
-        hideName,
-        isSelected,
-        onClickFilterButton,
-        testId,
-        children: description
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterMenu, {
-        options,
-        searchValue,
-        searchPlaceholder,
-        searchAriaLabel,
-        enableSearch,
-        onSearchChange,
-        isLoading,
-        disabledOptionTooltip,
-        size,
-        enableVirtualization
-      })
-    ]
+    children: [/* @__PURE__ */ jsxRuntime.jsx(FilterButton, {
+      isClearable,
+      onClear: handleClear,
+      name,
+      hideName,
+      isSelected,
+      onClickFilterButton,
+      testId,
+      children: description
+    }), /* @__PURE__ */ jsxRuntime.jsx(FilterMenu, {
+      options,
+      searchValue,
+      searchPlaceholder,
+      searchAriaLabel,
+      enableSearch,
+      onSearchChange,
+      isLoading,
+      disabledOptionTooltip,
+      size,
+      enableVirtualization
+    })]
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppliedFilter,
-  Filter,
-  FilterButton
-});
+exports.AppliedFilter = AppliedFilter;
+exports.Filter = Filter;
+exports.FilterButton = FilterButton;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/index.ts", "../src/AppliedFilter.tsx", "../src/AppliedFilterButton.tsx", "../src/FilterMenu.tsx", "../src/Filter.tsx", "../src/FilterButton.tsx"],
-  "sourcesContent": ["export type { AppliedFilterProps } from './AppliedFilter';\nexport type { FilterProps } from './Filter';\nexport type { FilterButtonProps } from './FilterButton';\nexport type { FilterOption } from './FilterMenu';\nexport { AppliedFilter } from './AppliedFilter';\nexport { Filter } from './Filter';\nexport { FilterButton } from './FilterButton';\n", "import type { FilterOption } from './FilterMenu';\nimport type { 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: React.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 } from 'react';\n\nimport { ExpandMore, IconSize } 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={IconSize.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 { ReactNode } from 'react';\n\nimport { Button, ButtonKind } 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: React.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={ButtonKind.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 { MenuProps } from '@launchpad-ui/menu';\nimport type { 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: React.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", "import type { ReactNode, SyntheticEvent } from 'react';\n\nimport { IconButton } from '@launchpad-ui/button';\nimport { Close, ExpandMore, IconSize } 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={IconSize.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={IconSize.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"],
-  "mappings": "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",
-  "names": ["import_classix", "import_icons", "import_dropdown", "import_classix", "import_button", "import_icons", "import_classix", "import_react", "import_Filter", "SEARCH_INPUT_THRESHOLD"]
-}
+{"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, IconSize } 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={IconSize.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, ButtonKind } 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={ButtonKind.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, IconSize } 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={IconSize.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={IconSize.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","IconSize","SMALL","displayName","FilterMenu","options","onClearFilter","enableSearch","searchValue","searchPlaceholder","searchAriaLabel","onSelect","onSearchChange","isLoading","disabledOptionTooltip","enableVirtualization","size","filterOptions","value","isDisabled","_Fragment","Button","ButtonKind","LINK","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","TINY","defaultProps","Filter","handleClear","event","preventDefault"],"mappings":"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"}