@jobber/components 4.85.6-CJS-to-ESM.5 → 4.85.6

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.mjs

@@ -1,20 +0,0 @@
-export { C as ComboboxContentList } from '../../../../ComboboxContentList-B_KlRjj7.js';
-import 'react';
-import 'classnames';
-import '../../../../Text-DEviM1Tv.js';
-import '../../../../Typography-G8pA_xwj.js';
-import '../../../../style-inject.es-tgCJW-Cu.js';
-import '../../../../Glimmer-Dz1E9Bo5.js';
-import '../../../../tslib.es6-Df1SgIEn.js';
-import '../../../../Content-BknIp35w.js';
-import '../../../../Spinner-BOhyUAA_.js';
-import '../../../../AnimatedPresence-D73apgLB.js';
-import 'framer-motion';
-import '@jobber/design';
-import '../../../../ComboboxOption-D_f4NcBM.js';
-import '../../../../Icon-CoHJokXb.js';
-import '../../../../Flex-DXDpEzMI.js';
-import '../../../../ComboboxProvider-Dm_tfmkr.js';
-import '../../../../ComboboxLoadMore-CBXYoxXv.js';
-import '../../../../useInView-Yth15M0p.js';
-import '../../../../_commonjsHelpers-E-ZsRS8r.js';

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var ComboboxContentSearch = require('../../../../ComboboxContentSearch-UAyHetvM.js');
-require('react');
-require('../../../../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../../../../style-inject.es-XZHJH68X.js');
-
-
-
-exports.ComboboxContentSearch = ComboboxContentSearch.ComboboxContentSearch;

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.mjs

@@ -1,5 +0,0 @@
-export { C as ComboboxContentSearch } from '../../../../ComboboxContentSearch-B8hsfo_D.js';
-import 'react';
-import '../../../../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../../../../style-inject.es-tgCJW-Cu.js';

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var ComboboxLoadMore = require('../../../../ComboboxLoadMore-Bfg4pEkg.js');
-require('react');
-require('../../../../useInView-Ct13SCWB.js');
-require('../../../../_commonjsHelpers-B83fTs8d.js');
-require('../../../../style-inject.es-XZHJH68X.js');
-
-
-
-exports.ComboboxLoadMore = ComboboxLoadMore.ComboboxLoadMore;

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs

@@ -1,5 +0,0 @@
-export { C as ComboboxLoadMore } from '../../../../ComboboxLoadMore-CBXYoxXv.js';
-import 'react';
-import '../../../../useInView-Yth15M0p.js';
-import '../../../../_commonjsHelpers-E-ZsRS8r.js';
-import '../../../../style-inject.es-tgCJW-Cu.js';

package/dist/Combobox/components/ComboboxContent/index.cjs

@@ -1,36 +0,0 @@
-'use strict';
-
-var ComboboxContent = require('../../../ComboboxContent-C3MIJd9a.js');
-require('react');
-require('classnames');
-require('react-dom');
-require('../../../style-inject.es-XZHJH68X.js');
-require('../../../ComboboxContentSearch-UAyHetvM.js');
-require('../../../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../../../ComboboxContentList-wTyr0j1u.js');
-require('../../../Text-D9gsHxbp.js');
-require('../../../Typography-Dx8KtnBw.js');
-require('../../../Glimmer-Cgcy2Ruw.js');
-require('../../../tslib.es6-ld72nsZq.js');
-require('../../../Content-B8Od1cqS.js');
-require('../../../Spinner-DT15aa_r.js');
-require('../../../AnimatedPresence-DFaAEYUa.js');
-require('framer-motion');
-require('../../../ComboboxOption-CWkyTkzU.js');
-require('../../../Flex-CBKf3epb.js');
-require('../../../ComboboxProvider-BwxfVgmL.js');
-require('../../../ComboboxLoadMore-Bfg4pEkg.js');
-require('../../../useInView-Ct13SCWB.js');
-require('../../../_commonjsHelpers-B83fTs8d.js');
-require('../../../ComboboxContentHeader-CJ0if4JI.js');
-require('../../../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../../../useRefocusOnActivator-DOJm9VWz.js');
-require('../../../useFocusTrap-CMLwEDMY.js');
-require('react-popper');
-require('../../../useOnKeyDown-B9JF2jLZ.js');
-
-
-
-exports.ComboboxContent = ComboboxContent.ComboboxContent;

package/dist/Combobox/components/ComboboxContent/index.mjs

@@ -1,30 +0,0 @@
-export { C as ComboboxContent } from '../../../ComboboxContent-BRgUJ7J4.js';
-import 'react';
-import 'classnames';
-import 'react-dom';
-import '../../../style-inject.es-tgCJW-Cu.js';
-import '../../../ComboboxContentSearch-B8hsfo_D.js';
-import '../../../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../../../ComboboxContentList-B_KlRjj7.js';
-import '../../../Text-DEviM1Tv.js';
-import '../../../Typography-G8pA_xwj.js';
-import '../../../Glimmer-Dz1E9Bo5.js';
-import '../../../tslib.es6-Df1SgIEn.js';
-import '../../../Content-BknIp35w.js';
-import '../../../Spinner-BOhyUAA_.js';
-import '../../../AnimatedPresence-D73apgLB.js';
-import 'framer-motion';
-import '../../../ComboboxOption-D_f4NcBM.js';
-import '../../../Flex-DXDpEzMI.js';
-import '../../../ComboboxProvider-Dm_tfmkr.js';
-import '../../../ComboboxLoadMore-CBXYoxXv.js';
-import '../../../useInView-Yth15M0p.js';
-import '../../../_commonjsHelpers-E-ZsRS8r.js';
-import '../../../ComboboxContentHeader-DFLlxg-X.js';
-import '../../../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../../../useRefocusOnActivator-CMNWUYSe.js';
-import '../../../useFocusTrap-BtnnoHG8.js';
-import 'react-popper';
-import '../../../useOnKeyDown-BsUfDste.js';

package/dist/Combobox/components/ComboboxOption/index.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var ComboboxOption = require('../../../ComboboxOption-CWkyTkzU.js');
-require('react');
-require('classnames');
-require('../../../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../../../Flex-CBKf3epb.js');
-require('../../../style-inject.es-XZHJH68X.js');
-require('../../../ComboboxProvider-BwxfVgmL.js');
-require('../../../tslib.es6-ld72nsZq.js');
-
-
-
-exports.ComboboxOption = ComboboxOption.ComboboxOption;

package/dist/Combobox/components/ComboboxOption/index.mjs

@@ -1,9 +0,0 @@
-export { C as ComboboxOption } from '../../../ComboboxOption-D_f4NcBM.js';
-import 'react';
-import 'classnames';
-import '../../../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../../../Flex-DXDpEzMI.js';
-import '../../../style-inject.es-tgCJW-Cu.js';
-import '../../../ComboboxProvider-Dm_tfmkr.js';
-import '../../../tslib.es6-Df1SgIEn.js';

package/dist/Combobox/components/ComboboxTrigger/index.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var ComboboxTrigger = require('../../../ComboboxTrigger-zTO01W3n.js');
-require('react');
-require('../../../Chip-DSy6Xm8R.js');
-require('classnames');
-require('../../../useInView-Ct13SCWB.js');
-require('../../../_commonjsHelpers-B83fTs8d.js');
-require('../../../style-inject.es-XZHJH68X.js');
-require('../../../Avatar-Q2BQymsE.js');
-require('color');
-require('../../../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../../../useChildComponent-BUH0ttPi.js');
-require('../../../Typography-Dx8KtnBw.js');
-require('../../../Tooltip-BEW-a9OW.js');
-require('react-dom');
-require('framer-motion');
-require('../../../useSafeLayoutEffect-Qir6pm57.js');
-require('react-popper');
-require('../../../tslib.es6-ld72nsZq.js');
-require('../../../ComboboxProvider-BwxfVgmL.js');
-
-
-
-exports.ComboboxTrigger = ComboboxTrigger.ComboboxTrigger;

package/dist/Combobox/components/ComboboxTrigger/index.mjs

@@ -1,20 +0,0 @@
-export { C as ComboboxTrigger } from '../../../ComboboxTrigger-DdG9k28y.js';
-import 'react';
-import '../../../Chip-Cvuqhi_q.js';
-import 'classnames';
-import '../../../useInView-Yth15M0p.js';
-import '../../../_commonjsHelpers-E-ZsRS8r.js';
-import '../../../style-inject.es-tgCJW-Cu.js';
-import '../../../Avatar-DZCQBKMr.js';
-import 'color';
-import '../../../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../../../useChildComponent-D95jU7NM.js';
-import '../../../Typography-G8pA_xwj.js';
-import '../../../Tooltip-mn2jRxXD.js';
-import 'react-dom';
-import 'framer-motion';
-import '../../../useSafeLayoutEffect-yaw3NyzX.js';
-import 'react-popper';
-import '../../../tslib.es6-Df1SgIEn.js';
-import '../../../ComboboxProvider-Dm_tfmkr.js';

package/dist/Combobox/index.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-var Combobox = require('../Combobox-CL1tRKd3.js');
-var ComboboxProvider = require('../ComboboxProvider-BwxfVgmL.js');
-require('react');
-require('../ComboboxContent-C3MIJd9a.js');
-require('classnames');
-require('react-dom');
-require('../style-inject.es-XZHJH68X.js');
-require('../ComboboxContentSearch-UAyHetvM.js');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../ComboboxContentList-wTyr0j1u.js');
-require('../Text-D9gsHxbp.js');
-require('../Typography-Dx8KtnBw.js');
-require('../Glimmer-Cgcy2Ruw.js');
-require('../tslib.es6-ld72nsZq.js');
-require('../Content-B8Od1cqS.js');
-require('../Spinner-DT15aa_r.js');
-require('../AnimatedPresence-DFaAEYUa.js');
-require('framer-motion');
-require('../ComboboxOption-CWkyTkzU.js');
-require('../Flex-CBKf3epb.js');
-require('../ComboboxLoadMore-Bfg4pEkg.js');
-require('../useInView-Ct13SCWB.js');
-require('../_commonjsHelpers-B83fTs8d.js');
-require('../ComboboxContentHeader-CJ0if4JI.js');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../useRefocusOnActivator-DOJm9VWz.js');
-require('../useFocusTrap-CMLwEDMY.js');
-require('react-popper');
-require('../useOnKeyDown-B9JF2jLZ.js');
-require('../ComboboxAction-B3RwsCtx.js');
-require('../ComboboxTrigger-zTO01W3n.js');
-require('../Chip-DSy6Xm8R.js');
-require('../Avatar-Q2BQymsE.js');
-require('color');
-require('../useChildComponent-BUH0ttPi.js');
-require('../Tooltip-BEW-a9OW.js');
-require('../useSafeLayoutEffect-Qir6pm57.js');
-require('../debounce-CJA36ltI.js');
-require('../isObjectLike-BUFV4ggG.js');
-require('../isSymbol-DS9vlqp3.js');
-require('../noop-BHeBk22E.js');
-require('../ComboboxActivator-DT29yQ2v.js');
-require('../useAssert-Dj-7DdKE.js');
-require('../index-Jb6tGBiW.js');
-
-
-
-exports.Combobox = Combobox.Combobox;
-exports.ComboboxContextProvider = ComboboxProvider.ComboboxContextProvider;

package/dist/Combobox/index.mjs

@@ -1,46 +0,0 @@
-export { C as Combobox } from '../Combobox-D44taKUg.js';
-export { C as ComboboxContextProvider } from '../ComboboxProvider-Dm_tfmkr.js';
-import 'react';
-import '../ComboboxContent-BRgUJ7J4.js';
-import 'classnames';
-import 'react-dom';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../ComboboxContentSearch-B8hsfo_D.js';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../ComboboxContentList-B_KlRjj7.js';
-import '../Text-DEviM1Tv.js';
-import '../Typography-G8pA_xwj.js';
-import '../Glimmer-Dz1E9Bo5.js';
-import '../tslib.es6-Df1SgIEn.js';
-import '../Content-BknIp35w.js';
-import '../Spinner-BOhyUAA_.js';
-import '../AnimatedPresence-D73apgLB.js';
-import 'framer-motion';
-import '../ComboboxOption-D_f4NcBM.js';
-import '../Flex-DXDpEzMI.js';
-import '../ComboboxLoadMore-CBXYoxXv.js';
-import '../useInView-Yth15M0p.js';
-import '../_commonjsHelpers-E-ZsRS8r.js';
-import '../ComboboxContentHeader-DFLlxg-X.js';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../useRefocusOnActivator-CMNWUYSe.js';
-import '../useFocusTrap-BtnnoHG8.js';
-import 'react-popper';
-import '../useOnKeyDown-BsUfDste.js';
-import '../ComboboxAction-BzEwYtPm.js';
-import '../ComboboxTrigger-DdG9k28y.js';
-import '../Chip-Cvuqhi_q.js';
-import '../Avatar-DZCQBKMr.js';
-import 'color';
-import '../useChildComponent-D95jU7NM.js';
-import '../Tooltip-mn2jRxXD.js';
-import '../useSafeLayoutEffect-yaw3NyzX.js';
-import '../debounce-D3te8_TG.js';
-import '../isObjectLike-CkQBn_-v.js';
-import '../isSymbol-BB8mecpv.js';
-import '../noop-CJPLieIK.js';
-import '../ComboboxActivator-D41tfwAg.js';
-import '../useAssert-DJjF2xRH.js';
-import '../index-BoP83yS-.js';

package/dist/Combobox-CL1tRKd3.js

@@ -1,122 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ComboboxContent = require('./ComboboxContent-C3MIJd9a.js');
-var ComboboxAction = require('./ComboboxAction-B3RwsCtx.js');
-var ComboboxProvider = require('./ComboboxProvider-BwxfVgmL.js');
-var ComboboxTrigger = require('./ComboboxTrigger-zTO01W3n.js');
-var ComboboxOption = require('./ComboboxOption-CWkyTkzU.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var debounce = require('./debounce-CJA36ltI.js');
-var noop = require('./noop-BHeBk22E.js');
-var ComboboxActivator = require('./ComboboxActivator-DT29yQ2v.js');
-var useAssert = require('./useAssert-Dj-7DdKE.js');
-
-var css_248z = ".W8qMZnORYxI- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--elevation-menu);\n  background-color: transparent;\n}\n\n._-0dkolvLF-Y- {\n  display: inline-block;\n}\n";
-var styles = {"overlay":"W8qMZnORYxI-","wrapper":"_-0dkolvLF-Y-"};
-styleInject_es.styleInject(css_248z);
-
-function useMakeComboboxHandlers(setOpen, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
-    const handleClose = React.useCallback(() => {
-        setOpen(false);
-        setSearchValue("");
-        onSearch && onSearch("");
-        onClose && onClose();
-        if (selectedOptions.length > 0) {
-            shouldScroll.current = true;
-        }
-    }, [setOpen, setSearchValue, onClose, onSearch, selectedOptions.length]);
-    const handleSelection = React.useCallback((selection) => {
-        if (multiSelect) {
-            handleMultiSelect(selectedStateSetter, selectedOptions, selection);
-        }
-        else {
-            handleSingleSelect(selectedStateSetter, selection);
-        }
-    }, [multiSelect, selectedStateSetter, selectedOptions]);
-    const handleSingleSelect = React.useCallback((selectCallback, selection) => {
-        selectCallback([selection]);
-        handleClose();
-    }, []);
-    return {
-        handleClose,
-        handleSelection,
-    };
-}
-function handleMultiSelect(selectCallback, selected, selection) {
-    if (selected.some(s => s.id === selection.id)) {
-        selectCallback(selected.filter(s => s.id !== selection.id));
-    }
-    else {
-        selectCallback([...selected, selection]);
-    }
-}
-
-function useCombobox(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 = React.useCallback(debounce.debounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime), [onSearch, debounceTime]);
-    const { handleClose, handleSelection } = useMakeComboboxHandlers(setOpen, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
-    const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
-    return {
-        wrapperRef,
-        searchValue,
-        setSearchValue,
-        open,
-        setOpen,
-        selectedOptions: selected,
-        selectedStateSetter: onSelect,
-        shouldScroll,
-        handleClose,
-        handleSelection,
-        internalFilteredOptions,
-        handleSearchChange: onSearch ? searchCallback : noop.noop,
-    };
-}
-
-const COMBOBOX_TRIGGER_COUNT_ERROR_MESSAGE = "Combobox must have exactly one Trigger element";
-function useComboboxValidation(children) {
-    const optionElements = getCompoundComponents(ComboboxOption.ComboboxOption, children);
-    const actionElements = getCompoundComponents(ComboboxAction.ComboboxAction, children);
-    const activatorElements = getCompoundComponents(ComboboxActivator.ComboboxActivator, children);
-    const shouldThrowTriggerError = isInvalid(activatorElements);
-    useAssert.useAssert.useAssert(shouldThrowTriggerError, COMBOBOX_TRIGGER_COUNT_ERROR_MESSAGE);
-    return {
-        optionElements,
-        triggerElement: activatorElements[0],
-        actionElements,
-    };
-}
-function isInvalid(activators) {
-    return activators.length > 1 ? true : false;
-}
-/**
- * Return all instances child component that matches the `type` provided
- */
-function getCompoundComponents(type, children) {
-    const childrenArray = React.Children.toArray(children);
-    const elements = childrenArray.filter((child) => React.isValidElement(child) && child.type === type);
-    return elements;
-}
-
-function Combobox(props) {
-    const { optionElements, triggerElement, actionElements } = useComboboxValidation(props.children);
-    const options = React.useMemo(() => (optionElements === null || optionElements === void 0 ? void 0 : optionElements.map(option => ({
-        id: option.props.id,
-        label: option.props.label,
-        prefix: option.props.prefix,
-    }))) || [], [optionElements]);
-    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, setOpen, handleClose, handleSelection, 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, setOpen: setOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue },
-        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 })),
-            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, setOpen: setOpen, 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;
-
-exports.Combobox = Combobox;

package/dist/Combobox-D44taKUg.js

@@ -1,120 +0,0 @@
-import React, { useCallback, useRef, useState, Children, isValidElement, useMemo } from 'react';
-import { C as ComboboxContent } from './ComboboxContent-BRgUJ7J4.js';
-import { C as ComboboxAction } from './ComboboxAction-BzEwYtPm.js';
-import { C as ComboboxContextProvider } from './ComboboxProvider-Dm_tfmkr.js';
-import { C as ComboboxTrigger } from './ComboboxTrigger-DdG9k28y.js';
-import { C as ComboboxOption } from './ComboboxOption-D_f4NcBM.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { d as debounce } from './debounce-D3te8_TG.js';
-import { n as noop } from './noop-CJPLieIK.js';
-import { C as ComboboxActivator } from './ComboboxActivator-D41tfwAg.js';
-import { u as useAssert } from './useAssert-DJjF2xRH.js';
-
-var css_248z = ".W8qMZnORYxI- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--elevation-menu);\n  background-color: transparent;\n}\n\n._-0dkolvLF-Y- {\n  display: inline-block;\n}\n";
-var styles = {"overlay":"W8qMZnORYxI-","wrapper":"_-0dkolvLF-Y-"};
-styleInject(css_248z);
-
-function useMakeComboboxHandlers(setOpen, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
-    const handleClose = useCallback(() => {
-        setOpen(false);
-        setSearchValue("");
-        onSearch && onSearch("");
-        onClose && onClose();
-        if (selectedOptions.length > 0) {
-            shouldScroll.current = true;
-        }
-    }, [setOpen, setSearchValue, onClose, onSearch, selectedOptions.length]);
-    const handleSelection = useCallback((selection) => {
-        if (multiSelect) {
-            handleMultiSelect(selectedStateSetter, selectedOptions, selection);
-        }
-        else {
-            handleSingleSelect(selectedStateSetter, selection);
-        }
-    }, [multiSelect, selectedStateSetter, selectedOptions]);
-    const handleSingleSelect = useCallback((selectCallback, selection) => {
-        selectCallback([selection]);
-        handleClose();
-    }, []);
-    return {
-        handleClose,
-        handleSelection,
-    };
-}
-function handleMultiSelect(selectCallback, selected, selection) {
-    if (selected.some(s => s.id === selection.id)) {
-        selectCallback(selected.filter(s => s.id !== selection.id));
-    }
-    else {
-        selectCallback([...selected, selection]);
-    }
-}
-
-function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch, debounceTime = 300) {
-    const wrapperRef = useRef(null);
-    const shouldScroll = useRef(false);
-    const [open, setOpen] = useState(false);
-    const [searchValue, setSearchValue] = useState("");
-    const searchCallback = useCallback(debounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime), [onSearch, debounceTime]);
-    const { handleClose, handleSelection } = useMakeComboboxHandlers(setOpen, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
-    const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
-    return {
-        wrapperRef,
-        searchValue,
-        setSearchValue,
-        open,
-        setOpen,
-        selectedOptions: selected,
-        selectedStateSetter: onSelect,
-        shouldScroll,
-        handleClose,
-        handleSelection,
-        internalFilteredOptions,
-        handleSearchChange: onSearch ? searchCallback : noop,
-    };
-}
-
-const COMBOBOX_TRIGGER_COUNT_ERROR_MESSAGE = "Combobox must have exactly one Trigger element";
-function useComboboxValidation(children) {
-    const optionElements = getCompoundComponents(ComboboxOption, children);
-    const actionElements = getCompoundComponents(ComboboxAction, children);
-    const activatorElements = getCompoundComponents(ComboboxActivator, children);
-    const shouldThrowTriggerError = isInvalid(activatorElements);
-    useAssert.useAssert(shouldThrowTriggerError, COMBOBOX_TRIGGER_COUNT_ERROR_MESSAGE);
-    return {
-        optionElements,
-        triggerElement: activatorElements[0],
-        actionElements,
-    };
-}
-function isInvalid(activators) {
-    return activators.length > 1 ? true : false;
-}
-/**
- * Return all instances child component that matches the `type` provided
- */
-function getCompoundComponents(type, children) {
-    const childrenArray = Children.toArray(children);
-    const elements = childrenArray.filter((child) => isValidElement(child) && child.type === type);
-    return elements;
-}
-
-function Combobox(props) {
-    const { optionElements, triggerElement, actionElements } = useComboboxValidation(props.children);
-    const options = useMemo(() => (optionElements === null || optionElements === void 0 ? void 0 : optionElements.map(option => ({
-        id: option.props.id,
-        label: option.props.label,
-        prefix: option.props.prefix,
-    }))) || [], [optionElements]);
-    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, setOpen, handleClose, handleSelection, internalFilteredOptions, handleSearchChange, } = useCombobox(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
-    return (React.createElement(ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, setOpen: setOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue },
-        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, { label: props.label, selected: props.selected })),
-            React.createElement(ComboboxContent, { multiselect: props.multiSelect, subjectNoun: props.subjectNoun, selected: selectedOptions, actionElements: actionElements, selectedStateSetter: selectedStateSetter, handleSelection: handleSelection, searchValue: searchValue, setSearchValue: setSearchValue, wrapperRef: wrapperRef, open: open, setOpen: setOpen, options: props.onSearch ? options : internalFilteredOptions, loading: props.loading, handleSearchChange: handleSearchChange, onLoadMore: props.onLoadMore }))));
-}
-Combobox.Activator = ComboboxActivator;
-Combobox.Action = ComboboxAction;
-Combobox.Option = ComboboxOption;
-
-export { Combobox as C };

package/dist/ComboboxAction-B3RwsCtx.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Typography = require('./Typography-Dx8KtnBw.js');
-var ComboboxProvider = require('./ComboboxProvider-BwxfVgmL.js');
-
-var css_248z = ".Ow9wSNnGP-g- {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0 var(--space-small);\n  background-color: var(--color-surface);\n}\n\n.ncp0nKHQ7d8- {\n  position: relative;\n  width: 100%;\n  min-height: calc((var(--space-largest) - var(--space-small)));\n  padding: var(--space-small) 0;\n  border: none;\n  border-radius: var(--radius-large);\n  text-align: left;\n  background-color: var(--color-surface);\n  cursor: pointer;\n  transition: all var(--timing-base);\n}\n\n.jobber-retheme .ncp0nKHQ7d8- {\n  border-radius: var(--radius-base);\n}\n\n.ncp0nKHQ7d8-:focus {\n  outline: none;\n}\n\n.ncp0nKHQ7d8-:hover,\n.ncp0nKHQ7d8-:focus-visible {\n  outline: none;\n  background-color: var(--color-surface--hover);\n}\n\n.ncp0nKHQ7d8-:focus-visible {\n  box-shadow: var(--shadow-focus);\n}\n\n.ncp0nKHQ7d8- span {\n  margin-left: var(--space-small);\n}\n";
-var styles = {"actionContainer":"Ow9wSNnGP-g-","actionButton":"ncp0nKHQ7d8-"};
-styleInject_es.styleInject(css_248z);
-
-function ComboboxAction(props) {
-    const { searchValue } = React.useContext(ComboboxProvider.ComboboxContext);
-    if (props.visible) {
-        const isVisible = typeof props.visible === "function" && !props.visible({ searchValue });
-        if (isVisible || !props.visible) {
-            return null;
-        }
-    }
-    const options = { searchValue };
-    const computedLabel = typeof props.label === "string" ? props.label : props.label(options);
-    return (React.createElement("div", { className: styles.actionContainer },
-        React.createElement("button", { className: styles.actionButton, onClick: e => props.onClick(e, options), type: "button" },
-            React.createElement(Typography.Typography, { element: "span", size: "base", textColor: "green", fontWeight: "semiBold" }, computedLabel))));
-}
-
-exports.ComboboxAction = ComboboxAction;

package/dist/ComboboxAction-BzEwYtPm.js

@@ -1,25 +0,0 @@
-import React, { useContext } from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { T as Typography } from './Typography-G8pA_xwj.js';
-import { a as ComboboxContext } from './ComboboxProvider-Dm_tfmkr.js';
-
-var css_248z = ".Ow9wSNnGP-g- {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 0 var(--space-small);\n  background-color: var(--color-surface);\n}\n\n.ncp0nKHQ7d8- {\n  position: relative;\n  width: 100%;\n  min-height: calc((var(--space-largest) - var(--space-small)));\n  padding: var(--space-small) 0;\n  border: none;\n  border-radius: var(--radius-large);\n  text-align: left;\n  background-color: var(--color-surface);\n  cursor: pointer;\n  transition: all var(--timing-base);\n}\n\n.jobber-retheme .ncp0nKHQ7d8- {\n  border-radius: var(--radius-base);\n}\n\n.ncp0nKHQ7d8-:focus {\n  outline: none;\n}\n\n.ncp0nKHQ7d8-:hover,\n.ncp0nKHQ7d8-:focus-visible {\n  outline: none;\n  background-color: var(--color-surface--hover);\n}\n\n.ncp0nKHQ7d8-:focus-visible {\n  box-shadow: var(--shadow-focus);\n}\n\n.ncp0nKHQ7d8- span {\n  margin-left: var(--space-small);\n}\n";
-var styles = {"actionContainer":"Ow9wSNnGP-g-","actionButton":"ncp0nKHQ7d8-"};
-styleInject(css_248z);
-
-function ComboboxAction(props) {
-    const { searchValue } = useContext(ComboboxContext);
-    if (props.visible) {
-        const isVisible = typeof props.visible === "function" && !props.visible({ searchValue });
-        if (isVisible || !props.visible) {
-            return null;
-        }
-    }
-    const options = { searchValue };
-    const computedLabel = typeof props.label === "string" ? props.label : props.label(options);
-    return (React.createElement("div", { className: styles.actionContainer },
-        React.createElement("button", { className: styles.actionButton, onClick: e => props.onClick(e, options), type: "button" },
-            React.createElement(Typography, { element: "span", size: "base", textColor: "green", fontWeight: "semiBold" }, computedLabel))));
-}
-
-export { ComboboxAction as C };

package/dist/ComboboxActivator-D41tfwAg.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { B as Button } from './Button-CWVwgwhn.js';
-import { C as Chip } from './Chip-Cvuqhi_q.js';
-import './tslib.es6-Df1SgIEn.js';
-import '@jobber/design';
-import { a as ComboboxContext } from './ComboboxProvider-Dm_tfmkr.js';
-
-function ComboboxActivator(props) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxContext);
-    if (props.children.type === Button || props.children.type === Chip) {
-        return React.cloneElement(props.children, {
-            role: "combobox",
-            onClick: () => {
-                if (open) {
-                    handleClose();
-                }
-                else {
-                    setOpen(true);
-                }
-            },
-        });
-    }
-    return props.children;
-}
-
-export { ComboboxActivator as C };