@jobber/components 4.90.5 → 4.91.0

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +0,0 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher--j45gdP1.js';
-import 'react';
-import 'framer-motion';
-import '../Icon-Dic5myD3.js';
-import '@jobber/design';

package/dist/AnimatedSwitcher--j45gdP1.js

@@ -1,90 +0,0 @@
-import React, { useState } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-Dic5myD3.js';
-
-const DURATION_SIMPLE = 0.1;
-const DURATION_AVERAGE = 0.2;
-const FADE = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const SLIDE_IN_UP = {
-    visible: { y: 0, opacity: 1 },
-    hidden: { y: "10%", opacity: 0 },
-};
-const SLIDE_IN_DOWN = {
-    visible: { y: 0, opacity: 1 },
-    hidden: { y: "-10%", opacity: 0 },
-};
-const SPIN_COUNTER_CLOCK_WISE = {
-    visible: {
-        rotate: 0,
-        scale: 1,
-        transition: { duration: DURATION_AVERAGE, ease: "easeOut" },
-    },
-    hidden: {
-        rotate: 180,
-        scale: 0.6,
-        transition: { duration: DURATION_AVERAGE, ease: "easeIn" },
-    },
-};
-const SPIN_CLOCK_WISE = {
-    visible: {
-        rotate: 0,
-        scale: 1,
-        transition: { duration: DURATION_AVERAGE, ease: "easeOut" },
-    },
-    hidden: {
-        rotate: -180,
-        scale: 0.6,
-        transition: { duration: DURATION_AVERAGE, ease: "easeIn" },
-    },
-};
-
-function AnimatedSwitcher({ initialChild, switched, switchTo, type = "slideFromBottom", }) {
-    const [ref, setRef] = useState(null);
-    const isSwitchingBetweenIcons = initialChild.type === Icon && switchTo.type === Icon;
-    const { key, transition, child, duration } = getChildData();
-    return (React.createElement(AnimatePresence, { mode: "wait", initial: false },
-        React.createElement(motion.div, { ref: setRef, key: key, variants: transition, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration }, style: { display: getDisplayValue() } }, child)));
-    function getDisplayValue() {
-        if (ref === null || ref === void 0 ? void 0 : ref.firstElementChild) {
-            return window.getComputedStyle(ref.firstElementChild).display;
-        }
-    }
-    function getChildData() {
-        let data = { key: `${initialChild.type}_1`, child: initialChild };
-        if (switched) {
-            data = { key: `${switchTo.type}_2`, child: switchTo };
-        }
-        return Object.assign(Object.assign({}, data), { transition: getTransitionType(), duration: getTransitionDuration() });
-    }
-    function getTransitionType() {
-        if (isSwitchingBetweenIcons) {
-            if (switched)
-                return SPIN_COUNTER_CLOCK_WISE;
-            return SPIN_CLOCK_WISE;
-        }
-        else if (type === "fade") {
-            return FADE;
-        }
-        else {
-            if (switched)
-                return SLIDE_IN_UP;
-            return SLIDE_IN_DOWN;
-        }
-    }
-    function getTransitionDuration() {
-        switch (type) {
-            case "fade":
-                return DURATION_AVERAGE;
-            default:
-                return DURATION_SIMPLE;
-        }
-    }
-}
-AnimatedSwitcher.Icon = function AnimatedSwitcherIcon({ switchToIcon, switched, initialIcon, }) {
-    return (React.createElement(AnimatedSwitcher, { switched: switched, initialChild: React.createElement(Icon, { name: initialIcon }), switchTo: React.createElement(Icon, { name: switchToIcon }) }));
-};
-
-export { AnimatedSwitcher as A };

package/dist/AtlantisContext/index.mjs

@@ -1,2 +0,0 @@
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-B0Zo5l8l.js';
-import 'react';

package/dist/AtlantisContext-B0Zo5l8l.js

@@ -1,18 +0,0 @@
-import { createContext, useContext } from 'react';
-
-/* eslint-disable @typescript-eslint/no-unused-vars */
-const atlantisContextDefaultValues = {
-    dateFormat: "P",
-    // The system time is "p"
-    timeFormat: "p",
-    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    floatSeparators: { group: ",", decimal: "." },
-    currencySymbol: "$",
-    locale: "en",
-};
-const AtlantisContext = createContext(atlantisContextDefaultValues);
-function useAtlantisContext() {
-    return useContext(AtlantisContext);
-}
-
-export { AtlantisContext as A, atlantisContextDefaultValues as a, useAtlantisContext as u };

package/dist/Autocomplete/index.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var Autocomplete = require('../Autocomplete-W9xb3p2A.js');
-require('../tslib.es6-BBH1pS30.js');
-require('react');
-require('../debounce-DtVkjvKH.js');
-require('../_commonjsHelpers-BHq9dk6I.js');
-require('../isObjectLike-zrq0mtNG.js');
-require('../isSymbol-B7o505jx.js');
-require('classnames');
-require('react-dom');
-require('react-popper');
-require('../useOnKeyDown-W2x-4HSi.js');
-require('../useSafeLayoutEffect-juh5vdFE.js');
-require('../useIsMounted-DfJrPzyU.js');
-require('../Text-BKFV1Z0j.js');
-require('../Typography-BiJhpsiL.js');
-require('../Icon-C05AQvkv.js');
-require('@jobber/design');
-require('../Heading-Y2BrFvzY.js');
-require('../useAtlantisConfig-Ckfr55qY.js');
-require('../InputText-C_iZe7xf.js');
-require('../FormField-RMjW742D.js');
-require('react-hook-form');
-require('../Button-BPYGeGx2.js');
-require('react-router-dom');
-require('../InputValidation-BiJTp0aC.js');
-require('framer-motion');
-require('../Spinner-CjTb3xIl.js');
-
-
-
-exports.Autocomplete = Autocomplete.Autocomplete;

package/dist/Autocomplete/index.mjs

@@ -1,27 +0,0 @@
-export { A as Autocomplete } from '../Autocomplete-DQ9t1vLy.js';
-import '../tslib.es6-5nrZ19JS.js';
-import 'react';
-import '../debounce-DHeCta_M.js';
-import '../_commonjsHelpers-Dw5gAsMR.js';
-import '../isObjectLike-53d8VfgU.js';
-import '../isSymbol-Co3-vUC1.js';
-import 'classnames';
-import 'react-dom';
-import 'react-popper';
-import '../useOnKeyDown-07RktdgP.js';
-import '../useSafeLayoutEffect-BW_VIS6-.js';
-import '../useIsMounted-BxDu0lnY.js';
-import '../Text-CfxmOdM-.js';
-import '../Typography-DscVWtp8.js';
-import '../Icon-Dic5myD3.js';
-import '@jobber/design';
-import '../Heading-D_ylbFzI.js';
-import '../useAtlantisConfig-DC3Ppo_R.js';
-import '../InputText-COr1oIHK.js';
-import '../FormField-DY5JDjdc.js';
-import 'react-hook-form';
-import '../Button-BH4Hhr2S.js';
-import 'react-router-dom';
-import '../InputValidation-CCkTBcxQ.js';
-import 'framer-motion';
-import '../Spinner-DGO8_Jsa.js';

package/dist/Autocomplete-DQ9t1vLy.js

@@ -1,190 +0,0 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5nrZ19JS.js';
-import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { d as debounce } from './debounce-DHeCta_M.js';
-import classnames from 'classnames';
-import { createPortal } from 'react-dom';
-import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-07RktdgP.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-BW_VIS6-.js';
-import { u as useIsMounted_2 } from './useIsMounted-BxDu0lnY.js';
-import { T as Text } from './Text-CfxmOdM-.js';
-import { I as Icon } from './Icon-Dic5myD3.js';
-import { H as Heading } from './Heading-D_ylbFzI.js';
-import { I as InputText } from './InputText-COr1oIHK.js';
-
-var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
-
-var IndexChange;
-(function (IndexChange) {
-    IndexChange[IndexChange["Previous"] = -1] = "Previous";
-    IndexChange[IndexChange["Next"] = 1] = "Next";
-})(IndexChange || (IndexChange = {}));
-// Adding useIsMounted is what tipped this to 13 statements.
-// Any additions beyond useIsMounted should probably see this component refactored a bit
-// eslint-disable-next-line max-statements
-function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
-    const [highlightedIndex, setHighlightedIndex] = useState(0);
-    const { menuRef, setMenuRef, styles: popperStyles, attributes, targetWidth, } = useRepositionMenu(attachTo, visible);
-    const detectSeparatorCondition = (option) => option.description || option.details;
-    const detectGroups = (option) => option.options;
-    const addSeparators = options.some(detectSeparatorCondition);
-    const initialHighlight = options.some(detectGroups) ? 1 : 0;
-    setupKeyListeners();
-    useEffect(() => setHighlightedIndex(initialHighlight), [options]);
-    const mounted = useIsMounted_2();
-    const menu = (React.createElement("div", Object.assign({ className: classnames(styles.options, { [styles.visible]: visible }), ref: setMenuRef, style: Object.assign(Object.assign({}, popperStyles.popper), { width: targetWidth }) }, attributes.popper), options.map((option, index) => {
-        const optionClass = classnames(styles.option, {
-            [styles.active]: index === highlightedIndex,
-            [styles.separator]: addSeparators,
-        });
-        if (isGroup(option)) {
-            return (React.createElement("div", { key: option.label, className: styles.heading },
-                React.createElement(Heading, { level: 5 }, option.label)));
-        }
-        return (React.createElement("button", { className: optionClass, key: option.value, onMouseDown: onOptionSelect.bind(undefined, option) },
-            React.createElement("div", { className: styles.icon }, isOptionSelected(selectedOption, option) && (React.createElement(Icon, { name: "checkmark", size: "small" }))),
-            React.createElement("div", { className: styles.text },
-                React.createElement("div", { className: styles.label },
-                    React.createElement(Text, null, option.label),
-                    option.description !== undefined && (React.createElement(Text, { variation: "subdued" }, option.description))),
-                option.details !== undefined && (React.createElement("div", { className: styles.details },
-                    React.createElement(Text, null, option.details))))));
-    })));
-    return mounted.current ? createPortal(menu, document.body) : menu;
-    function setupKeyListeners() {
-        useEffect(() => {
-            var _a, _b;
-            (_b = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.children[highlightedIndex]) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, {
-                behavior: "smooth",
-                block: "nearest",
-                inline: "start",
-            });
-        }, [highlightedIndex]);
-        useOnKeyDown_2((event) => {
-            const indexChange = arrowKeyPress(event, IndexChange.Next);
-            if (indexChange) {
-                setHighlightedIndex(Math.min(options.length - 1, highlightedIndex + indexChange));
-            }
-        }, "ArrowDown");
-        useOnKeyDown_2((event) => {
-            const indexChange = arrowKeyPress(event, IndexChange.Previous);
-            if (indexChange) {
-                setHighlightedIndex(Math.max(0, highlightedIndex + indexChange));
-            }
-        }, "ArrowUp");
-        useOnKeyDown_2((event) => {
-            if (!visible)
-                return;
-            if (isGroup(options[highlightedIndex]))
-                return;
-            event.preventDefault();
-            onOptionSelect(options[highlightedIndex]);
-        }, "Enter");
-    }
-    function arrowKeyPress(event, direction) {
-        if (!visible)
-            return;
-        event.preventDefault();
-        const requestedIndex = options[highlightedIndex + direction];
-        return requestedIndex && isGroup(requestedIndex)
-            ? direction + direction
-            : direction;
-    }
-}
-function isOptionSelected(selectedOption, option) {
-    return selectedOption && selectedOption.value === option.value;
-}
-function isGroup(option) {
-    if (option.options)
-        return true;
-    return false;
-}
-function useRepositionMenu(attachTo, visible = false) {
-    var _a;
-    const [menuRef, setMenuRef] = useState();
-    const popper = usePopper(attachTo.current, menuRef, {
-        modifiers: [
-            { name: "offset", options: { offset: [0, 8] } },
-            { name: "flip", options: { fallbackPlacements: ["top"] } },
-        ],
-    });
-    useSafeLayoutEffect_1(() => {
-        var _a;
-        (_a = popper === null || popper === void 0 ? void 0 : popper.update) === null || _a === void 0 ? void 0 : _a.call(popper);
-    }, [visible]);
-    const targetWidth = (_a = attachTo.current) === null || _a === void 0 ? void 0 : _a.clientWidth;
-    return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
-}
-
-// Max statements increased to make room for the debounce functions
-/* eslint max-statements: ["error", 14] */
-function AutocompleteInternal(_a, ref) {
-    var _b;
-    var { initialOptions = [], value, allowFreeForm = true, size = undefined, debounce: debounceRate = 300, onChange, getOptions, placeholder, onBlur, onFocus, validations } = _a, inputProps = __rest(_a, ["initialOptions", "value", "allowFreeForm", "size", "debounce", "onChange", "getOptions", "placeholder", "onBlur", "onFocus", "validations"]);
-    const [options, setOptions] = useState(initialOptions);
-    const [menuVisible, setMenuVisible] = useState(false);
-    const [inputText, setInputText] = useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
-    const autocompleteRef = useRef(null);
-    const delayedSearch = debounce(updateSearch, debounceRate);
-    useEffect(() => {
-        delayedSearch();
-        return delayedSearch.cancel;
-    }, [inputText]);
-    useEffect(() => {
-        var _a;
-        updateInput((_a = value === null || value === void 0 ? void 0 : value.label) !== null && _a !== void 0 ? _a : "");
-    }, [value]);
-    return (React.createElement("div", { className: styles.autocomplete, ref: autocompleteRef },
-        React.createElement(InputText, Object.assign({ ref: ref, autocomplete: false, size: size, value: inputText, onChange: handleInputChange, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, validations: validations }, inputProps)),
-        menuVisible && (React.createElement(Menu, { attachTo: autocompleteRef, visible: menuVisible && options.length > 0, options: options, selectedOption: value, onOptionSelect: handleMenuChange }))));
-    function updateInput(newText) {
-        setInputText(newText);
-        if (newText === "") {
-            setOptions(mapToOptions(initialOptions));
-        }
-    }
-    function updateSearch() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const updatedOptions = yield getOptions(inputText);
-            const filteredOptions = updatedOptions.filter((option) => "options" in option && option.options ? option.options.length > 0 : true);
-            setOptions(mapToOptions(filteredOptions));
-        });
-    }
-    function handleMenuChange(chosenOption) {
-        onChange(chosenOption);
-        updateInput(chosenOption.label);
-        setMenuVisible(false);
-    }
-    function handleInputChange(newText) {
-        updateInput(newText);
-        if (allowFreeForm) {
-            onChange({ label: newText });
-        }
-    }
-    function handleInputBlur() {
-        setMenuVisible(false);
-        if (value == undefined || value.label !== inputText) {
-            setInputText("");
-            onChange(undefined);
-        }
-        onBlur && onBlur();
-    }
-    function handleInputFocus() {
-        setMenuVisible(true);
-        if (onFocus) {
-            onFocus();
-        }
-    }
-}
-function mapToOptions(items) {
-    return items.reduce(function (result, item) {
-        result = result.concat([item]);
-        if (item.options) {
-            result = result.concat(item.options);
-        }
-        return result;
-    }, []);
-}
-const Autocomplete = forwardRef(AutocompleteInternal);
-
-export { Autocomplete as A };

package/dist/Autocomplete-W9xb3p2A.js

@@ -1,192 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-BBH1pS30.js');
-var React = require('react');
-var debounce = require('./debounce-DtVkjvKH.js');
-var classnames = require('classnames');
-var ReactDOM = require('react-dom');
-var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-W2x-4HSi.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-juh5vdFE.js');
-var useIsMounted = require('./useIsMounted-DfJrPzyU.js');
-var Text = require('./Text-BKFV1Z0j.js');
-var Icon = require('./Icon-C05AQvkv.js');
-var Heading = require('./Heading-Y2BrFvzY.js');
-var InputText = require('./InputText-C_iZe7xf.js');
-
-var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
-
-var IndexChange;
-(function (IndexChange) {
-    IndexChange[IndexChange["Previous"] = -1] = "Previous";
-    IndexChange[IndexChange["Next"] = 1] = "Next";
-})(IndexChange || (IndexChange = {}));
-// Adding useIsMounted is what tipped this to 13 statements.
-// Any additions beyond useIsMounted should probably see this component refactored a bit
-// eslint-disable-next-line max-statements
-function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
-    const [highlightedIndex, setHighlightedIndex] = React.useState(0);
-    const { menuRef, setMenuRef, styles: popperStyles, attributes, targetWidth, } = useRepositionMenu(attachTo, visible);
-    const detectSeparatorCondition = (option) => option.description || option.details;
-    const detectGroups = (option) => option.options;
-    const addSeparators = options.some(detectSeparatorCondition);
-    const initialHighlight = options.some(detectGroups) ? 1 : 0;
-    setupKeyListeners();
-    React.useEffect(() => setHighlightedIndex(initialHighlight), [options]);
-    const mounted = useIsMounted.useIsMounted_2();
-    const menu = (React.createElement("div", Object.assign({ className: classnames(styles.options, { [styles.visible]: visible }), ref: setMenuRef, style: Object.assign(Object.assign({}, popperStyles.popper), { width: targetWidth }) }, attributes.popper), options.map((option, index) => {
-        const optionClass = classnames(styles.option, {
-            [styles.active]: index === highlightedIndex,
-            [styles.separator]: addSeparators,
-        });
-        if (isGroup(option)) {
-            return (React.createElement("div", { key: option.label, className: styles.heading },
-                React.createElement(Heading.Heading, { level: 5 }, option.label)));
-        }
-        return (React.createElement("button", { className: optionClass, key: option.value, onMouseDown: onOptionSelect.bind(undefined, option) },
-            React.createElement("div", { className: styles.icon }, isOptionSelected(selectedOption, option) && (React.createElement(Icon.Icon, { name: "checkmark", size: "small" }))),
-            React.createElement("div", { className: styles.text },
-                React.createElement("div", { className: styles.label },
-                    React.createElement(Text.Text, null, option.label),
-                    option.description !== undefined && (React.createElement(Text.Text, { variation: "subdued" }, option.description))),
-                option.details !== undefined && (React.createElement("div", { className: styles.details },
-                    React.createElement(Text.Text, null, option.details))))));
-    })));
-    return mounted.current ? ReactDOM.createPortal(menu, document.body) : menu;
-    function setupKeyListeners() {
-        React.useEffect(() => {
-            var _a, _b;
-            (_b = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.children[highlightedIndex]) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, {
-                behavior: "smooth",
-                block: "nearest",
-                inline: "start",
-            });
-        }, [highlightedIndex]);
-        useOnKeyDown.useOnKeyDown_2((event) => {
-            const indexChange = arrowKeyPress(event, IndexChange.Next);
-            if (indexChange) {
-                setHighlightedIndex(Math.min(options.length - 1, highlightedIndex + indexChange));
-            }
-        }, "ArrowDown");
-        useOnKeyDown.useOnKeyDown_2((event) => {
-            const indexChange = arrowKeyPress(event, IndexChange.Previous);
-            if (indexChange) {
-                setHighlightedIndex(Math.max(0, highlightedIndex + indexChange));
-            }
-        }, "ArrowUp");
-        useOnKeyDown.useOnKeyDown_2((event) => {
-            if (!visible)
-                return;
-            if (isGroup(options[highlightedIndex]))
-                return;
-            event.preventDefault();
-            onOptionSelect(options[highlightedIndex]);
-        }, "Enter");
-    }
-    function arrowKeyPress(event, direction) {
-        if (!visible)
-            return;
-        event.preventDefault();
-        const requestedIndex = options[highlightedIndex + direction];
-        return requestedIndex && isGroup(requestedIndex)
-            ? direction + direction
-            : direction;
-    }
-}
-function isOptionSelected(selectedOption, option) {
-    return selectedOption && selectedOption.value === option.value;
-}
-function isGroup(option) {
-    if (option.options)
-        return true;
-    return false;
-}
-function useRepositionMenu(attachTo, visible = false) {
-    var _a;
-    const [menuRef, setMenuRef] = React.useState();
-    const popper = reactPopper.usePopper(attachTo.current, menuRef, {
-        modifiers: [
-            { name: "offset", options: { offset: [0, 8] } },
-            { name: "flip", options: { fallbackPlacements: ["top"] } },
-        ],
-    });
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
-        var _a;
-        (_a = popper === null || popper === void 0 ? void 0 : popper.update) === null || _a === void 0 ? void 0 : _a.call(popper);
-    }, [visible]);
-    const targetWidth = (_a = attachTo.current) === null || _a === void 0 ? void 0 : _a.clientWidth;
-    return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
-}
-
-// Max statements increased to make room for the debounce functions
-/* eslint max-statements: ["error", 14] */
-function AutocompleteInternal(_a, ref) {
-    var _b;
-    var { initialOptions = [], value, allowFreeForm = true, size = undefined, debounce: debounceRate = 300, onChange, getOptions, placeholder, onBlur, onFocus, validations } = _a, inputProps = tslib_es6.__rest(_a, ["initialOptions", "value", "allowFreeForm", "size", "debounce", "onChange", "getOptions", "placeholder", "onBlur", "onFocus", "validations"]);
-    const [options, setOptions] = React.useState(initialOptions);
-    const [menuVisible, setMenuVisible] = React.useState(false);
-    const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
-    const autocompleteRef = React.useRef(null);
-    const delayedSearch = debounce.debounce(updateSearch, debounceRate);
-    React.useEffect(() => {
-        delayedSearch();
-        return delayedSearch.cancel;
-    }, [inputText]);
-    React.useEffect(() => {
-        var _a;
-        updateInput((_a = value === null || value === void 0 ? void 0 : value.label) !== null && _a !== void 0 ? _a : "");
-    }, [value]);
-    return (React.createElement("div", { className: styles.autocomplete, ref: autocompleteRef },
-        React.createElement(InputText.InputText, Object.assign({ ref: ref, autocomplete: false, size: size, value: inputText, onChange: handleInputChange, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, validations: validations }, inputProps)),
-        menuVisible && (React.createElement(Menu, { attachTo: autocompleteRef, visible: menuVisible && options.length > 0, options: options, selectedOption: value, onOptionSelect: handleMenuChange }))));
-    function updateInput(newText) {
-        setInputText(newText);
-        if (newText === "") {
-            setOptions(mapToOptions(initialOptions));
-        }
-    }
-    function updateSearch() {
-        return tslib_es6.__awaiter(this, void 0, void 0, function* () {
-            const updatedOptions = yield getOptions(inputText);
-            const filteredOptions = updatedOptions.filter((option) => "options" in option && option.options ? option.options.length > 0 : true);
-            setOptions(mapToOptions(filteredOptions));
-        });
-    }
-    function handleMenuChange(chosenOption) {
-        onChange(chosenOption);
-        updateInput(chosenOption.label);
-        setMenuVisible(false);
-    }
-    function handleInputChange(newText) {
-        updateInput(newText);
-        if (allowFreeForm) {
-            onChange({ label: newText });
-        }
-    }
-    function handleInputBlur() {
-        setMenuVisible(false);
-        if (value == undefined || value.label !== inputText) {
-            setInputText("");
-            onChange(undefined);
-        }
-        onBlur && onBlur();
-    }
-    function handleInputFocus() {
-        setMenuVisible(true);
-        if (onFocus) {
-            onFocus();
-        }
-    }
-}
-function mapToOptions(items) {
-    return items.reduce(function (result, item) {
-        result = result.concat([item]);
-        if (item.options) {
-            result = result.concat(item.options);
-        }
-        return result;
-    }, []);
-}
-const Autocomplete = React.forwardRef(AutocompleteInternal);
-
-exports.Autocomplete = Autocomplete;

package/dist/Avatar/index.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var Avatar = require('../Avatar-DTFS2kFm.js');
-require('react');
-require('classnames');
-require('color');
-require('../Icon-C05AQvkv.js');
-require('@jobber/design');
-
-
-
-exports.Avatar = Avatar.Avatar;

package/dist/Avatar/index.mjs

@@ -1,6 +0,0 @@
-export { A as Avatar } from '../Avatar-BPd8t6BU.js';
-import 'react';
-import 'classnames';
-import 'color';
-import '../Icon-Dic5myD3.js';
-import '@jobber/design';

package/dist/Avatar-BPd8t6BU.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import Color from 'color';
-import { I as Icon } from './Icon-Dic5myD3.js';
-
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
-
-function isDark(colorToCheck) {
-    if (colorToCheck == undefined) {
-        return false;
-    }
-    if (colorToCheck) {
-        try {
-            return Color(deconstructCssCustomProperty(colorToCheck)).isDark();
-        }
-        catch (err) {
-            console.log(err);
-        }
-    }
-    return false;
-}
-function deconstructCssCustomProperty(color) {
-    if (!color) {
-        return;
-    }
-    if (!color.toLowerCase().startsWith("var(")) {
-        return color;
-    }
-    /**
-     * Rips apart the `var(--custom-property)` into just `--custom-property`.
-     */
-    const customProperty = color
-        .replace("var(", "")
-        .slice(0, -1)
-        .split(" ")
-        .join("");
-    return getComputedStyle(document.documentElement)
-        .getPropertyValue(customProperty)
-        .trim();
-}
-
-function Avatar({ imageUrl, name, initials, size = "base", color, }) {
-    const style = {
-        backgroundColor: color,
-        borderColor: color,
-    };
-    if (imageUrl) {
-        style.backgroundImage = `url(${imageUrl})`;
-    }
-    const shouldBeDark = color == undefined || isDark(color);
-    const className = classnames(styles.avatar, size !== "base" && styles[size], {
-        [styles.hasBorder]: imageUrl && color,
-        [styles.isDark]: shouldBeDark,
-    });
-    return (React.createElement("div", { className: className, style: style, role: imageUrl && "img", "aria-label": name }, !imageUrl && (React.createElement(Initials, { initials: initials, dark: shouldBeDark, iconSize: size }))));
-}
-function Initials({ initials, dark = false, iconSize = "base", }) {
-    if (!initials) {
-        return (React.createElement(Icon, { name: "person", color: dark ? "white" : "blue", size: iconSize }));
-    }
-    const className = classnames(styles.initials, {
-        [styles.smallInitials]: initials.length > 2,
-    });
-    return React.createElement("span", { className: className }, initials.substr(0, 3));
-}
-
-export { Avatar as A };