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

package/dist/helpers-8ea80269.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jobberHooks = require('@jobber/hooks/useResizeObserver');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var jobberHooks__namespace = /*#__PURE__*/_interopNamespace(jobberHooks);
+
+const mockContainerWidth = (exactWidth) => {
+    jest.spyOn(jobberHooks__namespace, "useResizeObserver").mockReturnValue([
+        { current: null },
+        {
+            width: 1200,
+            height: 800,
+            exactWidth: exactWidth || 1200,
+            exactHeight: 800,
+        },
+    ]);
+};
+
+exports.mockContainerWidth = mockContainerWidth;

package/dist/index.js

@@ -0,0 +1,274 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AnimatedPresence = require('./AnimatedPresence-20a02aaa.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-3d45ec5d.js');
+var Autocomplete = require('./Autocomplete-6df9f7c0.js');
+var Avatar = require('./Avatar-76a799fa.js');
+var Banner = require('./Banner-cb621462.js');
+var Button = require('./Button-b73a5e01.js');
+var ButtonDismiss = require('./ButtonDismiss-350af163.js');
+var Card = require('./Card-e3144022.js');
+var Checkbox = require('./Checkbox-787e2e47.js');
+var Chip = require('./Chip-36397442.js');
+var ChipDismissible = require('./ChipDismissible-d12a2207.js');
+require('react');
+require('classnames');
+require('./InternalChipDismissible-5220f657.js');
+require('@jobber/hooks/useAssert');
+var Icon = require('./Icon-405a216c.js');
+var Typography = require('./Typography-c45bf216.js');
+var Tooltip = require('./Tooltip-ef3d6ef4.js');
+var Chips = require('./Chips-36b7630e.js');
+var Combobox = require('./Combobox-bf8c9ce6.js');
+var ComboboxProvider = require('./ComboboxProvider-dd21fe88.js');
+var ConfirmationModal = require('./ConfirmationModal-52e16873.js');
+var Content = require('./Content-e3f7b6fc.js');
+var Countdown = require('./Countdown-961d8a6e.js');
+var DataDump = require('./DataDump-9addf519.js');
+var DataList = require('./DataList-fc20945e.js');
+var DataTable = require('./DataTable-4afcfbc6.js');
+require('@jobber/hooks/useResizeObserver');
+var reactTable = require('@tanstack/react-table');
+var DatePicker = require('./DatePicker-64c5ab1a.js');
+var DescriptionList = require('./DescriptionList-e72dbff4.js');
+var Disclosure = require('./Disclosure-f285a6b6.js');
+var Divider = require('./Divider-46a88bea.js');
+var DrawerGrid = require('./DrawerGrid-89de9440.js');
+var Emphasis = require('./Emphasis-bda56d3b.js');
+var FeatureSwitch = require('./FeatureSwitch-6632682d.js');
+var Flex = require('./Flex-d490c4db.js');
+var Form = require('./Form-927647ef.js');
+var FormField = require('./FormField-6ff183f8.js');
+var FormatDate = require('./FormatDate-70ea5b43.js');
+var FormatEmail = require('./FormatEmail-298393bb.js');
+var FormatFile = require('./FormatFile-f036902d.js');
+var FormatRelativeDateTime = require('./FormatRelativeDateTime-6336002d.js');
+var FormatTime = require('./FormatTime-20538519.js');
+var Gallery = require('./Gallery-287d640a.js');
+var Glimmer = require('./Glimmer-84dee1ed.js');
+var Grid = require('./Grid-3b80e935.js');
+var Heading = require('./Heading-1e8e4bd3.js');
+var InlineLabel = require('./InlineLabel-a6557829.js');
+var InputAvatar = require('./InputAvatar-65e584a0.js');
+var InputDate = require('./InputDate-77bcc250.js');
+var InputEmail = require('./InputEmail-3103e37c.js');
+var InputFile = require('./InputFile-bb945071.js');
+var InputGroup = require('./InputGroup-8d4fd4eb.js');
+var InputNumber = require('./InputNumber-d451b52e.js');
+var InputPassword = require('./InputPassword-dd44b8d5.js');
+var InputPhoneNumber = require('./InputPhoneNumber-83d7ec95.js');
+var InputText = require('./InputText-55b6cb65.js');
+var InputTime = require('./InputTime-ce24b2bf.js');
+var InputValidation = require('./InputValidation-05e839fa.js');
+var LightBox = require('./LightBox-a89d8863.js');
+var Link = require('./Link-fd7301ec.js');
+var List = require('./List-b5b0b81f.js');
+var Markdown = require('./Markdown-f7c55304.js');
+var Menu = require('./Menu-083fc4c4.js');
+var Modal = require('./Modal-c336cac6.js');
+var MultiSelect = require('./MultiSelect-3b48166e.js');
+var Page = require('./Page-a9b25d27.js');
+var Popover = require('./Popover-efe863e3.js');
+var ProgressBar = require('./ProgressBar-b68edc8f.js');
+var RadioGroup = require('./RadioGroup-17b67ade.js');
+var RecurringSelect = require('./RecurringSelect-2cd2b2cf.js');
+var DayOfMonthSelect = require('./DayOfMonthSelect-d644270a.js');
+var Option = require('./Option-3c4d377e.js');
+var Spinner = require('./Spinner-9d8fc7ff.js');
+var StatusIndicator = require('./StatusIndicator-b179d06e.js');
+var StatusLabel = require('./StatusLabel-f5fdd599.js');
+var Switch = require('./Switch-7d4aa7c3.js');
+var Body = require('./Body-91ac1819.js');
+var Tabs = require('./Tabs-0dd29b9b.js');
+var Text = require('./Text-259af966.js');
+var showToast = require('./showToast-c1e660fd.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('./BannerIcon-ae763eab.js');
+require('./getAtlantisConfig-0f3e8af2.js');
+require('react-router-dom');
+require('react-hook-form');
+require('@jobber/hooks/useInView');
+require('./useChildComponent-d661dbd6.js');
+require('./useScrollToActive-056749d8.js');
+require('lodash/sortBy');
+require('@jobber/hooks/useLiveAnnounce');
+require('./ComboboxContent-1faee40b.js');
+require('./ComboboxContentSearch-889f0525.js');
+require('./ComboboxContentList-b7108426.js');
+require('./ComboboxOption-16d1c772.js');
+require('./ComboboxLoadMore-a642edaa.js');
+require('./ComboboxContentHeader-ce3f10b6.js');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useFocusTrap');
+require('./ComboboxAction-22bd2e79.js');
+require('./ComboboxTrigger-0c05930b.js');
+require('lodash/noop');
+require('./ComboboxActivator-afc63f51.js');
+require('@std-proposal/temporal');
+require('react-countdown');
+require('./DataList-b5f0a522.js');
+require('./DataListTotalCount-8373c2df.js');
+require('./DataListLoadingState-9de965f6.js');
+require('./DataListContext-f40570a7.js');
+require('./useActiveLayout-adbf2bc3.js');
+require('./useResponsiveSizing-10f0860d.js');
+require('./DataList.const-c05b47de.js');
+require('./DataListLayout-4cdcaa1f.js');
+require('./DataListItems-09c65d2c.js');
+require('./DataListLayoutContext-83df2a23.js');
+require('./DataListItem-3d39e2eb.js');
+require('./DataListItemActions-122d8972.js');
+require('./DataListActions-f8367eda.js');
+require('./DataListOverflowFade-85c826e0.js');
+require('./DataList.utils-b72b8d0d.js');
+require('lodash/isEmpty');
+require('./DataListTags-f4038ea1.js');
+require('./DataListHeaderTile-4b93f949.js');
+require('./DataListSortingOptions-4694941c.js');
+require('./DataListLayoutContext-39a0d016.js');
+require('./DataListItemActionsOverflow-9c491ed9.js');
+require('./DataListActionsMenu-cfcd5d21.js');
+require('./useBatchSelect-ac66c1cb.js');
+require('./DataListItemClickable-abe0242c.js');
+require('./DataListHeader-43a4bb92.js');
+require('./DataListBulkActions-af1fe283.js');
+require('./DataListFilters-3e5599c6.js');
+require('./DataListSort-0e8e03c9.js');
+require('./DataListStickyHeader-0728e21b.js');
+require('./DataListSearch-584f4f05.js');
+require('./DataListEmptyState-25d6c47d.js');
+require('./DataListLoadMore-20d2d817.js');
+require('./DataListAction-9d8a33e0.js');
+require('./DataListLayoutActions-9f8cc2a2.js');
+require('./DataListStatusBar-e17eff45.js');
+require('react-datepicker');
+require('lodash/omit');
+require('@jobber/hooks/useShowClear');
+require('filesize');
+require('./InternalGridCell-58643b70.js');
+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.Icon = Icon.Icon;
+exports.Typography = Typography.Typography;
+exports.Tooltip = Tooltip.Tooltip;
+exports.Chips = Chips.Chips;
+exports.Combobox = Combobox.Combobox;
+exports.ComboboxContextProvider = ComboboxProvider.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;
+exports.RecurringSelect = RecurringSelect.RecurringSelect;
+Object.defineProperty(exports, 'DurationPeriod', {
+	enumerable: true,
+	get: function () { return DayOfMonthSelect.DurationPeriod; }
+});
+Object.defineProperty(exports, 'WeekDay', {
+	enumerable: true,
+	get: function () { return DayOfMonthSelect.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/index.mjs

@@ -0,0 +1,162 @@
+export { A as AnimatedPresence } from './AnimatedPresence-bbccdaf7.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-3aff3d12.js';
+export { A as Autocomplete } from './Autocomplete-6ca7a7e5.js';
+export { A as Avatar } from './Avatar-6ffee4bd.js';
+export { B as Banner } from './Banner-2d1688c7.js';
+export { B as Button } from './Button-9ae092b3.js';
+export { B as ButtonDismiss } from './ButtonDismiss-614803be.js';
+export { C as Card } from './Card-a9861d4d.js';
+export { C as Checkbox } from './Checkbox-3ff9f47a.js';
+export { C as Chip } from './Chip-0e37aa92.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-1b8383e1.js';
+import 'react';
+import 'classnames';
+import './InternalChipDismissible-1086e333.js';
+import '@jobber/hooks/useAssert';
+export { I as Icon } from './Icon-22723fe6.js';
+export { T as Typography } from './Typography-7cc5daf5.js';
+export { T as Tooltip } from './Tooltip-d1fc7e74.js';
+export { C as Chips } from './Chips-fe5c5705.js';
+export { C as Combobox } from './Combobox-f781cae2.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-32666af1.js';
+export { C as ConfirmationModal } from './ConfirmationModal-916a1f09.js';
+export { C as Content } from './Content-c4ea919f.js';
+export { C as Countdown } from './Countdown-ac081ced.js';
+export { D as DataDump } from './DataDump-18f6e791.js';
+export { D as DataList } from './DataList-ae2efe9b.js';
+export { D as DataTable } from './DataTable-8d4b2d3a.js';
+import '@jobber/hooks/useResizeObserver';
+export { createColumnHelper } from '@tanstack/react-table';
+export { D as DatePicker } from './DatePicker-85127ebc.js';
+export { D as DescriptionList } from './DescriptionList-73241740.js';
+export { D as Disclosure } from './Disclosure-1165a958.js';
+export { D as Divider } from './Divider-30edc4ed.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-73000735.js';
+export { E as Emphasis } from './Emphasis-78cec3ac.js';
+export { F as FeatureSwitch } from './FeatureSwitch-1d6993a1.js';
+export { F as Flex } from './Flex-d565495d.js';
+export { F as Form } from './Form-6a161b07.js';
+export { F as FormField } from './FormField-8118cfc8.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-720b39cf.js';
+export { F as FormatEmail } from './FormatEmail-04ee4085.js';
+export { F as FormatFile } from './FormatFile-352cc225.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-529dc36b.js';
+export { F as FormatTime } from './FormatTime-764fd3c8.js';
+export { G as Gallery } from './Gallery-604216cb.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-aea7f8ae.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-257d509f.js';
+export { H as Heading } from './Heading-93e755cb.js';
+export { I as InlineLabel } from './InlineLabel-b7d9e402.js';
+export { I as InputAvatar } from './InputAvatar-e4eb2201.js';
+export { I as InputDate } from './InputDate-68050753.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-88d617d7.js';
+export { I as InputFile, u as updateFiles } from './InputFile-cfa53555.js';
+export { I as InputGroup } from './InputGroup-436859cf.js';
+export { I as InputNumber } from './InputNumber-0391311b.js';
+export { I as InputPassword } from './InputPassword-0ab4214d.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-bc761c12.js';
+export { I as InputText } from './InputText-8dbcfe70.js';
+export { I as InputTime } from './InputTime-13522852.js';
+export { I as InputValidation } from './InputValidation-d68fb034.js';
+export { L as LightBox } from './LightBox-2460f422.js';
+export { L as Link } from './Link-b41bc1d3.js';
+export { L as List, a as ListItem } from './List-ad77343b.js';
+export { M as Markdown } from './Markdown-8d44afcd.js';
+export { M as Menu } from './Menu-d99e0e5a.js';
+export { M as Modal } from './Modal-ecd845d2.js';
+export { M as MultiSelect } from './MultiSelect-6dcd0181.js';
+export { P as Page } from './Page-f2604b2a.js';
+export { P as Popover } from './Popover-2c6df036.js';
+export { P as ProgressBar } from './ProgressBar-a453087d.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-fe381c57.js';
+export { R as RecurringSelect } from './RecurringSelect-d6eb7eba.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-8e05c1a7.js';
+export { a as Option, S as Select } from './Option-18ddab50.js';
+export { S as Spinner } from './Spinner-5d8359b8.js';
+export { S as StatusIndicator } from './StatusIndicator-0a3a2d8a.js';
+export { S as StatusLabel } from './StatusLabel-9a8fbdd0.js';
+export { S as Switch } from './Switch-258e7a55.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-2f4bf030.js';
+export { a as Tab, T as Tabs } from './Tabs-4c37b15f.js';
+export { T as Text } from './Text-c9162504.js';
+export { s as showToast } from './showToast-59a77248.js';
+import 'framer-motion';
+import '@jobber/design';
+import './tslib.es6-c563c1dd.js';
+import 'lodash/debounce';
+import './style-inject.es-a0e1a0ba.js';
+import 'react-dom';
+import 'react-popper';
+import '@jobber/hooks/useOnKeyDown';
+import '@jobber/hooks/useSafeLayoutEffect';
+import 'color';
+import './BannerIcon-9d41540d.js';
+import './getAtlantisConfig-5b50057c.js';
+import 'react-router-dom';
+import 'react-hook-form';
+import '@jobber/hooks/useInView';
+import './useChildComponent-13989d0a.js';
+import './useScrollToActive-ace6c5ba.js';
+import 'lodash/sortBy';
+import '@jobber/hooks/useLiveAnnounce';
+import './ComboboxContent-0e67a7f3.js';
+import './ComboboxContentSearch-196e638a.js';
+import './ComboboxContentList-7f7ef48c.js';
+import './ComboboxOption-cf324e9d.js';
+import './ComboboxLoadMore-21f09a37.js';
+import './ComboboxContentHeader-97ea6800.js';
+import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks/useFocusTrap';
+import './ComboboxAction-c21dc02b.js';
+import './ComboboxTrigger-b41954f5.js';
+import 'lodash/noop';
+import './ComboboxActivator-757941db.js';
+import '@std-proposal/temporal';
+import 'react-countdown';
+import './DataList-1e0e9426.js';
+import './DataListTotalCount-cce98cf6.js';
+import './DataListLoadingState-c175094e.js';
+import './DataListContext-736a42a2.js';
+import './useActiveLayout-101129a8.js';
+import './useResponsiveSizing-c1e28e54.js';
+import './DataList.const-3ae7ceef.js';
+import './DataListLayout-99863988.js';
+import './DataListItems-00dd20c1.js';
+import './DataListLayoutContext-7daf863d.js';
+import './DataListItem-5cbf5f14.js';
+import './DataListItemActions-c5749fdc.js';
+import './DataListActions-c5ad9b23.js';
+import './DataListOverflowFade-a640f51f.js';
+import './DataList.utils-d51eb44e.js';
+import 'lodash/isEmpty';
+import './DataListTags-68b3a874.js';
+import './DataListHeaderTile-8854e4d8.js';
+import './DataListSortingOptions-8a64205a.js';
+import './DataListLayoutContext-9237afd1.js';
+import './DataListItemActionsOverflow-6004ba59.js';
+import './DataListActionsMenu-cce1bd30.js';
+import './useBatchSelect-33acc2fc.js';
+import './DataListItemClickable-127bfc7f.js';
+import './DataListHeader-bf256a20.js';
+import './DataListBulkActions-a750f601.js';
+import './DataListFilters-aaff643e.js';
+import './DataListSort-a684067a.js';
+import './DataListStickyHeader-ce11cbd9.js';
+import './DataListSearch-614b959b.js';
+import './DataListEmptyState-fcc112ac.js';
+import './DataListLoadMore-1b519950.js';
+import './DataListAction-d570e8bf.js';
+import './DataListLayoutActions-43cc8589.js';
+import './DataListStatusBar-4f692790.js';
+import 'react-datepicker';
+import 'lodash/omit';
+import '@jobber/hooks/useShowClear';
+import 'filesize';
+import './InternalGridCell-eca14dd0.js';
+import 'react-dropzone';
+import 'axios';
+import 'lodash/get';
+import 'lodash/groupBy';
+import 'react-markdown';
+import '@jobber/formatters';
+import 'react-dom/client';

package/dist/showToast-59a77248.js

@@ -0,0 +1,100 @@
+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-9ae092b3.js';
+import { T as Typography } from './Typography-7cc5daf5.js';
+
+var css_248z = ".FVK4VwhLaVQ- {\n  position: relative;\n  z-index: 1003;\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: calc(16px * 1.5);\n  bottom: var(--space-large);\n  left: 0;\n  z-index: 1003;\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 calc(16px * 1.5);\n  padding: 0 var(--space-large);\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px\n      rgba(0, 0, 0, 0.075),\n    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n  margin-top: calc(16px * 1);\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((16px / 2) / 1.25) calc(16px * 1);\n  padding: calc(calc(16px / 2) / 1.25) calc(16px * 1);\n  padding: calc(var(--space-small) / 1.25) var(--space-base);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  background: rgb(1, 41, 57);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: calc(16px * 1);\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: calc(16px * 1);\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: rgb(147, 161, 169);\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: rgba(101, 120, 132, 1);\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n  margin-left: calc(16px / 2);\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 };