@jobber/components 4.85.4-CJS-to-ESM.2 → 4.85.4-CJS-to-ESM.4

package/dist/index.cjs

@@ -1,224 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AnimatedPresence = require('./AnimatedPresence-20a02aaa.js');
-var AnimatedSwitcher = require('./AnimatedSwitcher-3d45ec5d.js');
-var Autocomplete = require('./Autocomplete-b35c7ff5.js');
-var Avatar = require('./Avatar-cccf72b9.js');
-var Banner = require('./Banner-18d94700.js');
-var Button = require('./Button-ec64869e.js');
-var ButtonDismiss = require('./ButtonDismiss-d7417429.js');
-var Card = require('./Card-27375ded.js');
-var Checkbox = require('./Checkbox-b6e46d80.js');
-var Chip = require('./Chip-24613c57.js');
-var ChipDismissible = require('./ChipDismissible-a8ecc894.js');
-require('react');
-require('classnames');
-var Chips = require('./Chips-a8f4c9f2.js');
-require('@jobber/hooks/useAssert');
-var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-fd88fcce.js');
-var Tooltip = require('./Tooltip-2e477150.js');
-var Combobox = require('./Combobox-d8d28b1e.js');
-var ConfirmationModal = require('./ConfirmationModal-09ec5d02.js');
-var Content = require('./Content-60a3452a.js');
-var Countdown = require('./Countdown-961d8a6e.js');
-var DataDump = require('./DataDump-f427abfe.js');
-var DataList = require('./DataList-4b0f9e5d.js');
-var DataTable = require('./DataTable-aab7f6b9.js');
-require('@jobber/hooks/useResizeObserver');
-var reactTable = require('@tanstack/react-table');
-var DatePicker = require('./DatePicker-c091c0d2.js');
-var DescriptionList = require('./DescriptionList-74db99a5.js');
-var Disclosure = require('./Disclosure-56309ff3.js');
-var Divider = require('./Divider-1e6ac1ec.js');
-var DrawerGrid = require('./DrawerGrid-b233d837.js');
-var Emphasis = require('./Emphasis-84de1f3f.js');
-var FeatureSwitch = require('./FeatureSwitch-ddaebf27.js');
-var Flex = require('./Flex-ddf28839.js');
-var Form = require('./Form-927647ef.js');
-var FormField = require('./FormField-fc30bb1a.js');
-var FormatDate = require('./FormatDate-70ea5b43.js');
-var FormatEmail = require('./FormatEmail-298393bb.js');
-var FormatFile = require('./FormatFile-d57b8dfa.js');
-var FormatRelativeDateTime = require('./FormatRelativeDateTime-6336002d.js');
-var FormatTime = require('./FormatTime-20538519.js');
-var Gallery = require('./Gallery-8d4d79a2.js');
-var Glimmer = require('./Glimmer-3fcdae65.js');
-var Grid = require('./Grid-cce44c9d.js');
-var Heading = require('./Heading-a8a24775.js');
-var InlineLabel = require('./InlineLabel-5144fa06.js');
-var InputAvatar = require('./InputAvatar-95c98620.js');
-var InputDate = require('./InputDate-c5f19423.js');
-var InputEmail = require('./InputEmail-4efba03d.js');
-var InputFile = require('./InputFile-921c050e.js');
-var InputGroup = require('./InputGroup-8d4fd4eb.js');
-var InputNumber = require('./InputNumber-df9cb825.js');
-var InputPassword = require('./InputPassword-08d2dfa1.js');
-var InputPhoneNumber = require('./InputPhoneNumber-cbb2ca7d.js');
-var InputText = require('./InputText-125769fd.js');
-var InputTime = require('./InputTime-3c4bdff0.js');
-var InputValidation = require('./InputValidation-4a61254d.js');
-var LightBox = require('./LightBox-3d6e74ba.js');
-var Link = require('./Link-fd7301ec.js');
-var List = require('./List-821f249d.js');
-var Markdown = require('./Markdown-36854bd5.js');
-var Menu = require('./Menu-5ce3cf41.js');
-var Modal = require('./Modal-cda55f02.js');
-var MultiSelect = require('./MultiSelect-707000e1.js');
-var Page = require('./Page-fdb087db.js');
-var Popover = require('./Popover-968c63b2.js');
-var ProgressBar = require('./ProgressBar-4ee648b7.js');
-var RadioGroup = require('./RadioGroup-68edd1e3.js');
-var RecurringSelect = require('./RecurringSelect-e391af31.js');
-var Option = require('./Option-73515eec.js');
-var Spinner = require('./Spinner-3480bc34.js');
-var StatusIndicator = require('./StatusIndicator-0c680acb.js');
-var StatusLabel = require('./StatusLabel-5bf96fdb.js');
-var Switch = require('./Switch-6c6c727b.js');
-var Body = require('./Body-22878526.js');
-var Tabs = require('./Tabs-d6c8b965.js');
-var Text = require('./Text-714f7d14.js');
-var showToast = require('./showToast-63be1cf0.js');
-require('framer-motion');
-require('@jobber/design');
-require('./tslib.es6-754e2961.js');
-require('lodash/debounce');
-require('./style-inject.es-9d2f5f4e.js');
-require('react-dom');
-require('react-popper');
-require('@jobber/hooks/useOnKeyDown');
-require('@jobber/hooks/useSafeLayoutEffect');
-require('color');
-require('./getAtlantisConfig-0f3e8af2.js');
-require('react-router-dom');
-require('react-hook-form');
-require('@jobber/hooks/useInView');
-require('lodash/sortBy');
-require('@jobber/hooks/useLiveAnnounce');
-require('@jobber/hooks/useRefocusOnActivator');
-require('@jobber/hooks/useFocusTrap');
-require('lodash/noop');
-require('@std-proposal/temporal');
-require('react-countdown');
-require('lodash/isEmpty');
-require('react-datepicker');
-require('lodash/omit');
-require('@jobber/hooks/useShowClear');
-require('filesize');
-require('react-dropzone');
-require('axios');
-require('lodash/get');
-require('lodash/groupBy');
-require('react-markdown');
-require('@jobber/formatters');
-require('react-dom/client');
-
-
-
-exports.AnimatedPresence = AnimatedPresence.AnimatedPresence;
-exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;
-exports.Autocomplete = Autocomplete.Autocomplete;
-exports.Avatar = Avatar.Avatar;
-exports.Banner = Banner.Banner;
-exports.Button = Button.Button;
-exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;
-exports.Card = Card.Card;
-exports.Checkbox = Checkbox.Checkbox;
-exports.Chip = Chip.Chip;
-exports.ChipDismissible = ChipDismissible.ChipDismissible;
-exports.ChipSelectable = ChipDismissible.ChipSelectable;
-exports.Chips = Chips.Chips;
-exports.Icon = Icon.Icon;
-exports.Typography = Typography.Typography;
-exports.Tooltip = Tooltip.Tooltip;
-exports.Combobox = Combobox.Combobox;
-exports.ComboboxContextProvider = Combobox.ComboboxContextProvider;
-exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;
-exports.Content = Content.Content;
-exports.Countdown = Countdown.Countdown;
-exports.DataDump = DataDump.DataDump;
-exports.DataList = DataList.DataList;
-exports.DataTable = DataTable.DataTable;
-Object.defineProperty(exports, 'createColumnHelper', {
-	enumerable: true,
-	get: function () { return reactTable.createColumnHelper; }
-});
-exports.DatePicker = DatePicker.DatePicker;
-exports.DescriptionList = DescriptionList.DescriptionList;
-exports.Disclosure = Disclosure.Disclosure;
-exports.Divider = Divider.Divider;
-exports.Drawer = DrawerGrid.Drawer;
-exports.DrawerGrid = DrawerGrid.DrawerGrid;
-exports.Emphasis = Emphasis.Emphasis;
-exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;
-exports.Flex = Flex.Flex;
-exports.Form = Form.Form;
-exports.FormField = FormField.FormField;
-exports.FormatDate = FormatDate.FormatDate;
-exports.strFormatDate = FormatDate.strFormatDate;
-exports.FormatEmail = FormatEmail.FormatEmail;
-exports.FormatFile = FormatFile.FormatFile;
-exports.FormatRelativeDateTime = FormatRelativeDateTime.FormatRelativeDateTime;
-exports.FormatTime = FormatTime.FormatTime;
-exports.Gallery = Gallery.Gallery;
-exports.GLIMMER_TEST_ID = Glimmer.GLIMMER_TEST_ID;
-exports.Glimmer = Glimmer.Glimmer;
-exports.GRID_TEST_ID = Grid.GRID_TEST_ID;
-exports.Grid = Grid.Grid;
-exports.Heading = Heading.Heading;
-exports.InlineLabel = InlineLabel.InlineLabel;
-exports.InputAvatar = InputAvatar.InputAvatar;
-exports.InputDate = InputDate.InputDate;
-exports.InputEmail = InputEmail.InputEmail;
-exports.validationMessage = InputEmail.validationMessage;
-exports.InputFile = InputFile.InputFile;
-exports.updateFiles = InputFile.updateFiles;
-exports.InputGroup = InputGroup.InputGroup;
-exports.InputNumber = InputNumber.InputNumber;
-exports.InputPassword = InputPassword.InputPassword;
-exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;
-exports.InputText = InputText.InputText;
-exports.InputTime = InputTime.InputTime;
-exports.InputValidation = InputValidation.InputValidation;
-exports.LightBox = LightBox.LightBox;
-exports.Link = Link.Link;
-exports.List = List.List;
-exports.ListItem = List.ListItem;
-exports.Markdown = Markdown.Markdown;
-exports.Menu = Menu.Menu;
-exports.Modal = Modal.Modal;
-exports.MultiSelect = MultiSelect.MultiSelect;
-exports.Page = Page.Page;
-exports.Popover = Popover.Popover;
-exports.ProgressBar = ProgressBar.ProgressBar;
-exports.RadioGroup = RadioGroup.RadioGroup;
-exports.RadioOption = RadioGroup.RadioOption;
-Object.defineProperty(exports, 'DurationPeriod', {
-	enumerable: true,
-	get: function () { return RecurringSelect.DurationPeriod; }
-});
-exports.RecurringSelect = RecurringSelect.RecurringSelect;
-Object.defineProperty(exports, 'WeekDay', {
-	enumerable: true,
-	get: function () { return RecurringSelect.WeekDay; }
-});
-exports.Option = Option.SelectOption;
-exports.Select = Option.Select;
-exports.Spinner = Spinner.Spinner;
-exports.StatusIndicator = StatusIndicator.StatusIndicator;
-exports.StatusLabel = StatusLabel.StatusLabel;
-exports.Switch = Switch.Switch;
-exports.Body = Body.Body;
-exports.Cell = Body.Cell;
-exports.CellCurrency = Body.CellCurrency;
-exports.CellNumeric = Body.CellNumeric;
-exports.Footer = Body.Footer;
-exports.Header = Body.Header;
-exports.Row = Body.Row;
-exports.Table = Body.Table;
-exports.Tab = Tabs.Tab;
-exports.Tabs = Tabs.Tabs;
-exports.Text = Text.Text;
-exports.showToast = showToast.showToast;

package/dist/showToast-63be1cf0.js

@@ -1,106 +0,0 @@
-'use strict';
-
-var React = require('react');
-var client = require('react-dom/client');
-var framerMotion = require('framer-motion');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Icon = require('./Icon-405a216c.js');
-var Button = require('./Button-ec64869e.js');
-var Typography = require('./Typography-fd88fcce.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var css_248z = ".FVK4VwhLaVQ- {\n  position: relative;\n  z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  right: 0;\n  bottom: var(--space-large);\n  left: 0;\n  z-index: var(--elevation-toast);\n  width: 100%;\n  box-sizing: border-box;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0 var(--space-large);\n  color: var(--color-text--reverse);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n  margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc(var(--space-small) / 1.25) var(--space-base);\n  border-radius: var(--radius-base);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n  margin-left: var(--space-small);\n}\n";
-var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","icon":"xtRB59TMHcU-","button":"cExoS0APILs-","action":"-T38wWbQUNs-"};
-styleInject_es.styleInject(css_248z);
-
-function Toast({ message, variation = "success", action, actionLabel, }) {
-    const [visible, setVisible] = React.useState(true);
-    const icon = getIcon();
-    let timer;
-    React.useEffect(() => startTimer(), []);
-    return (React__default["default"].createElement(framerMotion.AnimatePresence, null, visible && (React__default["default"].createElement(framerMotion.motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
-            opacity: 0,
-            scale: 0.8,
-            height: 0,
-            transition: { duration: 0.4 },
-        } },
-        React__default["default"].createElement("div", { className: styles.slice },
-            React__default["default"].createElement("div", { className: styles.icon },
-                React__default["default"].createElement(Icon.Icon, { color: icon.color, name: icon.name })),
-            React__default["default"].createElement(Typography.Typography, { element: "span", size: "large" }, message),
-            action && (React__default["default"].createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
-            React__default["default"].createElement("div", { className: styles.button },
-                React__default["default"].createElement(Button.Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
-    function startTimer() {
-        timer = setTimeout(() => handleToastClose(), getTimeout());
-    }
-    function stopTimer() {
-        clearTimeout(timer);
-    }
-    function handleToastClose() {
-        setVisible(false);
-    }
-    function getTimeout() {
-        const min = 5000;
-        const max = 10000;
-        const time = message.length * 200;
-        if (time < min)
-            return min;
-        if (time > max)
-            return max;
-        return time;
-    }
-    function getIcon() {
-        switch (variation) {
-            case "info":
-                return { name: "knot", color: "lightBlue" };
-            case "error":
-                return { name: "alert", color: "red" };
-            default:
-                return { name: "checkmark", color: "green" };
-        }
-    }
-}
-
-const targetId = "atlantis-toast-element";
-let target = document.querySelector(`#${targetId}`);
-if (!target) {
-    target = document.createElement("div");
-    target.id = targetId;
-    target.classList.add(styles.wrapper);
-    document.body.appendChild(target);
-}
-const root = client.createRoot(target);
-function showToast(props) {
-    // Ensure target and body is still there when rendering the toast. This is due
-    // to an issue with ReactDOM createRoot assuming document is always there and
-    // Jest taking the document down.
-    if (document.body.contains(target)) {
-        root.render(React__default["default"].createElement(ToasterOven, Object.assign({}, props)));
-    }
-}
-const ToastContainer = React.forwardRef(ToastInternal);
-function ToasterOven(props) {
-    const toastRef = React.useRef();
-    React.useEffect(() => toastRef.current.add(props));
-    return React__default["default"].createElement(ToastContainer, { ref: toastRef });
-}
-function ToastInternal(_, ref) {
-    const [toastKey, setToastKey] = React.useState(0);
-    const [toasts, setToasts] = React.useState([]);
-    React.useImperativeHandle(ref, () => ({
-        add: props => {
-            setToastKey(toastKey + 1);
-            setToasts([
-                Object.assign(Object.assign({}, props), { id: toastKey }),
-                ...toasts,
-            ]);
-        },
-    }));
-    return (React__default["default"].createElement("div", { className: styles.container }, toasts.map(toast => (React__default["default"].createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
-}
-
-exports.showToast = showToast;

package/dist/showToast-ff666be8.js

@@ -1,100 +0,0 @@
-import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
-import { createRoot } from 'react-dom/client';
-import { AnimatePresence, motion } from 'framer-motion';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { I as Icon } from './Icon-22723fe6.js';
-import { B as Button } from './Button-30154871.js';
-import { T as Typography } from './Typography-52ed1386.js';
-
-var css_248z = ".FVK4VwhLaVQ- {\n  position: relative;\n  z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  right: 0;\n  bottom: var(--space-large);\n  left: 0;\n  z-index: var(--elevation-toast);\n  width: 100%;\n  box-sizing: border-box;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0 var(--space-large);\n  color: var(--color-text--reverse);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n  margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc(var(--space-small) / 1.25) var(--space-base);\n  border-radius: var(--radius-base);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n  margin-left: var(--space-small);\n}\n";
-var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","icon":"xtRB59TMHcU-","button":"cExoS0APILs-","action":"-T38wWbQUNs-"};
-styleInject(css_248z);
-
-function Toast({ message, variation = "success", action, actionLabel, }) {
-    const [visible, setVisible] = useState(true);
-    const icon = getIcon();
-    let timer;
-    useEffect(() => startTimer(), []);
-    return (React.createElement(AnimatePresence, null, visible && (React.createElement(motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
-            opacity: 0,
-            scale: 0.8,
-            height: 0,
-            transition: { duration: 0.4 },
-        } },
-        React.createElement("div", { className: styles.slice },
-            React.createElement("div", { className: styles.icon },
-                React.createElement(Icon, { color: icon.color, name: icon.name })),
-            React.createElement(Typography, { element: "span", size: "large" }, message),
-            action && (React.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
-            React.createElement("div", { className: styles.button },
-                React.createElement(Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
-    function startTimer() {
-        timer = setTimeout(() => handleToastClose(), getTimeout());
-    }
-    function stopTimer() {
-        clearTimeout(timer);
-    }
-    function handleToastClose() {
-        setVisible(false);
-    }
-    function getTimeout() {
-        const min = 5000;
-        const max = 10000;
-        const time = message.length * 200;
-        if (time < min)
-            return min;
-        if (time > max)
-            return max;
-        return time;
-    }
-    function getIcon() {
-        switch (variation) {
-            case "info":
-                return { name: "knot", color: "lightBlue" };
-            case "error":
-                return { name: "alert", color: "red" };
-            default:
-                return { name: "checkmark", color: "green" };
-        }
-    }
-}
-
-const targetId = "atlantis-toast-element";
-let target = document.querySelector(`#${targetId}`);
-if (!target) {
-    target = document.createElement("div");
-    target.id = targetId;
-    target.classList.add(styles.wrapper);
-    document.body.appendChild(target);
-}
-const root = createRoot(target);
-function showToast(props) {
-    // Ensure target and body is still there when rendering the toast. This is due
-    // to an issue with ReactDOM createRoot assuming document is always there and
-    // Jest taking the document down.
-    if (document.body.contains(target)) {
-        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
-    }
-}
-const ToastContainer = forwardRef(ToastInternal);
-function ToasterOven(props) {
-    const toastRef = useRef();
-    useEffect(() => toastRef.current.add(props));
-    return React.createElement(ToastContainer, { ref: toastRef });
-}
-function ToastInternal(_, ref) {
-    const [toastKey, setToastKey] = useState(0);
-    const [toasts, setToasts] = useState([]);
-    useImperativeHandle(ref, () => ({
-        add: props => {
-            setToastKey(toastKey + 1);
-            setToasts([
-                Object.assign(Object.assign({}, props), { id: toastKey }),
-                ...toasts,
-            ]);
-        },
-    }));
-    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
-}
-
-export { showToast as s };