@jobber/components 4.90.5 → 4.91.0

package/dist/Combobox/index.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-var Combobox = require('../Combobox-DxPzrwcK.js');
-var ComboboxProvider = require('../ComboboxProvider-ku2HdEkO.js');
-require('react');
-require('../ComboboxContent-miRfjhNV.js');
-require('classnames');
-require('react-dom');
-require('../ComboboxContentSearch-C2RHQNXR.js');
-require('../Icon-C05AQvkv.js');
-require('@jobber/design');
-require('../ComboboxContentList-DFv7m0NQ.js');
-require('../Text-BKFV1Z0j.js');
-require('../Typography-BiJhpsiL.js');
-require('../Glimmer-CG9tFCHs.js');
-require('../tslib.es6-BBH1pS30.js');
-require('../Content-D5eJgx6J.js');
-require('../Spinner-CjTb3xIl.js');
-require('../AnimatedPresence-BWePg1sL.js');
-require('framer-motion');
-require('../ComboboxOption-DSzlMoup.js');
-require('../Flex-Dh0WNozY.js');
-require('../ComboboxLoadMore-CUK0n3WY.js');
-require('../useInView-DGjydyXL.js');
-require('../ComboboxContentHeader-Cirx9k9L.js');
-require('../Button-BPYGeGx2.js');
-require('react-router-dom');
-require('../useRefocusOnActivator-BnM3unqN.js');
-require('../useFocusTrap-B-xOQ79p.js');
-require('react-popper');
-require('../useOnKeyDown-W2x-4HSi.js');
-require('../ComboboxAction-Ct0ao84E.js');
-require('../ComboboxTrigger-1KuifQvl.js');
-require('../Chip-Br7-JkgN.js');
-require('../Avatar-DTFS2kFm.js');
-require('color');
-require('../useChildComponent-D7PbyArU.js');
-require('../Tooltip-PbQMMMXT.js');
-require('../useSafeLayoutEffect-juh5vdFE.js');
-require('../useIsMounted-DfJrPzyU.js');
-require('../debounce-DtVkjvKH.js');
-require('../_commonjsHelpers-BHq9dk6I.js');
-require('../isObjectLike-zrq0mtNG.js');
-require('../isSymbol-B7o505jx.js');
-require('../noop-mF8IIYWw.js');
-require('../ComboboxActivator-uU5VaZqF.js');
-require('../useAssert-BTe43jaI.js');
-require('../_polyfill-node.process-7AsFqJce.js');
-
-
-
-exports.Combobox = Combobox.Combobox;
-exports.ComboboxContextProvider = ComboboxProvider.ComboboxContextProvider;

package/dist/Combobox/index.mjs

@@ -1,46 +0,0 @@
-export { C as Combobox } from '../Combobox-D0Qo3yYu.js';
-export { C as ComboboxContextProvider } from '../ComboboxProvider-GdvooWYJ.js';
-import 'react';
-import '../ComboboxContent-u1C3PXKH.js';
-import 'classnames';
-import 'react-dom';
-import '../ComboboxContentSearch-DX-BiYTa.js';
-import '../Icon-Dic5myD3.js';
-import '@jobber/design';
-import '../ComboboxContentList-nxCsc_XU.js';
-import '../Text-CfxmOdM-.js';
-import '../Typography-DscVWtp8.js';
-import '../Glimmer-IWgpoHGI.js';
-import '../tslib.es6-5nrZ19JS.js';
-import '../Content-CobtdYug.js';
-import '../Spinner-DGO8_Jsa.js';
-import '../AnimatedPresence-CzXm0q2a.js';
-import 'framer-motion';
-import '../ComboboxOption-BMg1O_Br.js';
-import '../Flex-Bfl-vL64.js';
-import '../ComboboxLoadMore-t_s_eVDp.js';
-import '../useInView-CjeNEvX0.js';
-import '../ComboboxContentHeader-BF43vAXl.js';
-import '../Button-BH4Hhr2S.js';
-import 'react-router-dom';
-import '../useRefocusOnActivator-BAub7L-i.js';
-import '../useFocusTrap-D0gOZaSx.js';
-import 'react-popper';
-import '../useOnKeyDown-07RktdgP.js';
-import '../ComboboxAction-I7TT2mVE.js';
-import '../ComboboxTrigger-CvcB6ptJ.js';
-import '../Chip-CGMUQ-V-.js';
-import '../Avatar-BPd8t6BU.js';
-import 'color';
-import '../useChildComponent-CwlKwCml.js';
-import '../Tooltip-BrnUcSMD.js';
-import '../useSafeLayoutEffect-BW_VIS6-.js';
-import '../useIsMounted-BxDu0lnY.js';
-import '../debounce-DHeCta_M.js';
-import '../_commonjsHelpers-Dw5gAsMR.js';
-import '../isObjectLike-53d8VfgU.js';
-import '../isSymbol-Co3-vUC1.js';
-import '../noop-B8ZS2J9q.js';
-import '../ComboboxActivator-BOGk012k.js';
-import '../useAssert-CSmf3rDf.js';
-import '../_polyfill-node.process-B3Zw2Wh0.js';

package/dist/Combobox-D0Qo3yYu.js

@@ -1,117 +0,0 @@
-import React, { useCallback, useRef, useState, Children, isValidElement, useMemo } from 'react';
-import { C as ComboboxContent } from './ComboboxContent-u1C3PXKH.js';
-import { C as ComboboxAction } from './ComboboxAction-I7TT2mVE.js';
-import { C as ComboboxContextProvider } from './ComboboxProvider-GdvooWYJ.js';
-import { C as ComboboxTrigger } from './ComboboxTrigger-CvcB6ptJ.js';
-import { C as ComboboxOption } from './ComboboxOption-BMg1O_Br.js';
-import { d as debounce } from './debounce-DHeCta_M.js';
-import { n as noop } from './noop-B8ZS2J9q.js';
-import { C as ComboboxActivator } from './ComboboxActivator-BOGk012k.js';
-import { u as useAssert_2 } from './useAssert-CSmf3rDf.js';
-
-var styles = {"overlay":"W8qMZnORYxI-","wrapper":"_-0dkolvLF-Y-"};
-
-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_2(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/Combobox-DxPzrwcK.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ComboboxContent = require('./ComboboxContent-miRfjhNV.js');
-var ComboboxAction = require('./ComboboxAction-Ct0ao84E.js');
-var ComboboxProvider = require('./ComboboxProvider-ku2HdEkO.js');
-var ComboboxTrigger = require('./ComboboxTrigger-1KuifQvl.js');
-var ComboboxOption = require('./ComboboxOption-DSzlMoup.js');
-var debounce = require('./debounce-DtVkjvKH.js');
-var noop = require('./noop-mF8IIYWw.js');
-var ComboboxActivator = require('./ComboboxActivator-uU5VaZqF.js');
-var useAssert = require('./useAssert-BTe43jaI.js');
-
-var styles = {"overlay":"W8qMZnORYxI-","wrapper":"_-0dkolvLF-Y-"};
-
-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_2(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/ComboboxAction-Ct0ao84E.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Typography = require('./Typography-BiJhpsiL.js');
-var ComboboxProvider = require('./ComboboxProvider-ku2HdEkO.js');
-
-var styles = {"actionContainer":"Ow9wSNnGP-g-","actionButton":"ncp0nKHQ7d8-"};
-
-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-I7TT2mVE.js

@@ -1,22 +0,0 @@
-import React, { useContext } from 'react';
-import { T as Typography } from './Typography-DscVWtp8.js';
-import { a as ComboboxContext } from './ComboboxProvider-GdvooWYJ.js';
-
-var styles = {"actionContainer":"Ow9wSNnGP-g-","actionButton":"ncp0nKHQ7d8-"};
-
-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-BOGk012k.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { B as Button } from './Button-BH4Hhr2S.js';
-import { C as Chip } from './Chip-CGMUQ-V-.js';
-import './tslib.es6-5nrZ19JS.js';
-import '@jobber/design';
-import { a as ComboboxContext } from './ComboboxProvider-GdvooWYJ.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 };

package/dist/ComboboxActivator-uU5VaZqF.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Button = require('./Button-BPYGeGx2.js');
-var Chip = require('./Chip-Br7-JkgN.js');
-require('./tslib.es6-BBH1pS30.js');
-require('@jobber/design');
-var ComboboxProvider = require('./ComboboxProvider-ku2HdEkO.js');
-
-function ComboboxActivator(props) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxProvider.ComboboxContext);
-    if (props.children.type === Button.Button || props.children.type === Chip.Chip) {
-        return React.cloneElement(props.children, {
-            role: "combobox",
-            onClick: () => {
-                if (open) {
-                    handleClose();
-                }
-                else {
-                    setOpen(true);
-                }
-            },
-        });
-    }
-    return props.children;
-}
-
-exports.ComboboxActivator = ComboboxActivator;

package/dist/ComboboxContent-miRfjhNV.js

@@ -1,145 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var ReactDOM = require('react-dom');
-var ComboboxContentSearch = require('./ComboboxContentSearch-C2RHQNXR.js');
-var ComboboxContentList = require('./ComboboxContentList-DFv7m0NQ.js');
-var ComboboxContentHeader = require('./ComboboxContentHeader-Cirx9k9L.js');
-var ComboboxProvider = require('./ComboboxProvider-ku2HdEkO.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-BnM3unqN.js');
-var useFocusTrap = require('./useFocusTrap-B-xOQ79p.js');
-var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-W2x-4HSi.js');
-
-var styles = {"content":"m1w5vdUZ6rQ-","hidden":"Zlkv2HA096A-","actions":"YQry-Rd6zfQ-","actionPadding":"TcpqL34s4lI-"};
-
-function useComboboxContent(open, selected) {
-    const { shouldScroll } = React.useContext(ComboboxProvider.ComboboxContext);
-    const optionsListRef = React.useRef(null);
-    React.useEffect(() => {
-        var _a;
-        if (open && shouldScroll.current && optionsListRef.current) {
-            const firstSelected = Array.from((_a = optionsListRef === null || optionsListRef === void 0 ? void 0 : optionsListRef.current) === null || _a === void 0 ? void 0 : _a.children).find(child => {
-                if (child instanceof HTMLElement) {
-                    return child.dataset.selected === "true";
-                }
-            });
-            scrollToFirstSelected(firstSelected, shouldScroll);
-        }
-    }, [open, selected]);
-    return {
-        optionsListRef,
-    };
-}
-function scrollToFirstSelected(firstSelected, shouldScroll) {
-    if (firstSelected) {
-        firstSelected.scrollIntoView({
-            block: "nearest",
-        });
-        shouldScroll.current = false;
-    }
-}
-
-// eslint-disable-next-line max-statements
-function useComboboxAccessibility(selectionCallback, filteredOptions, optionsListRef, open, wrapperRef) {
-    const { handleClose } = React.useContext(ComboboxProvider.ComboboxContext);
-    const hasOptionsVisible = open && filteredOptions.length > 0;
-    const focusedIndex = React.useRef(null);
-    useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const popperRef = useFocusTrap.useFocusTrap_2(open);
-    const { styles: popperStyles, attributes, update, } = reactPopper.usePopper(wrapperRef.current, popperRef.current, {
-        modifiers: [
-            {
-                name: "flip",
-                options: {
-                    fallbackPlacements: ["top-start"],
-                },
-            },
-        ],
-        placement: "bottom-start",
-    });
-    React.useEffect(() => {
-        focusedIndex.current = null;
-        if (open) {
-            update === null || update === void 0 ? void 0 : update();
-        }
-    }, [open, filteredOptions.length]);
-    React.useEffect(() => {
-        var _a;
-        if (open) {
-            (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("keydown", handleContentKeydown);
-        }
-        return () => {
-            var _a;
-            (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("keydown", handleContentKeydown);
-        };
-    }, [open, optionsListRef, filteredOptions]);
-    useOnKeyDown.useOnKeyDown_2(() => {
-        if (open) {
-            handleClose();
-        }
-    }, "Escape");
-    function handleContentKeydown(event) {
-        var _a;
-        if (!hasOptionsVisible)
-            return;
-        if (event.key === "Enter" || event.key === " ") {
-            const activeElementInList = (_a = optionsListRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement);
-            if (!activeElementInList)
-                return;
-            handleKeyboardSelection(event);
-        }
-        if (event.key === "ArrowDown") {
-            handleKeyboardNavigation(event, 1);
-        }
-        if (event.key === "ArrowUp") {
-            handleKeyboardNavigation(event, -1);
-        }
-    }
-    function handleKeyboardNavigation(event, indexChange) {
-        var _a;
-        const newIndex = focusedIndex.current === null ? 0 : focusedIndex.current + indexChange;
-        if (newIndex < 0 || newIndex >= filteredOptions.length)
-            return;
-        const optionElement = (_a = optionsListRef.current) === null || _a === void 0 ? void 0 : _a.children[newIndex];
-        optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
-        focusedIndex.current = newIndex;
-        event.preventDefault();
-        event.stopPropagation();
-    }
-    function handleKeyboardSelection(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (focusedIndex.current !== null) {
-            selectionCallback(filteredOptions[focusedIndex.current]);
-        }
-    }
-    return {
-        popperRef,
-        popperStyles,
-        attributes,
-    };
-}
-
-function ComboboxContent(props) {
-    const optionsExist = props.options.length > 0;
-    const { optionsListRef } = useComboboxContent(props.open, props.selected);
-    const { popperRef, popperStyles, attributes } = useComboboxAccessibility(props.handleSelection, props.options, optionsListRef, props.open, props.wrapperRef);
-    const template = (React.createElement("div", Object.assign({ ref: popperRef, id: "ATL-Combobox-Content", "data-testid": "ATL-Combobox-Content", tabIndex: 0, className: classnames(styles.content, { [styles.hidden]: !props.open }), style: popperStyles.popper }, attributes.popper),
-        React.createElement(ComboboxContentSearch.ComboboxContentSearch, { open: props.open, placeholder: props.subjectNoun, searchValue: props.searchValue, setSearchValue: props.setSearchValue, handleSearchChange: props.handleSearchChange }),
-        props.multiselect && (optionsExist || props.selected.length > 0) && (React.createElement(ComboboxContentHeader.ComboboxContentHeader, { hasOptionsVisible: optionsExist, subjectNoun: props.subjectNoun, selectedCount: props.selected.length, onClearAll: () => {
-                props.selectedStateSetter([]);
-            }, onSelectAll: () => {
-                props.selectedStateSetter(props.options);
-            } })),
-        React.createElement(ComboboxContentList.ComboboxContentList, { multiselect: props.multiselect, options: props.options, selected: props.selected, optionsListRef: optionsListRef, searchValue: props.searchValue, subjectNoun: props.subjectNoun, loading: props.loading, onLoadMore: props.onLoadMore }),
-        props.actionElements && (React.createElement("div", { className: styles.actions, role: "group" }, props.actionElements.map((child, index, childrenArray) => (React.createElement("div", { key: index, className: classnames({
-                [styles.actionPadding]: index === childrenArray.length - 1,
-            }) }, child)))))));
-    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
-        ? ReactDOM.createPortal(template, document.body)
-        : template;
-}
-
-exports.ComboboxContent = ComboboxContent;