@jobber/components 8.14.0 → 8.15.0

package/dist/{Combobox/components/ComboboxContent/ComboboxContentHeader → FilterPicker/components/FilterPickerContent/FilterPickerContentHeader}/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ComboboxContentHeader = require('../../../../ComboboxContentHeader-cjs.js');
+var FilterPickerContentHeader = require('../../../../FilterPickerContentHeader-cjs.js');
 require('react');
 require('../../../../Typography-cjs.js');
 require('classnames');
@@ -12,4 +12,4 @@ require('@jobber/design');
 
 
 
-exports.ComboboxContentHeader = ComboboxContentHeader.ComboboxContentHeader;
+exports.FilterPickerContentHeader = FilterPickerContentHeader.FilterPickerContentHeader;

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentHeader/index.d.ts

@@ -0,0 +1 @@
+export { FilterPickerContentHeader } from "./FilterPickerContentHeader";

package/dist/{Combobox/components/ComboboxContent/ComboboxContentHeader → FilterPicker/components/FilterPickerContent/FilterPickerContentHeader}/index.mjs

@@ -1,4 +1,4 @@
-export { C as ComboboxContentHeader } from '../../../../ComboboxContentHeader-es.js';
+export { F as FilterPickerContentHeader } from '../../../../FilterPickerContentHeader-es.js';
 import 'react';
 import '../../../../Typography-es.js';
 import 'classnames';

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { FilterPickerListProps } from "../../../FilterPicker.types";
+export declare function FilterPickerContentList(props: FilterPickerListProps): React.JSX.Element;

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.module.css.d.ts

@@ -0,0 +1,13 @@
+declare const styles: {
+  readonly "container": string;
+  readonly "emptyStateMessage": string;
+  readonly "filterMessage": string;
+  readonly "hasOptions": string;
+  readonly "loadingContainer": string;
+  readonly "optionsList": string;
+  readonly "scrollBottom": string;
+  readonly "scrollNone": string;
+  readonly "scrollTop": string;
+};
+export = styles;
+

package/dist/{Combobox/components/ComboboxContent/ComboboxContentList → FilterPicker/components/FilterPickerContent/FilterPickerContentList}/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ComboboxContentList = require('../../../../ComboboxContentList-cjs.js');
+var FilterPickerContentList = require('../../../../FilterPickerContentList-cjs.js');
 require('react');
 require('classnames');
 require('framer-motion');
@@ -21,13 +21,13 @@ require('../../../../_baseFor-cjs.js');
 require('../../../../keysIn-cjs.js');
 require('../../../../_isIterateeCall-cjs.js');
 require('../../../../_setToString-cjs.js');
-require('../../../../ComboboxOption-cjs.js');
+require('../../../../FilterPickerOption-cjs.js');
 require('../../../../Icon-cjs.js');
 require('../../../../Flex-cjs.js');
-require('../../../../ComboboxProvider-cjs.js');
-require('../../../../ComboboxLoadMore-cjs.js');
+require('../../../../FilterPickerProvider-cjs.js');
+require('../../../../FilterPickerLoadMore-cjs.js');
 require('@jobber/hooks');
 
 
 
-exports.ComboboxContentList = ComboboxContentList.ComboboxContentList;
+exports.FilterPickerContentList = FilterPickerContentList.FilterPickerContentList;

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.d.ts

@@ -0,0 +1 @@
+export { FilterPickerContentList } from "./FilterPickerContentList";

package/dist/{Combobox/components/ComboboxContent/ComboboxContentList → FilterPicker/components/FilterPickerContent/FilterPickerContentList}/index.mjs

@@ -1,4 +1,4 @@
-export { C as ComboboxContentList } from '../../../../ComboboxContentList-es.js';
+export { F as FilterPickerContentList } from '../../../../FilterPickerContentList-es.js';
 import 'react';
 import 'classnames';
 import 'framer-motion';
@@ -19,9 +19,9 @@ import '../../../../_baseFor-es.js';
 import '../../../../keysIn-es.js';
 import '../../../../_isIterateeCall-es.js';
 import '../../../../_setToString-es.js';
-import '../../../../ComboboxOption-es.js';
+import '../../../../FilterPickerOption-es.js';
 import '../../../../Icon-es.js';
 import '../../../../Flex-es.js';
-import '../../../../ComboboxProvider-es.js';
-import '../../../../ComboboxLoadMore-es.js';
+import '../../../../FilterPickerProvider-es.js';
+import '../../../../FilterPickerLoadMore-es.js';
 import '@jobber/hooks';

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/FilterPickerContentSearch.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { FilterPickerSearchProps } from "../../../FilterPicker.types";
+export declare function FilterPickerContentSearch(props: FilterPickerSearchProps): React.JSX.Element;

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var FilterPickerContentSearch = require('../../../../FilterPickerContentSearch-cjs.js');
+require('react');
+require('../../../../Icon-cjs.js');
+require('@jobber/design');
+
+
+
+exports.FilterPickerContentSearch = FilterPickerContentSearch.FilterPickerContentSearch;

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.d.ts

@@ -0,0 +1 @@
+export { FilterPickerContentSearch } from "./FilterPickerContentSearch";

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.mjs

@@ -0,0 +1,4 @@
+export { F as FilterPickerContentSearch } from '../../../../FilterPickerContentSearch-es.js';
+import 'react';
+import '../../../../Icon-es.js';
+import '@jobber/design';

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/FilterPickerLoadMore.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FilterPickerLoadMoreProps {
+    readonly onLoadMore: () => void;
+}
+export declare function FilterPickerLoadMore({ onLoadMore, }: FilterPickerLoadMoreProps): React.JSX.Element;
+export {};

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var FilterPickerLoadMore = require('../../../../FilterPickerLoadMore-cjs.js');
+require('react');
+require('@jobber/hooks');
+
+
+
+exports.FilterPickerLoadMore = FilterPickerLoadMore.FilterPickerLoadMore;

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.d.ts

@@ -0,0 +1 @@
+export { FilterPickerLoadMore } from "./FilterPickerLoadMore";

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.mjs

@@ -0,0 +1,3 @@
+export { F as FilterPickerLoadMore } from '../../../../FilterPickerLoadMore-es.js';
+import 'react';
+import '@jobber/hooks';

package/dist/{Combobox/components/ComboboxContent → FilterPicker/components/FilterPickerContent}/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ComboboxContent = require('../../../ComboboxContent-cjs.js');
+var FilterPickerContent = require('../../../FilterPickerContent-cjs.js');
 require('react');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
@@ -9,10 +9,10 @@ require('../../../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
-require('../../../ComboboxContentSearch-cjs.js');
+require('../../../FilterPickerContentSearch-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
-require('../../../ComboboxContentList-cjs.js');
+require('../../../FilterPickerContentList-cjs.js');
 require('framer-motion');
 require('../../../Text-cjs.js');
 require('../../../Typography-cjs.js');
@@ -30,16 +30,16 @@ require('../../../_baseFor-cjs.js');
 require('../../../keysIn-cjs.js');
 require('../../../_isIterateeCall-cjs.js');
 require('../../../_setToString-cjs.js');
-require('../../../ComboboxOption-cjs.js');
+require('../../../FilterPickerOption-cjs.js');
 require('../../../Flex-cjs.js');
-require('../../../ComboboxProvider-cjs.js');
-require('../../../ComboboxLoadMore-cjs.js');
+require('../../../FilterPickerProvider-cjs.js');
+require('../../../FilterPickerLoadMore-cjs.js');
 require('@jobber/hooks');
-require('../../../ComboboxContentHeader-cjs.js');
+require('../../../FilterPickerContentHeader-cjs.js');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../constants-cjs.js');
 
 
 
-exports.ComboboxContent = ComboboxContent.ComboboxContent;
+exports.FilterPickerContent = FilterPickerContent.FilterPickerContent;

package/dist/FilterPicker/components/FilterPickerContent/index.d.ts

@@ -0,0 +1 @@
+export { FilterPickerContent } from "./FilterPickerContent";

package/dist/{Combobox/components/ComboboxContent → FilterPicker/components/FilterPickerContent}/index.mjs

@@ -1,4 +1,4 @@
-export { C as ComboboxContent } from '../../../ComboboxContent-es.js';
+export { F as FilterPickerContent } from '../../../FilterPickerContent-es.js';
 import 'react';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
@@ -7,10 +7,10 @@ import '../../../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
-import '../../../ComboboxContentSearch-es.js';
+import '../../../FilterPickerContentSearch-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
-import '../../../ComboboxContentList-es.js';
+import '../../../FilterPickerContentList-es.js';
 import 'framer-motion';
 import '../../../Text-es.js';
 import '../../../Typography-es.js';
@@ -28,12 +28,12 @@ import '../../../_baseFor-es.js';
 import '../../../keysIn-es.js';
 import '../../../_isIterateeCall-es.js';
 import '../../../_setToString-es.js';
-import '../../../ComboboxOption-es.js';
+import '../../../FilterPickerOption-es.js';
 import '../../../Flex-es.js';
-import '../../../ComboboxProvider-es.js';
-import '../../../ComboboxLoadMore-es.js';
+import '../../../FilterPickerProvider-es.js';
+import '../../../FilterPickerLoadMore-es.js';
 import '@jobber/hooks';
-import '../../../ComboboxContentHeader-es.js';
+import '../../../FilterPickerContentHeader-es.js';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../constants-es.js';

package/dist/FilterPicker/components/FilterPickerOption/FilterPickerOption.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { type FilterPickerOptionProps } from "../../FilterPicker.types";
+export declare function FilterPickerOption(props: FilterPickerOptionProps): React.JSX.Element;

package/dist/{Combobox/components/ComboboxOption → FilterPicker/components/FilterPickerOption}/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var ComboboxOption = require('../../../ComboboxOption-cjs.js');
+var FilterPickerOption = require('../../../FilterPickerOption-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('react');
 require('classnames');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Flex-cjs.js');
-require('../../../ComboboxProvider-cjs.js');
+require('../../../FilterPickerProvider-cjs.js');
 
 
 
-exports.ComboboxOption = ComboboxOption.ComboboxOption;
+exports.FilterPickerOption = FilterPickerOption.FilterPickerOption;

package/dist/FilterPicker/components/FilterPickerOption/index.d.ts

@@ -0,0 +1 @@
+export * from "./FilterPickerOption";

package/dist/{Combobox/components/ComboboxOption → FilterPicker/components/FilterPickerOption}/index.mjs

@@ -1,8 +1,8 @@
-export { C as ComboboxOption } from '../../../ComboboxOption-es.js';
+export { F as FilterPickerOption } from '../../../FilterPickerOption-es.js';
 import '../../../tslib.es6-es.js';
 import 'react';
 import 'classnames';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Flex-es.js';
-import '../../../ComboboxProvider-es.js';
+import '../../../FilterPickerProvider-es.js';

package/dist/FilterPicker/components/FilterPickerTrigger/FilterPickerTrigger.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { FilterPickerTriggerProps } from "../../FilterPicker.types";
+export declare function FilterPickerTrigger({ label, selected, activatorRef, }: FilterPickerTriggerProps): React.JSX.Element;

package/dist/{Combobox/components/ComboboxTrigger → FilterPicker/components/FilterPickerTrigger}/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ComboboxTrigger = require('../../../ComboboxTrigger-cjs.js');
+var FilterPickerTrigger = require('../../../FilterPickerTrigger-cjs.js');
 require('react');
 require('../../../Chip-cjs.js');
 require('../../../tslib.es6-cjs.js');
@@ -20,8 +20,8 @@ require('react/jsx-runtime');
 require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
 require('framer-motion');
-require('../../../ComboboxProvider-cjs.js');
+require('../../../FilterPickerProvider-cjs.js');
 
 
 
-exports.ComboboxTrigger = ComboboxTrigger.ComboboxTrigger;
+exports.FilterPickerTrigger = FilterPickerTrigger.FilterPickerTrigger;

package/dist/FilterPicker/components/FilterPickerTrigger/index.d.ts

@@ -0,0 +1 @@
+export { FilterPickerTrigger } from "./FilterPickerTrigger";

package/dist/{Combobox/components/ComboboxTrigger → FilterPicker/components/FilterPickerTrigger}/index.mjs

@@ -1,4 +1,4 @@
-export { C as ComboboxTrigger } from '../../../ComboboxTrigger-es.js';
+export { F as FilterPickerTrigger } from '../../../FilterPickerTrigger-es.js';
 import 'react';
 import '../../../Chip-es.js';
 import '../../../tslib.es6-es.js';
@@ -18,4 +18,4 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
 import 'framer-motion';
-import '../../../ComboboxProvider-es.js';
+import '../../../FilterPickerProvider-es.js';

package/dist/FilterPicker/constants.d.ts

@@ -0,0 +1 @@
+export declare const FILTER_PICKER_MENU_ID = "ATL-FilterPicker-Content";

package/dist/FilterPicker/hooks/useFilterPicker.d.ts

@@ -0,0 +1,17 @@
+import type { Dispatch, MutableRefObject } from "react";
+import type React from "react";
+import type { UseMakeFilterPickerHandlersReturn } from "./useMakeFilterPickerHandlers";
+import { type FilterPickerOption } from "../FilterPicker.types";
+type UseFilterPickerReturn = {
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    searchValue: string;
+    setSearchValue: Dispatch<React.SetStateAction<string>>;
+    open: boolean;
+    selectedOptions: FilterPickerOption[];
+    selectedStateSetter: (selection: FilterPickerOption[]) => void;
+    shouldScroll: MutableRefObject<boolean>;
+    internalFilteredOptions: FilterPickerOption[];
+    handleSearchChange: (value: string) => void;
+} & UseMakeFilterPickerHandlersReturn;
+export declare function useFilterPicker(selected: FilterPickerOption[], onSelect: (selection: FilterPickerOption[]) => void, options: FilterPickerOption[], onClose?: () => void, multiSelect?: boolean, onSearch?: (searchValue: string) => void, debounceTime?: number): UseFilterPickerReturn;
+export {};

package/dist/FilterPicker/hooks/useFilterPickerAccessibility.d.ts

@@ -0,0 +1,9 @@
+import type { UseInteractionsReturn } from "@floating-ui/react";
+import { type FilterPickerOption } from "../FilterPicker.types";
+export declare function useFilterPickerAccessibility(selectionCallback: (selection: FilterPickerOption) => void, filteredOptions: FilterPickerOption[], optionsListRef: React.RefObject<HTMLUListElement | null>, open: boolean, wrapperRef: React.RefObject<HTMLDivElement | null>): {
+    floatingRef: React.RefObject<HTMLDivElement | null>;
+    floatingStyles: React.CSSProperties;
+    floatingProps: ReturnType<UseInteractionsReturn["getFloatingProps"]>;
+    nodeId?: string;
+    parentNodeId: string | null;
+};

package/dist/FilterPicker/hooks/useFilterPickerActivatorAccessibility.d.ts

@@ -0,0 +1,2 @@
+import type { FilterPickerActivatorAccessibility } from "../FilterPicker.types";
+export declare function useFilterPickerActivatorAccessibility(): FilterPickerActivatorAccessibility;

package/dist/FilterPicker/hooks/useFilterPickerContent.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from "react";
+import { type FilterPickerOption } from "../FilterPicker.types";
+interface useFilterPickerContent {
+    optionsListRef: RefObject<HTMLUListElement | null>;
+    onClear?: () => void;
+    onSelectAll?: (selection: FilterPickerOption[]) => void;
+}
+export declare function useFilterPickerContent(open: boolean, selected: FilterPickerOption[]): useFilterPickerContent;
+export {};

package/dist/FilterPicker/hooks/useFilterPickerValidation.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from "react";
+import { type FilterPickerActionProps, type FilterPickerActivatorProps, type FilterPickerOptionProps, type FilterPickerProps } from "../FilterPicker.types";
+export declare const FILTER_PICKER_ACTIVATOR_COUNT_ERROR_MESSAGE = "FilterPicker must have exactly one Activator element";
+export declare function useFilterPickerValidation(children?: FilterPickerProps["children"]): {
+    triggerElement?: ReactElement<FilterPickerActivatorProps>;
+    optionElements?: ReactElement<FilterPickerOptionProps>[];
+    actionElements?: ReactElement<FilterPickerActionProps>[];
+};
+/**
+ * Return all instances child component that matches the `type` provided
+ */
+export declare function getCompoundComponents<T>(type: ReactElement<T>["type"], children?: FilterPickerProps["children"]): ReactElement<T>[];

package/dist/FilterPicker/hooks/useMakeFilterPickerHandlers.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+import { type FilterPickerOption } from "../FilterPicker.types";
+export interface UseMakeFilterPickerHandlersReturn {
+    handleClose: () => void;
+    handleSelection: (selection: FilterPickerOption) => void;
+    handleOpen: () => void;
+}
+export declare function useMakeFilterPickerHandlers(setOpen: (open: boolean) => void, open: boolean, setSearchValue: (searchValue: string) => void, selectedOptions: FilterPickerOption[], shouldScroll: React.RefObject<boolean>, selectedStateSetter: (selected: FilterPickerOption[]) => void, multiSelect?: boolean, onClose?: () => void, onSearch?: (searchValue: string) => void): UseMakeFilterPickerHandlersReturn;

package/dist/{Combobox → FilterPicker}/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Combobox = require('../Combobox-cjs.js');
-var ComboboxProvider = require('../ComboboxProvider-cjs.js');
+var FilterPicker = require('../FilterPicker-cjs.js');
+var FilterPickerProvider = require('../FilterPickerProvider-cjs.js');
 require('react');
-require('../ComboboxContent-cjs.js');
+require('../FilterPickerContent-cjs.js');
 require('classnames');
 require('../floating-ui.react-cjs.js');
 require('../floating-ui.utils.dom-cjs.js');
@@ -11,10 +11,10 @@ require('../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
-require('../ComboboxContentSearch-cjs.js');
+require('../FilterPickerContentSearch-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
-require('../ComboboxContentList-cjs.js');
+require('../FilterPickerContentList-cjs.js');
 require('framer-motion');
 require('../Text-cjs.js');
 require('../Typography-cjs.js');
@@ -32,25 +32,25 @@ require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');
 require('../_isIterateeCall-cjs.js');
 require('../_setToString-cjs.js');
-require('../ComboboxOption-cjs.js');
+require('../FilterPickerOption-cjs.js');
 require('../Flex-cjs.js');
-require('../ComboboxLoadMore-cjs.js');
+require('../FilterPickerLoadMore-cjs.js');
 require('@jobber/hooks');
-require('../ComboboxContentHeader-cjs.js');
+require('../FilterPickerContentHeader-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../constants-cjs.js');
-require('../ComboboxAction-cjs.js');
-require('../ComboboxTrigger-cjs.js');
+require('../FilterPickerAction-cjs.js');
+require('../FilterPickerTrigger-cjs.js');
 require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
 require('../noop-cjs.js');
-require('../ComboboxActivator-cjs.js');
+require('../FilterPickerActivator-cjs.js');
 
 
 
-exports.Combobox = Combobox.Combobox;
-exports.ComboboxContextProvider = ComboboxProvider.ComboboxContextProvider;
+exports.FilterPicker = FilterPicker.FilterPicker;
+exports.FilterPickerContextProvider = FilterPickerProvider.FilterPickerContextProvider;

package/dist/FilterPicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FilterPicker";
+export { FilterPickerContextProvider } from "./FilterPickerProvider";
+export { type FilterPickerCustomActivatorProps, type FilterPickerOption, } from "./FilterPicker.types";

package/dist/{Combobox → FilterPicker}/index.mjs

@@ -1,7 +1,7 @@
-export { C as Combobox } from '../Combobox-es.js';
-export { C as ComboboxContextProvider } from '../ComboboxProvider-es.js';
+export { F as FilterPicker } from '../FilterPicker-es.js';
+export { F as FilterPickerContextProvider } from '../FilterPickerProvider-es.js';
 import 'react';
-import '../ComboboxContent-es.js';
+import '../FilterPickerContent-es.js';
 import 'classnames';
 import '../floating-ui.react-es.js';
 import '../floating-ui.utils.dom-es.js';
@@ -9,10 +9,10 @@ import '../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
-import '../ComboboxContentSearch-es.js';
+import '../FilterPickerContentSearch-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
-import '../ComboboxContentList-es.js';
+import '../FilterPickerContentList-es.js';
 import 'framer-motion';
 import '../Text-es.js';
 import '../Typography-es.js';
@@ -30,20 +30,20 @@ import '../_baseFor-es.js';
 import '../keysIn-es.js';
 import '../_isIterateeCall-es.js';
 import '../_setToString-es.js';
-import '../ComboboxOption-es.js';
+import '../FilterPickerOption-es.js';
 import '../Flex-es.js';
-import '../ComboboxLoadMore-es.js';
+import '../FilterPickerLoadMore-es.js';
 import '@jobber/hooks';
-import '../ComboboxContentHeader-es.js';
+import '../FilterPickerContentHeader-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../constants-es.js';
-import '../ComboboxAction-es.js';
-import '../ComboboxTrigger-es.js';
+import '../FilterPickerAction-es.js';
+import '../FilterPickerTrigger-es.js';
 import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
 import '../noop-es.js';
-import '../ComboboxActivator-es.js';
+import '../FilterPickerActivator-es.js';

package/dist/{Combobox-cjs.js → FilterPicker-cjs.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var ComboboxContent = require('./ComboboxContent-cjs.js');
-var ComboboxAction = require('./ComboboxAction-cjs.js');
-var ComboboxProvider = require('./ComboboxProvider-cjs.js');
-var ComboboxTrigger = require('./ComboboxTrigger-cjs.js');
-var ComboboxOption = require('./ComboboxOption-cjs.js');
+var FilterPickerContent = require('./FilterPickerContent-cjs.js');
+var FilterPickerAction = require('./FilterPickerAction-cjs.js');
+var FilterPickerProvider = require('./FilterPickerProvider-cjs.js');
+var FilterPickerTrigger = require('./FilterPickerTrigger-cjs.js');
+var FilterPickerOption = require('./FilterPickerOption-cjs.js');
 var noop = require('./noop-cjs.js');
 var jobberHooks = require('@jobber/hooks');
-var ComboboxActivator = require('./ComboboxActivator-cjs.js');
+var FilterPickerActivator = require('./FilterPickerActivator-cjs.js');
 
-var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
+var styles = {"overlay":"pWccl-Pw3hY-","wrapper":"CGh3PQqBZ1c-","spinning":"Cf-fmDM7clM-"};
 
-function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
+function useMakeFilterPickerHandlers(setOpen, open, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
     const handleClose = React.useCallback(() => {
         setOpen(false);
         setSearchValue("");
@@ -52,13 +52,13 @@ function handleMultiSelect(selectCallback, selected, selection) {
     }
 }
 
-function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch, debounceTime = 300) {
+function useFilterPicker(selected, onSelect, options, onClose, multiSelect, onSearch, debounceTime = 300) {
     const wrapperRef = React.useRef(null);
     const shouldScroll = React.useRef(false);
     const [open, setOpen] = React.useState(false);
     const [searchValue, setSearchValue] = React.useState("");
     const searchCallback = jobberHooks.useDebounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
-    const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
+    const { handleClose, handleSelection, handleOpen } = useMakeFilterPickerHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {
         wrapperRef,
@@ -76,10 +76,10 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     };
 }
 
-function useComboboxValidation(children) {
-    const optionElements = getCompoundComponents(ComboboxOption.ComboboxOption, children);
-    const actionElements = getCompoundComponents(ComboboxAction.ComboboxAction, children);
-    const activatorElements = getCompoundComponents(ComboboxActivator.ComboboxActivator, children);
+function useFilterPickerValidation(children) {
+    const optionElements = getCompoundComponents(FilterPickerOption.FilterPickerOption, children);
+    const actionElements = getCompoundComponents(FilterPickerAction.FilterPickerAction, children);
+    const activatorElements = getCompoundComponents(FilterPickerActivator.FilterPickerActivator, children);
     return {
         optionElements,
         triggerElement: activatorElements[0],
@@ -95,18 +95,18 @@ function getCompoundComponents(type, children) {
     return elements;
 }
 
-function Combobox(props) {
-    const { optionElements, triggerElement, actionElements } = useComboboxValidation(props.children);
+function FilterPicker(props) {
+    const { optionElements, triggerElement, actionElements } = useFilterPickerValidation(props.children);
     const options = React.useMemo(() => (optionElements === null || optionElements === void 0 ? void 0 : optionElements.map(option => (Object.assign({}, option.props)))) || [], [optionElements]);
-    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, handleClose, handleSelection, handleOpen, internalFilteredOptions, handleSearchChange, } = useCombobox(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
-    return (React.createElement(ComboboxProvider.ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, handleOpen: handleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label, onClear: props.onClear, onSelectAll: props.onSelectAll },
+    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, handleClose, handleSelection, handleOpen, internalFilteredOptions, handleSearchChange, } = useFilterPicker(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
+    return (React.createElement(FilterPickerProvider.FilterPickerContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, handleOpen: handleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label, onClear: props.onClear, onSelectAll: props.onSelectAll },
         React.createElement("div", { ref: wrapperRef, className: styles.wrapper },
-            open && (React.createElement("div", { className: styles.overlay, onClick: handleClose, "data-testid": "ATL-Combobox-Overlay" })),
-            triggerElement || (React.createElement(ComboboxTrigger.ComboboxTrigger, { label: props.label, selected: props.selected, activatorRef: props.defaultActivatorRef })),
-            React.createElement(ComboboxContent.ComboboxContent, { multiselect: props.multiSelect, subjectNoun: props.subjectNoun, selected: selectedOptions, actionElements: actionElements, selectedStateSetter: selectedStateSetter, handleSelection: handleSelection, searchValue: searchValue, setSearchValue: setSearchValue, wrapperRef: wrapperRef, open: open, options: props.onSearch ? options : internalFilteredOptions, loading: props.loading, handleSearchChange: handleSearchChange, onLoadMore: props.onLoadMore }))));
+            open && (React.createElement("div", { className: styles.overlay, onClick: handleClose, "data-testid": "ATL-FilterPicker-Overlay" })),
+            triggerElement || (React.createElement(FilterPickerTrigger.FilterPickerTrigger, { label: props.label, selected: props.selected, activatorRef: props.defaultActivatorRef })),
+            React.createElement(FilterPickerContent.FilterPickerContent, { multiselect: props.multiSelect, subjectNoun: props.subjectNoun, selected: selectedOptions, actionElements: actionElements, selectedStateSetter: selectedStateSetter, handleSelection: handleSelection, searchValue: searchValue, setSearchValue: setSearchValue, wrapperRef: wrapperRef, open: open, options: props.onSearch ? options : internalFilteredOptions, loading: props.loading, handleSearchChange: handleSearchChange, onLoadMore: props.onLoadMore }))));
 }
-Combobox.Activator = ComboboxActivator.ComboboxActivator;
-Combobox.Action = ComboboxAction.ComboboxAction;
-Combobox.Option = ComboboxOption.ComboboxOption;
+FilterPicker.Activator = FilterPickerActivator.FilterPickerActivator;
+FilterPicker.Action = FilterPickerAction.FilterPickerAction;
+FilterPicker.Option = FilterPickerOption.FilterPickerOption;
 
-exports.Combobox = Combobox;
+exports.FilterPicker = FilterPicker;