@jobber/components 4.81.4 → 4.81.5-fix-inline.5

package/AtlantisContext.d.ts

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

package/AtlantisContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var AtlantisContext = require("./dist/AtlantisContext");
+
+Object.keys(AtlantisContext).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return AtlantisContext[key];
+    },
+  });
+});

package/StatusIndicator.d.ts

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

package/StatusIndicator.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var StatusIndicator = require("./dist/StatusIndicator");
+
+Object.keys(StatusIndicator).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return StatusIndicator[key];
+    },
+  });
+});

package/dist/AnimatedPresence/{index.js → index.cjs}

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AnimatedPresence = require('../AnimatedPresence-20a02aaa.js');
+var AnimatedPresence = require('../AnimatedPresence-CECRZ3sF.js');
 require('react');
 require('framer-motion');
 require('@jobber/design');

package/dist/AnimatedPresence/index.mjs

@@ -0,0 +1,4 @@
+export { A as AnimatedPresence } from '../AnimatedPresence-C9Jtqwby.js';
+import 'react';
+import 'framer-motion';
+import '@jobber/design';

package/dist/AnimatedPresence-C9Jtqwby.js

@@ -0,0 +1,98 @@
+import React, { useState, useEffect, Children } from 'react';
+import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
+import { tokens } from '@jobber/design';
+
+const TIMING_QUICK = toSeconds(tokens["timing-quick"]);
+const TIMING_BASE = toSeconds(tokens["timing-base"]);
+const baseTransition = {
+    visible: { opacity: 1 },
+    hidden: { opacity: 0 },
+};
+const fade = {
+    visible: { opacity: 1 },
+    hidden: { opacity: 0 },
+};
+const popIn = {
+    visible: Object.assign({ scale: 1 }, baseTransition.visible),
+    hidden: Object.assign({ scale: 0.95 }, baseTransition.hidden),
+};
+const fromTop = {
+    visible: Object.assign({ y: 0 }, baseTransition.visible),
+    hidden: Object.assign({ y: -tokens["space-base"] }, baseTransition.hidden),
+};
+const fromBottom = {
+    visible: Object.assign({ y: 0 }, baseTransition.visible),
+    hidden: Object.assign({ y: tokens["space-base"] }, baseTransition.hidden),
+};
+const fromLeft = {
+    visible: Object.assign({ x: 0 }, baseTransition.visible),
+    hidden: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
+};
+const fromRight = {
+    visible: Object.assign({ x: 0 }, baseTransition.visible),
+    hidden: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
+};
+const fromLeftToRight = {
+    initial: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
+    visible: Object.assign({ x: 0 }, baseTransition.visible),
+    hidden: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
+};
+const fromRightToLeft = {
+    initial: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
+    visible: Object.assign({ x: 0 }, baseTransition.visible),
+    hidden: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
+};
+function toSeconds(ms) {
+    return ms / 1000;
+}
+
+function usePreviousValue(value) {
+    const [previousValue, setPreviousValue] = useState(value);
+    useEffect(() => {
+        setPreviousValue(value);
+    }, [value]);
+    return [previousValue, setPreviousValue];
+}
+
+const transitions = {
+    fromBottom,
+    fromTop,
+    fromLeft,
+    fromRight,
+    popIn,
+    fromLeftToRight,
+    fromRightToLeft,
+    fade,
+};
+function AnimatedPresence(props) {
+    const shouldReduceMotion = useReducedMotion();
+    if (shouldReduceMotion) {
+        return React.createElement(React.Fragment, null, props.children);
+    }
+    return React.createElement(InternalAnimatedPresence, Object.assign({}, props));
+}
+function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
+    const transitionVariation = transitions[transition];
+    const hasInitialTransition = "initial" in transitionVariation;
+    const childCount = Children.count(children);
+    // Set the initial value to 0 so it staggers the animation on mount when
+    // initial is true.
+    const [lastChildIndex, setLastChildIndex] = usePreviousValue(0);
+    // Whenever the children count changes, update the last index.
+    useEffect(() => {
+        setLastChildIndex(childCount - 1);
+    }, [childCount]);
+    return (React.createElement(AnimatePresence, { initial: initial, mode: "popLayout" }, Children.map(children, (child, i) => child && (React.createElement(motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
+            duration: TIMING_BASE,
+            delay: generateDelayTime(i),
+        } }, child)))));
+    function generateDelayTime(index) {
+        // Don't add a delay if it's already rendered.
+        if (lastChildIndex > index)
+            return 0;
+        // Stagger the animation starting after the previous last child index.
+        return (index - lastChildIndex) * TIMING_QUICK;
+    }
+}
+
+export { AnimatedPresence as A };

package/dist/{AnimatedPresence-20a02aaa.js → AnimatedPresence-CECRZ3sF.js}

@@ -4,10 +4,6 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var design = require('@jobber/design');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TIMING_QUICK = toSeconds(design.tokens["timing-quick"]);
 const TIMING_BASE = toSeconds(design.tokens["timing-base"]);
 const baseTransition = {
@@ -73,9 +69,9 @@ const transitions = {
 function AnimatedPresence(props) {
     const shouldReduceMotion = framerMotion.useReducedMotion();
     if (shouldReduceMotion) {
-        return React__default["default"].createElement(React__default["default"].Fragment, null, props.children);
+        return React.createElement(React.Fragment, null, props.children);
     }
-    return React__default["default"].createElement(InternalAnimatedPresence, Object.assign({}, props));
+    return React.createElement(InternalAnimatedPresence, Object.assign({}, props));
 }
 function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
     const transitionVariation = transitions[transition];
@@ -88,7 +84,7 @@ function InternalAnimatedPresence({ transition = "fromTop", initial = false, chi
     React.useEffect(() => {
         setLastChildIndex(childCount - 1);
     }, [childCount]);
-    return (React__default["default"].createElement(framerMotion.AnimatePresence, { initial: initial, mode: "popLayout" }, React.Children.map(children, (child, i) => child && (React__default["default"].createElement(framerMotion.motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
+    return (React.createElement(framerMotion.AnimatePresence, { initial: initial, mode: "popLayout" }, React.Children.map(children, (child, i) => child && (React.createElement(framerMotion.motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
             duration: TIMING_BASE,
             delay: generateDelayTime(i),
         } }, child)))));

package/dist/AnimatedSwitcher/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var AnimatedSwitcher = require('../AnimatedSwitcher-B9Ib0WXS.js');
+require('react');
+require('framer-motion');
+require('../Icon-BrJTp9Vt.js');
+require('@jobber/design');
+
+
+
+exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;

package/dist/AnimatedSwitcher/index.mjs

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

package/dist/{AnimatedSwitcher-3d45ec5d.js → AnimatedSwitcher-B9Ib0WXS.js}

@@ -2,11 +2,7 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-405a216c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Icon = require('./Icon-BrJTp9Vt.js');
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;
@@ -51,8 +47,8 @@ function AnimatedSwitcher({ initialChild, switched, switchTo, type = "slideFromB
     const [ref, setRef] = React.useState(null);
     const isSwitchingBetweenIcons = initialChild.type === Icon.Icon && switchTo.type === Icon.Icon;
     const { key, transition, child, duration } = getChildData();
-    return (React__default["default"].createElement(framerMotion.AnimatePresence, { mode: "wait", initial: false },
-        React__default["default"].createElement(framerMotion.motion.div, { ref: setRef, key: key, variants: transition, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration }, style: { display: getDisplayValue() } }, child)));
+    return (React.createElement(framerMotion.AnimatePresence, { mode: "wait", initial: false },
+        React.createElement(framerMotion.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;
@@ -90,7 +86,7 @@ function AnimatedSwitcher({ initialChild, switched, switchTo, type = "slideFromB
     }
 }
 AnimatedSwitcher.Icon = function AnimatedSwitcherIcon({ switchToIcon, switched, initialIcon, }) {
-    return (React__default["default"].createElement(AnimatedSwitcher, { switched: switched, initialChild: React__default["default"].createElement(Icon.Icon, { name: initialIcon }), switchTo: React__default["default"].createElement(Icon.Icon, { name: switchToIcon }) }));
+    return (React.createElement(AnimatedSwitcher, { switched: switched, initialChild: React.createElement(Icon.Icon, { name: initialIcon }), switchTo: React.createElement(Icon.Icon, { name: switchToIcon }) }));
 };
 
 exports.AnimatedSwitcher = AnimatedSwitcher;

package/dist/AnimatedSwitcher-iJcHkx38.js

@@ -0,0 +1,90 @@
+import React, { useState } from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { I as Icon } from './Icon-DroGZxeN.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/AtlantisContext.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export interface AtlantisContextProps {
+    /**
+     * The date format Atlantis components would use
+     */
+    readonly dateFormat: string;
+    /**
+     * The time format Atlantis components would use
+     */
+    readonly timeFormat: string;
+    /**
+     * Time zone used in converting the date and time formats
+     */
+    readonly timeZone: string;
+    /**
+     * Grabs the decimal separator and group separator based on locale
+     */
+    readonly floatSeparators: Record<"decimal" | "group", string>;
+    /**
+     * The currency symbol Atlantis components will use
+     */
+    readonly currencySymbol: string;
+    /**
+     * Change the locale of the components. This updates the strings that comes
+     * with the components, updates the date and time formats, and/or the
+     * native 3rd-party packages.
+     *
+     * @default "en"
+     */
+    readonly locale: string;
+}
+export declare const atlantisContextDefaultValues: AtlantisContextProps;
+export declare const AtlantisContext: import("react").Context<AtlantisContextProps>;
+export declare function useAtlantisContext(): AtlantisContextProps;

package/dist/AtlantisContext/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var AtlantisContext = require('../AtlantisContext-9WIbQMoM.js');
+require('react');
+
+
+
+exports.AtlantisContext = AtlantisContext.AtlantisContext;
+exports.atlantisContextDefaultValues = AtlantisContext.atlantisContextDefaultValues;
+exports.useAtlantisContext = AtlantisContext.useAtlantisContext;

package/dist/AtlantisContext/index.d.ts

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

package/dist/AtlantisContext/index.mjs

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

package/dist/AtlantisContext-9WIbQMoM.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('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 = React.createContext(atlantisContextDefaultValues);
+function useAtlantisContext() {
+    return React.useContext(AtlantisContext);
+}
+
+exports.AtlantisContext = AtlantisContext;
+exports.atlantisContextDefaultValues = atlantisContextDefaultValues;
+exports.useAtlantisContext = useAtlantisContext;

package/dist/AtlantisContext-CaXbzGjf.js

@@ -0,0 +1,18 @@
+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/Menu.d.ts

@@ -1,4 +1,4 @@
-import React, { RefObject } from "react";
+import { RefObject } from "react";
 import { Option } from "./Option";
 interface MenuProps {
     readonly visible: boolean;
@@ -10,5 +10,5 @@ interface MenuProps {
     readonly attachTo: RefObject<Element | null>;
     onOptionSelect(chosenOption: Option): void;
 }
-export declare function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }: MenuProps): React.ReactPortal;
+export declare function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }: MenuProps): JSX.Element;
 export {};

package/dist/Autocomplete/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var Autocomplete = require('../Autocomplete-8iFlvM04.js');
+require('../tslib.es6-B4nBbkFK.js');
+require('react');
+require('../debounce-1muae-Ut.js');
+require('../_commonjsHelpers-C9K4YQdM.js');
+require('../isObjectLike-YWtFvxic.js');
+require('../isSymbol-CJDTfNDS.js');
+require('classnames');
+require('react-dom');
+require('react-popper');
+require('../useOnKeyDown-DaXbWAZ6.js');
+require('../useSafeLayoutEffect-CZ6wCDjK.js');
+require('../useIsMounted-CXxfr2c8.js');
+require('../Text-DSPNdx-G.js');
+require('../Typography-CM061MDN.js');
+require('../Icon-BrJTp9Vt.js');
+require('@jobber/design');
+require('../Heading-D7OXKyAI.js');
+require('../useAtlantisConfig-CobJL-7W.js');
+require('../InputText-DrzKel_0.js');
+require('../FormField-dnMo50u0.js');
+require('react-hook-form');
+require('../Button-jIxCW0ny.js');
+require('react-router-dom');
+require('../InputValidation-B42k7Thv.js');
+require('framer-motion');
+require('../Spinner-CybMa8fZ.js');
+
+
+
+exports.Autocomplete = Autocomplete.Autocomplete;

package/dist/Autocomplete/index.mjs

@@ -0,0 +1,27 @@
+export { A as Autocomplete } from '../Autocomplete-qwqcQW-G.js';
+import '../tslib.es6-CI8-zPBP.js';
+import 'react';
+import '../debounce-D_4D9mM0.js';
+import '../_commonjsHelpers-BXnGpbsa.js';
+import '../isObjectLike-C3_86EK7.js';
+import '../isSymbol-DbK65Wqh.js';
+import 'classnames';
+import 'react-dom';
+import 'react-popper';
+import '../useOnKeyDown-CcHH4eJq.js';
+import '../useSafeLayoutEffect-CHC_rFYf.js';
+import '../useIsMounted-BE756G6o.js';
+import '../Text-BCjpwsQZ.js';
+import '../Typography-DLd7_kJN.js';
+import '../Icon-DroGZxeN.js';
+import '@jobber/design';
+import '../Heading-CUqAdDVb.js';
+import '../useAtlantisConfig-DeZLs6Di.js';
+import '../InputText-BRD2bEln.js';
+import '../FormField-CvUwWHYU.js';
+import 'react-hook-form';
+import '../Button-D4ylkMVt.js';
+import 'react-router-dom';
+import '../InputValidation-B-4mgs5R.js';
+import 'framer-motion';
+import '../Spinner-WydT8fKP.js';