@jobber/components 5.20.8-SCOTTTHd.45 → 5.20.8-SCOTTTHs-a30bcbb.35

package/dist/ComboboxOption-CxxAN5VX.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var Icon = require('./Icon-wS5vpmx3.js');
-var Flex = require('./Flex-BT1VFJD1.js');
-var ComboboxProvider = require('./ComboboxProvider-Bmopsc_X.js');
-
-var styles = {"option":"_5QdRGmaNHvc-","spinning":"_9bX2EydIApc-"};
-
-function ComboboxOption(props) {
-    const { selected, selectionHandler } = React.useContext(ComboboxProvider.ComboboxContext);
-    const isSelected = selected.some(selection => selection.id.toString() === props.id.toString());
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: () => selectionHandler &&
-            selectionHandler({ id: props.id, label: props.label }), className: classnames(styles.option) },
-        React.createElement(Flex.Flex, { template: props.prefix ? ["shrink", "grow"] : ["grow"] },
-            props.prefix,
-            props.label),
-        React.createElement("div", null, isSelected && React.createElement(Icon.Icon, { name: "checkmark", color: "interactiveSubtle" }))));
-}
-
-exports.ComboboxOption = ComboboxOption;

package/dist/ComboboxOption-ENdI1SgL.js

@@ -1,20 +0,0 @@
-import React, { useContext } from 'react';
-import classnames from 'classnames';
-import { I as Icon } from './Icon-CTO4wvIZ.js';
-import { F as Flex } from './Flex-CoImqyEY.js';
-import { a as ComboboxContext } from './ComboboxProvider-DoixiYnH.js';
-
-var styles = {"option":"_5QdRGmaNHvc-","spinning":"_9bX2EydIApc-"};
-
-function ComboboxOption(props) {
-    const { selected, selectionHandler } = useContext(ComboboxContext);
-    const isSelected = selected.some(selection => selection.id.toString() === props.id.toString());
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: () => selectionHandler &&
-            selectionHandler({ id: props.id, label: props.label }), className: classnames(styles.option) },
-        React.createElement(Flex, { template: props.prefix ? ["shrink", "grow"] : ["grow"] },
-            props.prefix,
-            props.label),
-        React.createElement("div", null, isSelected && React.createElement(Icon, { name: "checkmark", color: "interactiveSubtle" }))));
-}
-
-export { ComboboxOption as C };

package/dist/ComboboxTrigger-DEKZgigb.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { C as Chip } from './Chip-HN-yvMRs.js';
-import './tslib.es6-eq3zexCS.js';
-import { I as Icon } from './Icon-CTO4wvIZ.js';
-import { a as ComboboxContext } from './ComboboxProvider-DoixiYnH.js';
-
-function ComboboxTrigger({ label = "Select", selected, }) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxContext);
-    const hasSelection = selected.length;
-    const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: () => {
-            if (open) {
-                handleClose();
-            }
-            else {
-                setOpen(true);
-            }
-        }, role: "combobox" }, !hasSelection && (React.createElement(Chip.Suffix, null,
-        React.createElement(Icon, { name: "add", size: "small" })))));
-}
-
-export { ComboboxTrigger as C };

package/dist/ComboboxTrigger-DYxVlkMP.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Chip = require('./Chip-DtGMkBV0.js');
-require('./tslib.es6-Bi0OHwyo.js');
-var Icon = require('./Icon-wS5vpmx3.js');
-var ComboboxProvider = require('./ComboboxProvider-Bmopsc_X.js');
-
-function ComboboxTrigger({ label = "Select", selected, }) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxProvider.ComboboxContext);
-    const hasSelection = selected.length;
-    const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip.Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: () => {
-            if (open) {
-                handleClose();
-            }
-            else {
-                setOpen(true);
-            }
-        }, role: "combobox" }, !hasSelection && (React.createElement(Chip.Chip.Suffix, null,
-        React.createElement(Icon.Icon, { name: "add", size: "small" })))));
-}
-
-exports.ComboboxTrigger = ComboboxTrigger;

package/dist/Content/Spacing.css.d.ts

@@ -1,13 +0,0 @@
-declare const styles: {
-  readonly "minuscule": string;
-  readonly "smallest": string;
-  readonly "smaller": string;
-  readonly "small": string;
-  readonly "base": string;
-  readonly "large": string;
-  readonly "larger": string;
-  readonly "largest": string;
-  readonly "extravagant": string;
-};
-export = styles;
-

package/dist/Content-CEpXEhkM.js

@@ -1,13 +0,0 @@
-import { createElement } from 'react';
-import classnames from 'classnames';
-
-var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-","spinning":"eKABdCW6tY4-"};
-
-var styles = {"padded":"_4On2F-4nWuY-","spinning":"UhzNYh0kfWw-"};
-
-function Content({ children, spacing = "base", type = "div", }) {
-    const className = classnames(styles.padded, spacings[spacing]);
-    return createElement(type, { className }, children);
-}
-
-export { Content as C };

package/dist/Content-CaBYhgC3.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-
-var spacings = {"minuscule":"_340SlNuzSDQ-","smallest":"H1BK-YSBQBQ-","smaller":"xUe31mY0kro-","small":"rDJFaGPzCbE-","base":"SRYe3DkjH1c-","large":"_7TZ4MI3kr4Y-","larger":"jvPl3aAN9PA-","largest":"fFTgb4ra1X0-","extravagant":"kKnfL37LO6A-","spinning":"eKABdCW6tY4-"};
-
-var styles = {"padded":"_4On2F-4nWuY-","spinning":"UhzNYh0kfWw-"};
-
-function Content({ children, spacing = "base", type = "div", }) {
-    const className = classnames(styles.padded, spacings[spacing]);
-    return React.createElement(type, { className }, children);
-}
-
-exports.Content = Content;

package/dist/DataList-BTo_KfD9.js

@@ -1,3 +0,0 @@
-var styles = {"wrapper":"TkdrExYnvcY-","titleContainer":"IcAlZHoB4LI-","headerFilters":"TFO76ysivmg-","headerTitles":"jGHZZYZm1ZY-","batchSelectContainer":"GiD7MjZJbcw-","headerBatchSelect":"jMSVGIAr5tk-","listItem":"ise8kHCfhCY-","listItemClickable":"Tq6e0BGwcSM-","active":"Pc0JGX6jCD4-","selectable":"d-79rkMqufg-","selectAllCheckbox":"qm-SSuWTXkI-","visible":"VA9RnQp6nbI-","selected":"_4L7iXXzLr5k-","filtering":"Kkp-IYmwq-s-","filteringSpinner":"m-eCShL7TU4-","srOnly":"esUiRgWabYw-","spinning":"Ty0bGFDKG1E-"};
-
-export { styles as s };

package/dist/DataList-C05oJJef.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var styles = {"wrapper":"TkdrExYnvcY-","titleContainer":"IcAlZHoB4LI-","headerFilters":"TFO76ysivmg-","headerTitles":"jGHZZYZm1ZY-","batchSelectContainer":"GiD7MjZJbcw-","headerBatchSelect":"jMSVGIAr5tk-","listItem":"ise8kHCfhCY-","listItemClickable":"Tq6e0BGwcSM-","active":"Pc0JGX6jCD4-","selectable":"d-79rkMqufg-","selectAllCheckbox":"qm-SSuWTXkI-","visible":"VA9RnQp6nbI-","selected":"_4L7iXXzLr5k-","filtering":"Kkp-IYmwq-s-","filteringSpinner":"m-eCShL7TU4-","srOnly":"esUiRgWabYw-","spinning":"Ty0bGFDKG1E-"};
-
-exports.styles = styles;

package/dist/Disclosure-py7mVUgl.js

@@ -1,33 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-BwWFM8ke.js';
-import { I as Icon } from './Icon-CTO4wvIZ.js';
-import { T as Typography } from './Typography-DdPGuT7r.js';
-
-var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-","spinning":"DYQizmZjq-4-"};
-
-function Disclosure({ children, title, defaultOpen = false, }) {
-    const [isOpen, setOpen] = useState(defaultOpen);
-    const [isMounted, setMount] = useState(false);
-    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.Breakpoints.small;
-    useEffect(() => {
-        setMount(true);
-    }, []);
-    return (React.createElement("details", { open: isOpen, onToggle: onToggle, className: styles.details },
-        React.createElement("summary", { className: styles.summary },
-            React.createElement("div", { className: styles.summaryWrap, ref: titleRef },
-                React.createElement(Typography, { element: "h4", size: isBelowBreakpoint ? "base" : "large", fontWeight: "bold", textColor: "heading" }, title),
-                React.createElement("span", { className: styles.arrowIconWrapper },
-                    React.createElement(Icon, { size: "large", name: "arrowDown", color: "green" })))),
-        React.createElement("span", { className: styles.content }, children)));
-    function onToggle(event) {
-        event.preventDefault();
-        const { open: currentToggleState } = event.target;
-        if (!isMounted || currentToggleState === isOpen) {
-            return;
-        }
-        setOpen(!currentToggleState);
-    }
-}
-
-export { Disclosure as D };

package/dist/Disclosure-tTbDfbeo.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useResizeObserver = require('./useResizeObserver-D5xC3eGa.js');
-var Icon = require('./Icon-wS5vpmx3.js');
-var Typography = require('./Typography-KvPMVZyR.js');
-
-var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-","spinning":"DYQizmZjq-4-"};
-
-function Disclosure({ children, title, defaultOpen = false, }) {
-    const [isOpen, setOpen] = React.useState(defaultOpen);
-    const [isMounted, setMount] = React.useState(false);
-    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver.useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.useResizeObserver.Breakpoints.small;
-    React.useEffect(() => {
-        setMount(true);
-    }, []);
-    return (React.createElement("details", { open: isOpen, onToggle: onToggle, className: styles.details },
-        React.createElement("summary", { className: styles.summary },
-            React.createElement("div", { className: styles.summaryWrap, ref: titleRef },
-                React.createElement(Typography.Typography, { element: "h4", size: isBelowBreakpoint ? "base" : "large", fontWeight: "bold", textColor: "heading" }, title),
-                React.createElement("span", { className: styles.arrowIconWrapper },
-                    React.createElement(Icon.Icon, { size: "large", name: "arrowDown", color: "green" })))),
-        React.createElement("span", { className: styles.content }, children)));
-    function onToggle(event) {
-        event.preventDefault();
-        const { open: currentToggleState } = event.target;
-        if (!isMounted || currentToggleState === isOpen) {
-            return;
-        }
-        setOpen(!currentToggleState);
-    }
-}
-
-exports.Disclosure = Disclosure;

package/dist/Gallery/Gallery.css.d.ts

@@ -1,9 +0,0 @@
-declare const styles: {
-  readonly "gallery": string;
-  readonly "galleryLarge": string;
-  readonly "showMoreButton": string;
-  readonly "baseShowMoreButton": string;
-  readonly "largeShowMoreButton": string;
-};
-export = styles;
-

package/dist/Glimmer/style/Shape.css.d.ts

@@ -1,9 +0,0 @@
-declare const styles: {
-  readonly "rectangle": string;
-  readonly "rectangleShort": string;
-  readonly "rectangleShorter": string;
-  readonly "square": string;
-  readonly "circle": string;
-};
-export = styles;
-

package/dist/Glimmer/style/Sizes.css.d.ts

@@ -1,10 +0,0 @@
-declare const styles: {
-  readonly "small": string;
-  readonly "base": string;
-  readonly "large": string;
-  readonly "larger": string;
-  readonly "largest": string;
-  readonly "auto": string;
-};
-export = styles;
-

package/dist/Glimmer/style/Timing.css.d.ts

@@ -1,6 +0,0 @@
-declare const styles: {
-  readonly "base": string;
-  readonly "fast": string;
-};
-export = styles;
-

package/dist/Grid/GridAlign.css.d.ts

@@ -1,8 +0,0 @@
-declare const styles: {
-  readonly "center": string;
-  readonly "start": string;
-  readonly "end": string;
-  readonly "stretch": string;
-};
-export = styles;
-

package/dist/Grid/GridCell.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from "react";
-import { GridCellProps } from "./InternalGridCell";
-export declare function GridCell(props: PropsWithChildren<GridCellProps>): JSX.Element;

package/dist/Grid/InternalGridCell/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var InternalGridCell = require('../../InternalGridCell-DhxLvsrY.js');
-require('react');
-
-
-
-exports.GRID_CELL_TEST_ID = InternalGridCell.GRID_CELL_TEST_ID;
-exports.InternalGridCell = InternalGridCell.InternalGridCell;

package/dist/Grid/InternalGridCell/index.d.ts

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

package/dist/Grid/InternalGridCell/index.mjs

@@ -1,2 +0,0 @@
-export { G as GRID_CELL_TEST_ID, I as InternalGridCell } from '../../InternalGridCell-CQKLbhI9.js';
-import 'react';

package/dist/Grid-B0onC24R.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { I as InternalGridCell } from './InternalGridCell-CQKLbhI9.js';
-import { u as useAssert_2 } from './useAssert-xvUPWi_D.js';
-
-var styles = {"grid":"NqFGJV-UF3Q-","gap":"IZLiiSquUTM-","spinning":"-pwRZg8Je-U-"};
-
-var alignments = {"center":"_8XlrWg3FV-Q-","start":"uKzqJPlYxJs-","end":"CSBjeFlj2xQ-","stretch":"BYyFdzONXyk-","spinning":"PIi73AygDz0-"};
-
-// Only need the component to pass in the data as a react children
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function GridCell(props) {
-    // Throw error when <Grid.Cell /> gets used outside of the <Grid />
-    useAssert_2(true, "`<Grid.Cell>` can only be used inside of a `<Grid>` component!");
-    return React.createElement(React.Fragment, null);
-}
-
-const GRID_TEST_ID = "ATL-Grid";
-function Grid({ alignItems = "start", gap = true, children, }) {
-    const classnames$1 = classnames(styles.grid, alignments[alignItems], {
-        [styles.gap]: gap,
-    });
-    return (React.createElement("div", { "data-testid": GRID_TEST_ID, className: classnames$1 }, React.Children.map(children, ({ props }) => {
-        return React.createElement(InternalGridCell, Object.assign({}, props));
-    })));
-}
-Grid.Cell = GridCell;
-
-export { GRID_TEST_ID as G, Grid as a };

package/dist/Grid-CLUJG66w.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var InternalGridCell = require('./InternalGridCell-DhxLvsrY.js');
-var useAssert = require('./useAssert-CqTVaTm7.js');
-
-var styles = {"grid":"NqFGJV-UF3Q-","gap":"IZLiiSquUTM-","spinning":"-pwRZg8Je-U-"};
-
-var alignments = {"center":"_8XlrWg3FV-Q-","start":"uKzqJPlYxJs-","end":"CSBjeFlj2xQ-","stretch":"BYyFdzONXyk-","spinning":"PIi73AygDz0-"};
-
-// Only need the component to pass in the data as a react children
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function GridCell(props) {
-    // Throw error when <Grid.Cell /> gets used outside of the <Grid />
-    useAssert.useAssert_2(true, "`<Grid.Cell>` can only be used inside of a `<Grid>` component!");
-    return React.createElement(React.Fragment, null);
-}
-
-const GRID_TEST_ID = "ATL-Grid";
-function Grid({ alignItems = "start", gap = true, children, }) {
-    const classnames$1 = classnames(styles.grid, alignments[alignItems], {
-        [styles.gap]: gap,
-    });
-    return (React.createElement("div", { "data-testid": GRID_TEST_ID, className: classnames$1 }, React.Children.map(children, ({ props }) => {
-        return React.createElement(InternalGridCell.InternalGridCell, Object.assign({}, props));
-    })));
-}
-Grid.Cell = GridCell;
-
-exports.GRID_TEST_ID = GRID_TEST_ID;
-exports.Grid = Grid;

package/dist/InlineLabel-5yKzcCcg.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { T as Typography } from './Typography-DdPGuT7r.js';
-
-var styles = {"inlineLabel":"S72WkdRbhc0-","base":"bMWuAXJHkbw-","large":"ui07veHjPII-","larger":"WIXhLSQ7z8A-","greyBlue":"_8RuKvOhj-Ro-","red":"_2vEF1nvVWm8-","orange":"Wt305sIAeoE-","green":"F8KkNxz8W3A-","success":"LJQb00ufiyQ-","blue":"URZZoKSX4So-","inactive":"c6sFmqajaYE-","navy":"OeLBV-9i0Rs-","task":"BAQHvQZjbyA-","yellow":"_2Xwx5tarf1w-","warning":"VYi1KJGzm9U-","lime":"iCqIjI7GkEk-","purple":"_4iEIjiZj9oA-","invoice":"vS3TEIwvOts-","pink":"JRW9QFSjLTA-","quote":"D8txxeUYzFs-","teal":"fbhprd-Gl8k-","yellowGreen":"yrF9aZSaTdw-","job":"vn6HwAFptJ4-","blueDark":"RPvjah0FdjI-","lightBlue":"apwauWJ6ITc-","informative":"CcbIpjwK7jU-","indigo":"n8qJynvE-n0-","request":"Y-cTpwjcfOA-","spinning":"Bec7BWqGuis-"};
-
-function InlineLabel({ size = "base", color = "greyBlue", children, }) {
-    const className = classnames(styles.inlineLabel, styles[size], styles[color]);
-    const sizeMapper = {
-        base: "small",
-        large: "large",
-        larger: "large",
-    };
-    return (React.createElement("span", { className: className },
-        React.createElement(Typography, { element: "span", size: sizeMapper[size] }, children)));
-}
-
-export { InlineLabel as I };

package/dist/InlineLabel-fTs0BbSm.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var Typography = require('./Typography-KvPMVZyR.js');
-
-var styles = {"inlineLabel":"S72WkdRbhc0-","base":"bMWuAXJHkbw-","large":"ui07veHjPII-","larger":"WIXhLSQ7z8A-","greyBlue":"_8RuKvOhj-Ro-","red":"_2vEF1nvVWm8-","orange":"Wt305sIAeoE-","green":"F8KkNxz8W3A-","success":"LJQb00ufiyQ-","blue":"URZZoKSX4So-","inactive":"c6sFmqajaYE-","navy":"OeLBV-9i0Rs-","task":"BAQHvQZjbyA-","yellow":"_2Xwx5tarf1w-","warning":"VYi1KJGzm9U-","lime":"iCqIjI7GkEk-","purple":"_4iEIjiZj9oA-","invoice":"vS3TEIwvOts-","pink":"JRW9QFSjLTA-","quote":"D8txxeUYzFs-","teal":"fbhprd-Gl8k-","yellowGreen":"yrF9aZSaTdw-","job":"vn6HwAFptJ4-","blueDark":"RPvjah0FdjI-","lightBlue":"apwauWJ6ITc-","informative":"CcbIpjwK7jU-","indigo":"n8qJynvE-n0-","request":"Y-cTpwjcfOA-","spinning":"Bec7BWqGuis-"};
-
-function InlineLabel({ size = "base", color = "greyBlue", children, }) {
-    const className = classnames(styles.inlineLabel, styles[size], styles[color]);
-    const sizeMapper = {
-        base: "small",
-        large: "large",
-        larger: "large",
-    };
-    return (React.createElement("span", { className: className },
-        React.createElement(Typography.Typography, { element: "span", size: sizeMapper[size] }, children)));
-}
-
-exports.InlineLabel = InlineLabel;

package/dist/InternalChipDismissible-3bZKOK4l.js

@@ -1,152 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { a as useInternalChipDismissibleInput, d as useScrollToActive, b as useInView, c as useRepositionMenu, u as useInternalChipDismissible } from './useScrollToActive-Dk6VJxd0.js';
-import './isObjectLike-DULN_z8K.js';
-import '@jobber/design';
-import 'react-popper';
-import { a as debounce } from './debounce-DFMQASje.js';
-import classnames from 'classnames';
-import { T as Text } from './Text-DLaIGPdO.js';
-import { B as Button } from './Button-DjIsGUK9.js';
-import { S as Spinner } from './Spinner-DwfGkh1X.js';
-import { u as useAssert_2 } from './useAssert-xvUPWi_D.js';
-import { I as Icon } from './Icon-CTO4wvIZ.js';
-import { A as Avatar } from './Avatar-u57B1DIL.js';
-import { T as Typography } from './Typography-DdPGuT7r.js';
-import { T as Tooltip } from './Tooltip-HlS3EKBv.js';
-
-var styles$1 = {"wrapper":"zn6onyiQVmA-","chip":"PEnZzMEgbhU-","hasPrefix":"dtysUhwYdG4-","hasSuffix":"xGaMCAYsdwA-","clickable":"SNT7gGV-h-o-","input":"W4D98cvEth4-","active":"_0hEzaTXK9M0-","invalid":"JApS2787BU8-","disabled":"Kg0c8WVgMpg-","button":"_0-ZWexS4Gfg-","icon":"DQPnZP4UZpw-","spinning":"_233cNMGKLQo-"};
-
-function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
-    const buttonRef = useRef();
-    return (React.createElement("div", { ref: buttonRef, className: styles$1.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": true, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
-        React.createElement(Icon, { name: icon, color: getColor() })));
-    function handleKeyUp(event) {
-        if (document.activeElement === buttonRef.current &&
-            (event.key === " " || event.key === "Enter")) {
-            event.stopPropagation();
-            buttonRef.current.click();
-        }
-    }
-    function handleKeyDown(event) {
-        if (document.activeElement === buttonRef.current && event.key === " ") {
-            // Don't scroll down
-            event.preventDefault();
-        }
-    }
-    function getColor() {
-        if (disabled)
-            return "disabled";
-        if (invalid)
-            return "critical";
-        return "greyBlue";
-    }
-    function handleClick(event) {
-        event.stopPropagation();
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }
-}
-
-function InternalChipAffix({ affix, active, invalid, disabled, }) {
-    assertProps();
-    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Avatar) {
-        return React.createElement(Avatar, Object.assign({}, affix.props, { size: "small" }));
-    }
-    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Icon) {
-        return renderChipIcon(affix);
-    }
-    if ((affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton) {
-        return React.createElement(InternalChipButton, Object.assign({}, affix.props));
-    }
-    return React.createElement(React.Fragment, null);
-    function renderChipIcon(icon) {
-        const color = getIconColor();
-        return (React.createElement("div", { className: styles$1.icon }, React.cloneElement(icon, Object.assign({ size: "base" }, (color && { color: color })))));
-    }
-    function getIconColor() {
-        if (disabled && !active)
-            return "disabled";
-        if (invalid && !disabled)
-            return "critical";
-        if (active)
-            return "white";
-        return;
-    }
-    function assertProps() {
-        const isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar || false;
-        const isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon || false;
-        const isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
-        useAssert_2(!!affix && !(isAvatar || isIcon || isChipButton), `Prefix prop only accepts "<Avatar />" or "<Icon />" component. You have "${affix === null || affix === void 0 ? void 0 : affix.type}".`);
-    }
-}
-
-function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
-    const [truncateRef, setTruncateRef] = useState();
-    const isClickable = onClick && !disabled;
-    const classNames = classnames(styles$1.chip, {
-        [styles$1.clickable]: isClickable,
-        [styles$1.active]: active,
-        [styles$1.disabled]: disabled,
-        [styles$1.invalid]: invalid,
-        [styles$1.hasPrefix]: prefix,
-        [styles$1.hasSuffix]: suffix,
-    });
-    const affixProps = { active, invalid, disabled };
-    const Tag = onClick ? "button" : "div";
-    const chip = (React.createElement(Tag, Object.assign({ className: classNames }, (isClickable && { onClick, disabled }), { onKeyDown: onKeyDown, "data-testid": "chip-wrapper", "aria-label": ariaLabel, tabIndex: tabIndex, role: tabIndex !== undefined ? "option" : undefined }),
-        React.createElement(InternalChipAffix, Object.assign({ affix: prefix }, affixProps)),
-        React.createElement(Typography, { element: "span", numberOfLines: 1, size: "base" },
-            React.createElement("span", { ref: setTruncateRef }, label)),
-        React.createElement(InternalChipAffix, Object.assign({ affix: suffix }, affixProps))));
-    return isTruncated() ? React.createElement(Tooltip, { message: label }, chip) : chip;
-    function isTruncated() {
-        var _a;
-        const truncateParentHeight = ((_a = truncateRef === null || truncateRef === void 0 ? void 0 : truncateRef.parentElement) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
-        const truncateChildHeight = (truncateRef === null || truncateRef === void 0 ? void 0 : truncateRef.offsetHeight) || 0;
-        return truncateChildHeight >= truncateParentHeight * 2;
-    }
-}
-
-var styles = {"wrapper":"sCNIjluCskc-","input":"MFUlz1WQLdk-","menu":"V9eYJdjPAeY-","menuList":"LdytkOeCU9c-","menuListOption":"y7Cz2u8BuNE-","loadingIndicator":"_-7bmao8Q9As-","activeOption":"iCwWdcmtInc-","spinning":"c88tg50FoHI-"};
-
-function InternalChipDismissibleInput(props) {
-    const { activator = React.createElement(Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, } = props;
-    const { activeIndex, allOptions, hasAvailableOptions, inputRef, menuId, menuOpen, searchValue, generateDescendantId, handleBlur, handleOpenMenu, handleSearchChange, handleCancelBlur, handleEnableBlur, handleSetActiveOnMouseOver, handleKeyDown, handleSelectOption, handleDebouncedSearch, } = useInternalChipDismissibleInput(props);
-    const menuRef = useScrollToActive(activeIndex);
-    const { ref: visibleChildRef, isInView } = useInView();
-    const { styles: popperStyles, attributes, update, setPositionedElementRef, } = useRepositionMenu(attachTo);
-    useEffect(() => {
-        if (menuOpen && update)
-            update();
-    }, [allOptions]);
-    useEffect(() => {
-        handleDebouncedSearch();
-        return handleDebouncedSearch.cancel;
-    }, [searchValue]);
-    useEffect(() => {
-        isInView && onLoadMore && onLoadMore(searchValue);
-    }, [isInView]);
-    if (!menuOpen) {
-        return React.cloneElement(activator, { onClick: handleOpenMenu });
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
-        (hasAvailableOptions || isLoadingMore) && (React.createElement("div", Object.assign({ ref: setPositionedElementRef, className: styles.menu, style: popperStyles.popper }, attributes.popper),
-            React.createElement("div", { ref: menuRef, role: "listbox", id: menuId, className: styles.menuList, "data-testid": "chip-menu" },
-                allOptions.map((option, i) => (React.createElement("button", { key: option.value, role: "option", type: "button", id: generateDescendantId(i), className: classnames(styles.menuListOption, {
-                        [styles.activeOption]: activeIndex === i,
-                    }), onClick: () => handleSelectOption(option), onMouseEnter: handleSetActiveOnMouseOver(i), onMouseDown: handleCancelBlur, onMouseUp: handleEnableBlur },
-                    React.createElement("span", { "aria-hidden": true }, option.prefix),
-                    React.createElement(Text, null, option.label)))),
-                React.createElement("div", { ref: visibleChildRef }),
-                isLoadingMore && (React.createElement("div", { className: styles.loadingIndicator },
-                    React.createElement(Spinner, { size: "small", inline: true }))))))));
-}
-
-function InternalChipDismissible(props) {
-    const { availableChipOptions, ref: wrapperRef, sortedVisibleChipOptions, handleChipAdd, handleChipClick, handleChipKeyDown, handleChipRemove, handleCustomAdd, handleWrapperKeyDown, } = useInternalChipDismissible(props);
-    return (React.createElement("div", { ref: wrapperRef, className: styles.wrapper, "data-testid": "dismissible-chips", onKeyDown: handleWrapperKeyDown, role: "listbox" },
-        sortedVisibleChipOptions.map(chip => (React.createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.label}. Press delete or backspace to remove ${chip.label}`, tabIndex: 0, suffix: React.createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
-        React.createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
-}
-
-export { InternalChipDismissible as I, InternalChip as a, InternalChipButton as b, styles$1 as s };