@jobber/components 4.85.6-CJS-to-ESM.4 → 4.85.6

package/dist/Emphasis/index.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var Emphasis = require('../Emphasis-B3vf8Ek9.js');
-require('react');
-require('../Typography-Dx8KtnBw.js');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-
-
-
-exports.Emphasis = Emphasis.Emphasis;

package/dist/Emphasis/index.mjs

@@ -1,5 +0,0 @@
-export { E as Emphasis } from '../Emphasis-xxFrrT2i.js';
-import 'react';
-import '../Typography-G8pA_xwj.js';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';

package/dist/Emphasis-B3vf8Ek9.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Typography = require('./Typography-Dx8KtnBw.js');
-
-function Emphasis({ variation, children }) {
-    const variationMap = {
-        bold: { element: "b", fontWeight: "bold" },
-        italic: { element: "em", emphasisType: "italic" },
-        highlight: { element: "strong", emphasisType: "highlight" },
-    };
-    return React.createElement(Typography.Typography, Object.assign({}, variationMap[variation]), children);
-}
-
-exports.Emphasis = Emphasis;

package/dist/Emphasis-xxFrrT2i.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { T as Typography } from './Typography-G8pA_xwj.js';
-
-function Emphasis({ variation, children }) {
-    const variationMap = {
-        bold: { element: "b", fontWeight: "bold" },
-        italic: { element: "em", emphasisType: "italic" },
-        highlight: { element: "strong", emphasisType: "highlight" },
-    };
-    return React.createElement(Typography, Object.assign({}, variationMap[variation]), children);
-}
-
-export { Emphasis as E };

package/dist/FeatureSwitch/index.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var FeatureSwitch = require('../FeatureSwitch-C6OjQJWH.js');
-require('react');
-require('framer-motion');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-require('../Heading-suKDLmO4.js');
-require('../Typography-Dx8KtnBw.js');
-require('../getAtlantisConfig-mcMVqf6m.js');
-require('../Text-D9gsHxbp.js');
-require('../Content-B8Od1cqS.js');
-require('../Switch-CWis2Tw3.js');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../Emphasis-B3vf8Ek9.js');
-require('../Markdown-D4Q_2pBV.js');
-require('../index-CJnrkxgL.js');
-require('../_commonjsHelpers-B83fTs8d.js');
-require('../index-Jb6tGBiW.js');
-require('path');
-
-
-
-exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;

package/dist/FeatureSwitch/index.mjs

@@ -1,21 +0,0 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-Dt8VXcE6.js';
-import 'react';
-import 'framer-motion';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Heading-CL3UujY7.js';
-import '../Typography-G8pA_xwj.js';
-import '../getAtlantisConfig-6FPWID0P.js';
-import '../Text-DEviM1Tv.js';
-import '../Content-BknIp35w.js';
-import '../Switch-CQA6xnNA.js';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../Emphasis-xxFrrT2i.js';
-import '../Markdown-C-Kz7FGt.js';
-import '../index-B88K44gK.js';
-import '../_commonjsHelpers-E-ZsRS8r.js';
-import '../index-BoP83yS-.js';
-import 'path';

package/dist/FeatureSwitch-C6OjQJWH.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Heading = require('./Heading-suKDLmO4.js');
-var Text = require('./Text-D9gsHxbp.js');
-var Content = require('./Content-B8Od1cqS.js');
-var Switch = require('./Switch-CWis2Tw3.js');
-var Button = require('./Button-D3mW3Hcg.js');
-var Emphasis = require('./Emphasis-B3vf8Ek9.js');
-var Markdown = require('./Markdown-D4Q_2pBV.js');
-
-var css_248z = ".-sVnhIK4hZw- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.ZJaXf-cIFgU- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  -ms-flex-item-align: center;\n      align-self: center;\n  padding-right: var(--space-base);\n  transition: opacity var(--timing-base);\n}\n\n.OA-s1YYLMMM- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  position: relative;\n}\n\n.lN90IIewHq8- {\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  margin-top: var(--space-smallest);\n  text-align: center;\n}\n\n.mW56hvBHqPM- {\n  opacity: 0.5;\n}\n\n.QfZjM5S-Ls0- {\n  opacity: 1;\n}\n";
-var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
-styleInject_es.styleInject(css_248z);
-
-function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
-    const [savedIndicator, setSavedIndicator] = React.useState(false);
-    const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
-    shouldShowSavedIndicator();
-    return (React.createElement(Content.Content, null,
-        React.createElement("div", { className: styles.container },
-            React.createElement("div", { className: styles.content },
-                React.createElement(Content.Content, null,
-                    title && React.createElement(Heading.Heading, { level: 4 }, title),
-                    description && (React.createElement(Text.Text, null,
-                        React.createElement(Markdown.Markdown, { content: description, basicUsage: true, externalLink: externalLink }))))),
-            onSwitch && (React.createElement("div", { className: styles.action },
-                React.createElement(Switch.Switch, { value: enabled, onChange: onSwitch, ariaLabel: description, disabled: disabled }),
-                React.createElement(framerMotion.AnimatePresence, null, hasSaveIndicator && savedIndicator && (React.createElement(framerMotion.motion.div, { className: styles.savedIndicator, initial: { y: -4, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -4, opacity: 0 }, transition: {
-                        delay: 0.2,
-                        type: "spring",
-                        damping: 20,
-                        stiffness: 300,
-                    }, onAnimationComplete: handleAnimationComplete },
-                    React.createElement(Text.Text, { variation: "success" },
-                        React.createElement(Emphasis.Emphasis, { variation: "italic" }, "Saved")))))))),
-        (children || onEdit) && (React.createElement("div", { className: styles.container },
-            children && (React.createElement("div", { className: featureContentClassnames }, children)),
-            onEdit && (React.createElement("div", { className: styles.action },
-                React.createElement(Button.Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
-    function shouldShowSavedIndicator() {
-        // Check if the component is mounted
-        const [didMount, setDidMount] = React.useState(false);
-        React.useEffect(() => setDidMount(true), []);
-        React.useEffect(() => {
-            didMount && hasSaveIndicator && setSavedIndicator(true);
-        }, [enabled]);
-    }
-    function handleAnimationComplete() {
-        setSavedIndicator(false);
-    }
-}
-
-exports.FeatureSwitch = FeatureSwitch;

package/dist/FeatureSwitch-Dt8VXcE6.js

@@ -1,55 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { H as Heading } from './Heading-CL3UujY7.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-import { C as Content } from './Content-BknIp35w.js';
-import { S as Switch } from './Switch-CQA6xnNA.js';
-import { B as Button } from './Button-CWVwgwhn.js';
-import { E as Emphasis } from './Emphasis-xxFrrT2i.js';
-import { M as Markdown } from './Markdown-C-Kz7FGt.js';
-
-var css_248z = ".-sVnhIK4hZw- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.ZJaXf-cIFgU- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  -ms-flex-item-align: center;\n      align-self: center;\n  padding-right: var(--space-base);\n  transition: opacity var(--timing-base);\n}\n\n.OA-s1YYLMMM- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  position: relative;\n}\n\n.lN90IIewHq8- {\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  margin-top: var(--space-smallest);\n  text-align: center;\n}\n\n.mW56hvBHqPM- {\n  opacity: 0.5;\n}\n\n.QfZjM5S-Ls0- {\n  opacity: 1;\n}\n";
-var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
-styleInject(css_248z);
-
-function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
-    const [savedIndicator, setSavedIndicator] = useState(false);
-    const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
-    shouldShowSavedIndicator();
-    return (React.createElement(Content, null,
-        React.createElement("div", { className: styles.container },
-            React.createElement("div", { className: styles.content },
-                React.createElement(Content, null,
-                    title && React.createElement(Heading, { level: 4 }, title),
-                    description && (React.createElement(Text, null,
-                        React.createElement(Markdown, { content: description, basicUsage: true, externalLink: externalLink }))))),
-            onSwitch && (React.createElement("div", { className: styles.action },
-                React.createElement(Switch, { value: enabled, onChange: onSwitch, ariaLabel: description, disabled: disabled }),
-                React.createElement(AnimatePresence, null, hasSaveIndicator && savedIndicator && (React.createElement(motion.div, { className: styles.savedIndicator, initial: { y: -4, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -4, opacity: 0 }, transition: {
-                        delay: 0.2,
-                        type: "spring",
-                        damping: 20,
-                        stiffness: 300,
-                    }, onAnimationComplete: handleAnimationComplete },
-                    React.createElement(Text, { variation: "success" },
-                        React.createElement(Emphasis, { variation: "italic" }, "Saved")))))))),
-        (children || onEdit) && (React.createElement("div", { className: styles.container },
-            children && (React.createElement("div", { className: featureContentClassnames }, children)),
-            onEdit && (React.createElement("div", { className: styles.action },
-                React.createElement(Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
-    function shouldShowSavedIndicator() {
-        // Check if the component is mounted
-        const [didMount, setDidMount] = useState(false);
-        useEffect(() => setDidMount(true), []);
-        useEffect(() => {
-            didMount && hasSaveIndicator && setSavedIndicator(true);
-        }, [enabled]);
-    }
-    function handleAnimationComplete() {
-        setSavedIndicator(false);
-    }
-}
-
-export { FeatureSwitch as F };

package/dist/Flex/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var Flex = require('../Flex-CBKf3epb.js');
-require('react');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-
-
-
-exports.Flex = Flex.Flex;

package/dist/Flex/index.mjs

@@ -1,4 +0,0 @@
-export { F as Flex } from '../Flex-DXDpEzMI.js';
-import 'react';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';

package/dist/Flex-DXDpEzMI.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = "._8VpnrMKmsqQ- {\n  display: grid;\n  /* If this gets wrapped in a flex container, it should take the remaining space */\n  -ms-flex: 1;\n      flex: 1;\n}\n\n.ooF1YfV4Usc- {\n  gap: var(--space-smallest);\n}\n\n.ppCZfXq-Kqc- {\n  gap: var(--space-smaller);\n}\n\n.tElkBalXH3g- {\n  gap: var(--space-small);\n}\n\n._4u3OwUKxxbg- {\n  gap: var(--space-base);\n}\n\n.RL7CJla0AAI- {\n  gap: var(--space-large);\n}\n\n.fV4cvFYkhgo- {\n  gap: 0;\n}\n\n._04xVVjZgr-0- {\n  -ms-flex-align: start;\n      align-items: start;\n}\n\n.Nc3zrqHHYSg- {\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.qA-v50wBX1U- {\n  -ms-flex-align: end;\n      align-items: end;\n}\n";
-var styles = {"flexible":"_8VpnrMKmsqQ-","smallestGap":"ooF1YfV4Usc-","smallerGap":"ppCZfXq-Kqc-","smallGap":"tElkBalXH3g-","baseGap":"_4u3OwUKxxbg-","largeGap":"RL7CJla0AAI-","noneGap":"fV4cvFYkhgo-","startAlign":"_04xVVjZgr-0-","centerAlign":"Nc3zrqHHYSg-","endAlign":"qA-v50wBX1U-"};
-styleInject(css_248z);
-
-function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
-    return (React.createElement("div", { className: classnames(styles.flexible, {
-            [styles[`${gap}Gap`]]: Boolean(gap),
-            [styles[`${align}Align`]]: Boolean(align),
-        }), style: generateGridStylesFromTemplate(direction, template) }, children));
-}
-function generateGridStylesFromTemplate(direction, layoutTemplate) {
-    const containerStyles = {};
-    const templateKeys = {
-        row: "gridTemplateColumns",
-        column: "gridTemplateRows",
-    };
-    const templateValues = {
-        grow: "1fr",
-        shrink: "max-content",
-    };
-    containerStyles[templateKeys[direction]] = layoutTemplate
-        .map(key => templateValues[key])
-        .join(" ");
-    return containerStyles;
-}
-
-export { Flex as F };

package/dist/Form/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var Form = require('../Form-ChkdN1bx.js');
-require('../tslib.es6-ld72nsZq.js');
-require('react');
-require('react-hook-form');
-
-
-
-exports.Form = Form.Form;

package/dist/Form/index.mjs

@@ -1,4 +0,0 @@
-export { F as Form } from '../Form-Dd9YKBh-.js';
-import '../tslib.es6-Df1SgIEn.js';
-import 'react';
-import 'react-hook-form';

package/dist/Form-Dd9YKBh-.js

@@ -1,48 +0,0 @@
-import { a as __awaiter } from './tslib.es6-Df1SgIEn.js';
-import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
-import { useForm, FormProvider } from 'react-hook-form';
-
-const Form = forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
-    const methods = useForm({ mode: "onTouched" });
-    const { trigger, handleSubmit, formState: { isDirty, isValid, errors }, } = methods;
-    useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
-    useImperativeHandle(ref, () => ({
-        /**
-         * The `trigger()` method can also accept an array
-         * of fields to validate. We may at some point want
-         * to consider adding a `validate()` method to the
-         * `Form` component.
-         */
-        submit: () => __awaiter(this, void 0, void 0, function* () {
-            const valid = yield trigger();
-            if (valid) {
-                submitHandler();
-            }
-            else {
-                trigger();
-                errorHandler(errors);
-            }
-        }),
-    }));
-    /**
-     * If an onSubmit is not passed into a form, it will only be used
-     * for validation. For that, we do not need to wrap it in a <form>
-     * tag. This allows the <Form> component to be used in legacy code.
-     */
-    const Wrapper = onSubmit ? "form" : "div";
-    const formProps = {
-        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
-    };
-    return (React.createElement(FormProvider, Object.assign({}, methods),
-        React.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
-    function submitHandler() {
-        onSubmit && onSubmit();
-    }
-    function errorHandler(errs) {
-        const firstErrName = Object.keys(errs)[0];
-        const element = document.querySelector(`[name="${firstErrName}"]`);
-        element === null || element === void 0 ? void 0 : element.focus();
-    }
-});
-
-export { Form as F };

package/dist/FormField/index.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var FormField = require('../FormField-hCrwUWca.js');
-require('../tslib.es6-ld72nsZq.js');
-require('react');
-require('react-hook-form');
-require('../style-inject.es-XZHJH68X.js');
-require('classnames');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../Typography-Dx8KtnBw.js');
-require('../Text-D9gsHxbp.js');
-require('../InputValidation-DIwnbDDv.js');
-require('framer-motion');
-require('../Spinner-DT15aa_r.js');
-
-
-
-exports.FormField = FormField.FormField;

package/dist/FormField/index.mjs

@@ -1,15 +0,0 @@
-export { F as FormField } from '../FormField-D2Dlrypi.js';
-import '../tslib.es6-Df1SgIEn.js';
-import 'react';
-import 'react-hook-form';
-import '../style-inject.es-tgCJW-Cu.js';
-import 'classnames';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../Typography-G8pA_xwj.js';
-import '../Text-DEviM1Tv.js';
-import '../InputValidation-BmgvSw0e.js';
-import 'framer-motion';
-import '../Spinner-BOhyUAA_.js';