@jobber/components 4.90.5 → 4.90.6

package/dist/InputTime-_Oc4Hp9L.js

@@ -1,190 +0,0 @@
-import { _ as __rest } from './tslib.es6-5nrZ19JS.js';
-import React, { useState, useCallback, useEffect, useRef } from 'react';
-import { CivilTime } from '@std-proposal/temporal';
-import { d as debounce } from './debounce-DHeCta_M.js';
-import { F as FormField } from './FormField-DY5JDjdc.js';
-
-function civilTimeToHTMLTime(civilTime) {
-    if (civilTime == undefined) {
-        return "";
-    }
-    const timeString = civilTime.toString();
-    return timeString.slice(0, 5);
-}
-function htmlTimeToCivilTime(timeString) {
-    try {
-        return CivilTime.fromString(timeString + ":00.000000000");
-    }
-    catch (_a) {
-        return undefined;
-    }
-}
-
-const DEBOUNCE_TIME = 300;
-function useTimePredict({ value, handleChange }) {
-    const [IS_12_HOUR_FORMAT, set12HourFormat] = useState(false);
-    const [typedTime, setTypedTime] = useState("");
-    const predictTime = useCallback(debounce(() => {
-        if (value)
-            return;
-        handleChange(predictHours(typedTime, IS_12_HOUR_FORMAT));
-    }, DEBOUNCE_TIME), [typedTime, value, handleChange, IS_12_HOUR_FORMAT]);
-    useEffect(() => {
-        set12HourFormat(Boolean(Intl.DateTimeFormat(navigator.language, {
-            hour: "numeric",
-        }).resolvedOptions().hour12));
-    }, []);
-    /**
-     * Predict the hour when user types a number
-     */
-    useEffect(() => {
-        /**
-         * Don't try to predict if the user types 0 as the user would almost always
-         * type another number after 0.
-         */
-        if (typedTime && typedTime !== "0") {
-            predictTime();
-            if ((IS_12_HOUR_FORMAT && typedTime !== "1") || typedTime.length === 2) {
-                // Immediately predict the hour
-                predictTime.flush();
-            }
-        }
-        return predictTime.cancel;
-    }, [typedTime]);
-    /**
-     * Reset typed time when the value changed
-     */
-    useEffect(() => {
-        setTypedTime("");
-    }, [value]);
-    return {
-        setTypedTime,
-    };
-}
-function predictHours(time, is12HourFormat = false) {
-    const today = new Date();
-    const currentHour = today.getHours();
-    const parsedTime = parseInt(time, 10);
-    let predictedTime;
-    if (is12HourFormat) {
-        predictedTime = predict12Hours(parsedTime, currentHour);
-    }
-    else {
-        predictedTime = predict24Hours(time, parsedTime, currentHour);
-    }
-    return formatHour(predictedTime);
-}
-function predict12Hours(parsedTime, currentHour) {
-    /**
-     * We need to predict what the user wants when they type 1 since it could be
-     * 10, 11, 12, or 1.
-     *
-     * If the current hour is over 12PM, we can skip this and go to the next logic.
-     */
-    if (parsedTime === 1 && currentHour < 12) {
-        if (currentHour < 10) {
-            return 10;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 1-5 predicts that the user want that exact hour on the afternoon.
-     */
-    if (parsedTime <= 5) {
-        return parsedTime + 12;
-    }
-    /**
-     * Typing 13-15 predicts that the user want the 2nd number as the minute interval.
-     */
-    if (parsedTime > 12 && parsedTime <= 15) {
-        const timeArray = parsedTime.toString().split("").map(Number); // 13 -> [1, 3]
-        const convertToHoursAndMinutes = timeArray.map((time, i) => {
-            if (i === 0)
-                return time + 12; // 1 -> 13 as 1PM
-            if (i === 1)
-                return time * 10; // 3 -> 30 as 30 minutes
-        });
-        return Number(convertToHoursAndMinutes.join("")); // [13, 30] -> 1330
-    }
-    /**
-     * Anything after 5 will be predicted to be set as AM.
-     */
-    return parsedTime;
-}
-function predict24Hours(time, parsedTime, currentHour) {
-    /**
-     * Typing 1 could be predicted from 10 to 19.
-     * Typing 01 skips this logic and sets the time to 01:00.
-     */
-    if (parsedTime === 1 && time !== "01") {
-        if (currentHour < 10 || currentHour > 19) {
-            return 10;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 2 could be predicted from 20 to 24.
-     * Typing 02 skips this logic and sets the time to 02:00.
-     */
-    if (parsedTime === 2 && time !== "02") {
-        if (currentHour < 20) {
-            return 20;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 24 or 00 is set to midnight. This ensures the time doesn't get set
-     * to 24 as that would be invalid.
-     */
-    if (parsedTime === 24 || time === "00") {
-        return 0;
-    }
-    return parsedTime;
-}
-function formatHour(time) {
-    if (time > 99) {
-        const splitTime = time.toString().split("");
-        if (splitTime.length === 3)
-            splitTime.unshift("0"); // 130 -> 0130
-        splitTime.splice(2, 0, ":"); // 0130 -> 01:30
-        return splitTime.join("");
-    }
-    if (time < 10) {
-        return `0${time}:00`;
-    }
-    return `${time}:00`;
-}
-
-function InputTime(_a) {
-    var { defaultValue, value, onChange } = _a, params = __rest(_a, ["defaultValue", "value", "onChange"]);
-    const ref = useRef(null);
-    const { setTypedTime } = useTimePredict({ value, handleChange });
-    const fieldProps = Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: civilTimeToHTMLTime(defaultValue) })), (!defaultValue && { value: civilTimeToHTMLTime(value) })), params);
-    return (React.createElement(FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
-            var _a;
-            (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
-            !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        } })));
-    function handleChange(newValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(htmlTimeToCivilTime(newValue));
-    }
-    function handleBlur() {
-        var _a;
-        (_a = params.onBlur) === null || _a === void 0 ? void 0 : _a.call(params);
-        // Time inputs doesn't clear the typed value when it's invalid. This should
-        // force it to reset the input value when the typed value is invalid.
-        if (ref.current) {
-            if (!ref.current.checkValidity()) {
-                ref.current.value = "";
-            }
-        }
-    }
-}
-
-export { InputTime as I };

package/dist/InputValidation/index.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var InputValidation = require('../InputValidation-BiJTp0aC.js');
-require('react');
-require('framer-motion');
-require('../Text-BKFV1Z0j.js');
-require('../Typography-BiJhpsiL.js');
-require('classnames');
-require('../Icon-C05AQvkv.js');
-require('@jobber/design');
-
-
-
-exports.InputValidation = InputValidation.InputValidation;

package/dist/InputValidation/index.mjs

@@ -1,8 +0,0 @@
-export { I as InputValidation } from '../InputValidation-CCkTBcxQ.js';
-import 'react';
-import 'framer-motion';
-import '../Text-CfxmOdM-.js';
-import '../Typography-DscVWtp8.js';
-import 'classnames';
-import '../Icon-Dic5myD3.js';
-import '@jobber/design';

package/dist/InputValidation-BiJTp0aC.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var Text = require('./Text-BKFV1Z0j.js');
-var Icon = require('./Icon-C05AQvkv.js');
-
-var styles = {"hasValidationMessage":"sc-bFJieXBA-","message":"xybhC5Y6mk4-"};
-
-function InputValidation({ message }) {
-    const messages = [message];
-    const variants = {
-        slideOut: { y: "5%", opacity: 0 },
-        slideIn: { y: 0, opacity: 1 },
-    };
-    return (React.createElement(React.Fragment, null, messages && messages.length > 0 && (React.createElement(framerMotion.AnimatePresence, { mode: "wait" }, messages.map(msg => (React.createElement(framerMotion.motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
-        React.createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
-            React.createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),
-            React.createElement(Text.Text, { size: "small", variation: "error" }, msg)))))))));
-}
-
-exports.InputValidation = InputValidation;

package/dist/InputValidation-CCkTBcxQ.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { T as Text } from './Text-CfxmOdM-.js';
-import { I as Icon } from './Icon-Dic5myD3.js';
-
-var styles = {"hasValidationMessage":"sc-bFJieXBA-","message":"xybhC5Y6mk4-"};
-
-function InputValidation({ message }) {
-    const messages = [message];
-    const variants = {
-        slideOut: { y: "5%", opacity: 0 },
-        slideIn: { y: 0, opacity: 1 },
-    };
-    return (React.createElement(React.Fragment, null, messages && messages.length > 0 && (React.createElement(AnimatePresence, { mode: "wait" }, messages.map(msg => (React.createElement(motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
-        React.createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
-            React.createElement(Icon, { name: "alert", size: "small", color: "critical" }),
-            React.createElement(Text, { size: "small", variation: "error" }, msg)))))))));
-}
-
-export { InputValidation as I };

package/dist/InternalChipDismissible-D8UrPjJC.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-CQdgd_Dw.js';
-import './isObjectLike-53d8VfgU.js';
-import '@jobber/design';
-import 'react-popper';
-import { d as debounce } from './debounce-DHeCta_M.js';
-import classnames from 'classnames';
-import { T as Text } from './Text-CfxmOdM-.js';
-import { B as Button } from './Button-BH4Hhr2S.js';
-import { S as Spinner } from './Spinner-DGO8_Jsa.js';
-import { u as useAssert_2 } from './useAssert-CSmf3rDf.js';
-import { I as Icon } from './Icon-Dic5myD3.js';
-import { A as Avatar } from './Avatar-BPd8t6BU.js';
-import { T as Typography } from './Typography-DscVWtp8.js';
-import { T as Tooltip } from './Tooltip-BrnUcSMD.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-"};
-
-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-"};
-
-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 };

package/dist/InternalChipDismissible-DUluzwH6.js

@@ -1,157 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useScrollToActive = require('./useScrollToActive-DP9nvfrv.js');
-require('./isObjectLike-zrq0mtNG.js');
-require('@jobber/design');
-require('react-popper');
-var debounce = require('./debounce-DtVkjvKH.js');
-var classnames = require('classnames');
-var Text = require('./Text-BKFV1Z0j.js');
-var Button = require('./Button-BPYGeGx2.js');
-var Spinner = require('./Spinner-CjTb3xIl.js');
-var useAssert = require('./useAssert-BTe43jaI.js');
-var Icon = require('./Icon-C05AQvkv.js');
-var Avatar = require('./Avatar-DTFS2kFm.js');
-var Typography = require('./Typography-BiJhpsiL.js');
-var Tooltip = require('./Tooltip-PbQMMMXT.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-"};
-
-function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
-    const buttonRef = React.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.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.Avatar) {
-        return React.createElement(Avatar.Avatar, Object.assign({}, affix.props, { size: "small" }));
-    }
-    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Icon.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.Avatar || false;
-        const isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon || false;
-        const isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
-        useAssert.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] = React.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.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.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-"};
-
-function InternalChipDismissibleInput(props) {
-    const { activator = React.createElement(Button.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, } = useScrollToActive.useInternalChipDismissibleInput(props);
-    const menuRef = useScrollToActive.useScrollToActive(activeIndex);
-    const { ref: visibleChildRef, isInView } = useScrollToActive.useInView();
-    const { styles: popperStyles, attributes, update, setPositionedElementRef, } = useScrollToActive.useRepositionMenu(attachTo);
-    React.useEffect(() => {
-        if (menuOpen && update)
-            update();
-    }, [allOptions]);
-    React.useEffect(() => {
-        handleDebouncedSearch();
-        return handleDebouncedSearch.cancel;
-    }, [searchValue]);
-    React.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.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.Text, null, option.label)))),
-                React.createElement("div", { ref: visibleChildRef }),
-                isLoadingMore && (React.createElement("div", { className: styles.loadingIndicator },
-                    React.createElement(Spinner.Spinner, { size: "small", inline: true }))))))));
-}
-
-function InternalChipDismissible(props) {
-    const { availableChipOptions, ref: wrapperRef, sortedVisibleChipOptions, handleChipAdd, handleChipClick, handleChipKeyDown, handleChipRemove, handleCustomAdd, handleWrapperKeyDown, } = useScrollToActive.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 })));
-}
-
-exports.InternalChip = InternalChip;
-exports.InternalChipButton = InternalChipButton;
-exports.InternalChipDismissible = InternalChipDismissible;
-exports.styles = styles$1;

package/dist/InternalGridCell-Bi4IFFO8.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var styles = {"gridCell":"YJHtDDKq6WI-"};
-
-/**
- * Breakpoints that we support
- */
-const breakpoints = ["xs", "sm", "md", "lg", "xl"];
-const MAX_COLUMNS = 12;
-const GRID_CELL_TEST_ID = "ATL-Grid-GridCell";
-function InternalGridCell({ size, children, }) {
-    /**
-     * Build CSS variables for column sizes for all possible breakpoints to size
-     * the column
-     */
-    const cssSizeVariables = breakpoints.reduce(getSizeCSSVariables(size), {});
-    return (React.createElement("div", { "data-testid": GRID_CELL_TEST_ID, className: styles.gridCell, style: cssSizeVariables }, children));
-}
-function getSizeCSSVariables(size) {
-    return (breakpointsObj, currentSize) => {
-        let columnSize = size[currentSize];
-        // If a column size isn't provided in the size prop, use the previous
-        // breakpoint's value
-        if (!columnSize) {
-            const existingValues = Object.values(breakpointsObj);
-            const lastKnownValue = existingValues[existingValues.length - 1];
-            columnSize = lastKnownValue || MAX_COLUMNS;
-        }
-        breakpointsObj[`--gridCell--size-${currentSize}`] = columnSize;
-        return breakpointsObj;
-    };
-}
-
-exports.GRID_CELL_TEST_ID = GRID_CELL_TEST_ID;
-exports.InternalGridCell = InternalGridCell;

package/dist/InternalGridCell-CE9IQZwO.js

@@ -1,34 +0,0 @@
-import React from 'react';
-
-var styles = {"gridCell":"YJHtDDKq6WI-"};
-
-/**
- * Breakpoints that we support
- */
-const breakpoints = ["xs", "sm", "md", "lg", "xl"];
-const MAX_COLUMNS = 12;
-const GRID_CELL_TEST_ID = "ATL-Grid-GridCell";
-function InternalGridCell({ size, children, }) {
-    /**
-     * Build CSS variables for column sizes for all possible breakpoints to size
-     * the column
-     */
-    const cssSizeVariables = breakpoints.reduce(getSizeCSSVariables(size), {});
-    return (React.createElement("div", { "data-testid": GRID_CELL_TEST_ID, className: styles.gridCell, style: cssSizeVariables }, children));
-}
-function getSizeCSSVariables(size) {
-    return (breakpointsObj, currentSize) => {
-        let columnSize = size[currentSize];
-        // If a column size isn't provided in the size prop, use the previous
-        // breakpoint's value
-        if (!columnSize) {
-            const existingValues = Object.values(breakpointsObj);
-            const lastKnownValue = existingValues[existingValues.length - 1];
-            columnSize = lastKnownValue || MAX_COLUMNS;
-        }
-        breakpointsObj[`--gridCell--size-${currentSize}`] = columnSize;
-        return breakpointsObj;
-    };
-}
-
-export { GRID_CELL_TEST_ID as G, InternalGridCell as I };