@jobber/components 4.90.3 → 4.90.4

package/dist/InputGroup/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var InputGroup = require('../InputGroup-CDAggb3R.js');
-require('react');
-require('classnames');
-
-
-
-exports.InputGroup = InputGroup.InputGroup;

package/dist/InputGroup/index.mjs

@@ -1,3 +0,0 @@
-export { I as InputGroup } from '../InputGroup-CqwRtrCP.js';
-import 'react';
-import 'classnames';

package/dist/InputGroup-CDAggb3R.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-
-var styles = {"vertical":"_4bvHwa3-qBA-","horizontal":"bHm4WuX8ToY-","inputGroup":"nmDPgrXofeE-"};
-
-function InputGroup({ children, flowDirection = "vertical", }) {
-    if (isInvalidGroupNesting(children))
-        return React.createElement(React.Fragment, null);
-    const className = classnames(styles.inputGroup, styles[flowDirection]);
-    return React.createElement("div", { className: className }, children);
-}
-function isInvalidGroupNesting(childs) {
-    return React.Children.toArray(childs).some(child => {
-        if (child.type === InputGroup &&
-            child.props.flowDirection != "horizontal") {
-            console.error(`ERROR: InputGroup not rendered: nesting 'flowDirection="vertical"' columns not supported.`, `https://atlantis.getjobber.com/?path=/story/components-forms-and-inputs-inputgroup-web--nested`);
-            return true;
-        }
-        return false;
-    });
-}
-
-exports.InputGroup = InputGroup;

package/dist/InputGroup-CqwRtrCP.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-
-var styles = {"vertical":"_4bvHwa3-qBA-","horizontal":"bHm4WuX8ToY-","inputGroup":"nmDPgrXofeE-"};
-
-function InputGroup({ children, flowDirection = "vertical", }) {
-    if (isInvalidGroupNesting(children))
-        return React.createElement(React.Fragment, null);
-    const className = classnames(styles.inputGroup, styles[flowDirection]);
-    return React.createElement("div", { className: className }, children);
-}
-function isInvalidGroupNesting(childs) {
-    return React.Children.toArray(childs).some(child => {
-        if (child.type === InputGroup &&
-            child.props.flowDirection != "horizontal") {
-            console.error(`ERROR: InputGroup not rendered: nesting 'flowDirection="vertical"' columns not supported.`, `https://atlantis.getjobber.com/?path=/story/components-forms-and-inputs-inputgroup-web--nested`);
-            return true;
-        }
-        return false;
-    });
-}
-
-export { InputGroup as I };

package/dist/InputNumber/index.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var InputNumber = require('../InputNumber-B1xScmfR.js');
-require('react');
-require('../FormField-DgvKr2RR.js');
-require('../tslib.es6-v7P0Y776.js');
-require('react-hook-form');
-require('classnames');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-require('../Text-Bopx9dUr.js');
-require('../InputValidation-CA3D4HMZ.js');
-require('framer-motion');
-require('../Spinner-L0bWOO6S.js');
-
-
-
-exports.InputNumber = InputNumber.InputNumber;

package/dist/InputNumber/index.mjs

@@ -1,15 +0,0 @@
-export { I as InputNumber } from '../InputNumber-CJabx_OX.js';
-import 'react';
-import '../FormField-CevGrDGm.js';
-import '../tslib.es6-CQnq_FvL.js';
-import 'react-hook-form';
-import 'classnames';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';
-import '../Text-DALHhxHl.js';
-import '../InputValidation-D4MvsPKI.js';
-import 'framer-motion';
-import '../Spinner-gZOK7Pbk.js';

package/dist/InputNumber-CJabx_OX.js

@@ -1,56 +0,0 @@
-import React, { forwardRef, createRef, useImperativeHandle } from 'react';
-import { F as FormField } from './FormField-CevGrDGm.js';
-
-function InputNumberInternal(props, ref) {
-    var _a;
-    const inputRef = createRef();
-    useImperativeHandle(ref, () => ({
-        blur: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.blur();
-            }
-        },
-        focus: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.focus();
-            }
-        },
-    }));
-    return (React.createElement(FormField, Object.assign({}, props, { type: "number", inputRef: inputRef, onChange: handleChange, validations: Object.assign(Object.assign({}, props.validations), { validate: customValidators((_a = props.validations) === null || _a === void 0 ? void 0 : _a.validate) }) })));
-    function customValidators(validators) {
-        if (validators == null) {
-            return getOverLimitMessage;
-        }
-        else if (typeof validators === "function") {
-            return {
-                customValidation: validators,
-                getOverLimitMessage,
-            };
-        }
-        return Object.assign(Object.assign({}, validators), { getOverLimitMessage });
-    }
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-    }
-    function getOverLimitMessage(value) {
-        const isOverMax = props.max != undefined && value && value > props.max;
-        const isUnderMin = props.min != undefined && value && value < props.min;
-        if (isOverMax || isUnderMin || (value && value.toString() === "")) {
-            if (props.min != undefined && props.max === undefined) {
-                return `Enter a number that is greater than or equal to ${props.min}`;
-            }
-            else if (props.max != undefined && props.min === undefined) {
-                return `Enter a number that is less than or equal to ${props.max}`;
-            }
-            else if (props.min != undefined && props.max != undefined) {
-                return `Enter a number between ${props.min} and ${props.max}`;
-            }
-        }
-        return true;
-    }
-}
-const InputNumber = forwardRef(InputNumberInternal);
-
-export { InputNumber as I };

package/dist/InputPassword/index.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var InputPassword = require('../InputPassword-558tvE1p.js');
-require('react');
-require('../FormField-DgvKr2RR.js');
-require('../tslib.es6-v7P0Y776.js');
-require('react-hook-form');
-require('classnames');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-require('../Text-Bopx9dUr.js');
-require('../InputValidation-CA3D4HMZ.js');
-require('framer-motion');
-require('../Spinner-L0bWOO6S.js');
-
-
-
-exports.InputPassword = InputPassword.InputPassword;

package/dist/InputPassword/index.mjs

@@ -1,15 +0,0 @@
-export { I as InputPassword } from '../InputPassword-DIzD-pX3.js';
-import 'react';
-import '../FormField-CevGrDGm.js';
-import '../tslib.es6-CQnq_FvL.js';
-import 'react-hook-form';
-import 'classnames';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';
-import '../Text-DALHhxHl.js';
-import '../InputValidation-D4MvsPKI.js';
-import 'framer-motion';
-import '../Spinner-gZOK7Pbk.js';

package/dist/InputPassword-558tvE1p.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var FormField = require('./FormField-DgvKr2RR.js');
-
-function InputPassword(props) {
-    const { hasVisibility = false } = props;
-    const [visible, setVisibility] = React.useState(false);
-    return (React.createElement(FormField.FormField, Object.assign({}, props, (hasVisibility && {
-        suffix: {
-            ariaLabel: visible ? "Hide password" : "Show password",
-            icon: visible ? "eye" : "eyeCrossed",
-            onClick: () => setVisibility(!visible),
-        },
-    }), { type: visible ? "text" : "password", onChange: handleChange })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-    }
-}
-
-exports.InputPassword = InputPassword;

package/dist/InputPassword-DIzD-pX3.js

@@ -1,19 +0,0 @@
-import React, { useState } from 'react';
-import { F as FormField } from './FormField-CevGrDGm.js';
-
-function InputPassword(props) {
-    const { hasVisibility = false } = props;
-    const [visible, setVisibility] = useState(false);
-    return (React.createElement(FormField, Object.assign({}, props, (hasVisibility && {
-        suffix: {
-            ariaLabel: visible ? "Hide password" : "Show password",
-            icon: visible ? "eye" : "eyeCrossed",
-            onClick: () => setVisibility(!visible),
-        },
-    }), { type: visible ? "text" : "password", onChange: handleChange })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-    }
-}
-
-export { InputPassword as I };

package/dist/InputPhoneNumber/index.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var InputPhoneNumber = require('../InputPhoneNumber-DWdXIF84.js');
-require('../tslib.es6-v7P0Y776.js');
-require('react');
-require('react-hook-form');
-require('../FormField-DgvKr2RR.js');
-require('classnames');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-require('../Text-Bopx9dUr.js');
-require('../InputValidation-CA3D4HMZ.js');
-require('framer-motion');
-require('../Spinner-L0bWOO6S.js');
-
-
-
-exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;

package/dist/InputPhoneNumber/index.mjs

@@ -1,15 +0,0 @@
-export { I as InputPhoneNumber } from '../InputPhoneNumber-DRdIU41q.js';
-import '../tslib.es6-CQnq_FvL.js';
-import 'react';
-import 'react-hook-form';
-import '../FormField-CevGrDGm.js';
-import 'classnames';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';
-import '../Text-DALHhxHl.js';
-import '../InputValidation-D4MvsPKI.js';
-import 'framer-motion';
-import '../Spinner-gZOK7Pbk.js';

package/dist/InputPhoneNumber-DRdIU41q.js

@@ -1,94 +0,0 @@
-import { _ as __rest } from './tslib.es6-CQnq_FvL.js';
-import React, { useState, cloneElement } from 'react';
-import { useFormContext, useForm } from 'react-hook-form';
-import { F as FormField } from './FormField-CevGrDGm.js';
-
-var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};
-
-function InputMask({ children, delimiter = "*", pattern, strict = true, }) {
-    const { value: inputValue, onChange } = children.props;
-    const [isMasking, setIsMasking] = useState(!inputValue);
-    const stringifiedValue = String(inputValue || "");
-    const placeholderValue = pattern
-        .replace(new RegExp(`\\${delimiter}`, "g"), "_")
-        .slice(stringifiedValue.length);
-    const inputMask = (React.createElement("div", { className: styles.mask, "aria-hidden": "true" },
-        React.createElement("span", { className: styles.hiddenValue }, stringifiedValue),
-        React.createElement("span", null, placeholderValue)));
-    return cloneElement(children, {
-        onChange: handleChange,
-        children: isMasking && inputMask,
-    });
-    function handleChange(value) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(formatValue(value));
-    }
-    function formatValue(value) {
-        const { cleanValueChars, patternChars, specialChars, isOverCharLimit } = getMaskingInfo(value);
-        if (!strict && isOverCharLimit) {
-            setIsMasking(false);
-            return cleanValueChars.join("");
-        }
-        else {
-            setIsMasking(true);
-            return patternChars.reduce(getMaskedValue(cleanValueChars, specialChars), "");
-        }
-    }
-    function getMaskingInfo(value) {
-        const patternChars = pattern.split("");
-        const specialChars = patternChars.filter(char => char !== delimiter);
-        const cleanValueChars = value
-            .split("")
-            .filter(char => !specialChars.includes(char))
-            // Since this is only used in InputPhoneNumber, we can restrict it to
-            // just numbers for now.
-            .map(Number)
-            .filter(num => !isNaN(num));
-        const isOverCharLimit = cleanValueChars.length > patternChars.length - specialChars.length;
-        return { cleanValueChars, patternChars, specialChars, isOverCharLimit };
-    }
-}
-function getMaskedValue(cleanVal, specialChars) {
-    return (result, nextCharacter) => {
-        if (!cleanVal.length)
-            return result;
-        if (specialChars.includes(nextCharacter))
-            return result + nextCharacter;
-        const nextValue = cleanVal.shift();
-        return result + nextValue;
-    };
-}
-
-function InputPhoneNumber(_a) {
-    var { required } = _a, props = __rest(_a, ["required"]);
-    const { placeholder, validations, pattern = "(***) ***-****" } = props;
-    const errorSubject = placeholder || "Phone number";
-    const { getValues } = useFormContext() != undefined
-        ? useFormContext()
-        : // If there isn't a Form Context being provided, get a form for this field.
-            useForm({ mode: "onTouched" });
-    return (React.createElement(InputMask, { pattern: pattern, strict: false },
-        React.createElement(FormField, Object.assign({}, props, { type: "tel", validations: Object.assign(Object.assign({ required: {
-                    value: Boolean(required),
-                    message: `${errorSubject} is required`,
-                } }, validations), { validate: getPhoneNumberValidation }) }))));
-    function getPhoneNumberValidation(value) {
-        // Get unique characters that aren't * in the pattern
-        const patternNonDelimterCharacters = pattern
-            .split("")
-            .filter(char => char !== "*")
-            .filter((char, index, arr) => arr.indexOf(char) === index);
-        const specialCharacters = patternNonDelimterCharacters.join(" ");
-        // Remove special characters from pattern
-        const cleanValue = value.replace(new RegExp(`[${specialCharacters}]`, "g"), "");
-        const cleanValueRequiredLength = (pattern.match(/\*/g) || []).length;
-        if (cleanValue.length > 0 && cleanValue.length < cleanValueRequiredLength) {
-            return `${errorSubject} must contain ${cleanValueRequiredLength} or more digits`;
-        }
-        if (typeof (validations === null || validations === void 0 ? void 0 : validations.validate) === "function") {
-            return validations.validate(value, getValues);
-        }
-        return true;
-    }
-}
-
-export { InputPhoneNumber as I };

package/dist/InputText/index.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var InputText = require('../InputText-Br2K1C4M.js');
-require('react');
-require('../useSafeLayoutEffect-87KYIon5.js');
-require('../FormField-DgvKr2RR.js');
-require('../tslib.es6-v7P0Y776.js');
-require('react-hook-form');
-require('classnames');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-require('../Text-Bopx9dUr.js');
-require('../InputValidation-CA3D4HMZ.js');
-require('framer-motion');
-require('../Spinner-L0bWOO6S.js');
-
-
-
-exports.InputText = InputText.InputText;

package/dist/InputText/index.mjs

@@ -1,16 +0,0 @@
-export { I as InputText } from '../InputText-CyGO_Jef.js';
-import 'react';
-import '../useSafeLayoutEffect-IMNHxeSN.js';
-import '../FormField-CevGrDGm.js';
-import '../tslib.es6-CQnq_FvL.js';
-import 'react-hook-form';
-import 'classnames';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';
-import '../Text-DALHhxHl.js';
-import '../InputValidation-D4MvsPKI.js';
-import 'framer-motion';
-import '../Spinner-gZOK7Pbk.js';

package/dist/InputText-CyGO_Jef.js

@@ -1,96 +0,0 @@
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-IMNHxeSN.js';
-import { F as FormField } from './FormField-CevGrDGm.js';
-
-function InputTextInternal(props, ref) {
-    const inputRef = useRef(null);
-    const actionsRef = useRef(null);
-    const rowRange = getRowRange();
-    useImperativeHandle(ref, () => ({
-        insert: (text) => {
-            insertText(text);
-        },
-        blur: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.blur();
-            }
-        },
-        focus: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.focus();
-            }
-        },
-        scrollIntoView: arg => {
-            const input = inputRef.current;
-            if (input) {
-                input.scrollIntoView(arg);
-            }
-        },
-    }));
-    useSafeLayoutEffect_1(() => {
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
-        }
-    }, [inputRef.current]);
-    return (React.createElement(FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
-        }
-    }
-    function getRowRange() {
-        if (props.rows === undefined) {
-            return { min: 3, max: 3 };
-        }
-        else if (typeof props.rows === "object") {
-            return { min: props.rows.min, max: props.rows.max };
-        }
-        else {
-            return { min: props.rows, max: props.rows };
-        }
-    }
-    function resize(textArea) {
-        if (rowRange.min === rowRange.max)
-            return;
-        textArea.style.height = "auto";
-        textArea.style.height = textAreaHeight(textArea) + "px";
-    }
-    function textAreaHeight(textArea) {
-        const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);
-        const maxHeight = rowRange.max * parseFloat(lineHeight) +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth) +
-            parseFloat(paddingTop) +
-            parseFloat(paddingBottom);
-        const scrollHeight = textArea.scrollHeight +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth);
-        return Math.min(scrollHeight, maxHeight);
-    }
-    function insertText(text) {
-        var _a;
-        const input = inputRef.current;
-        if (input) {
-            insertAtCursor(input, text);
-            const newValue = input.value;
-            (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(newValue);
-            props.onChange && props.onChange(newValue);
-        }
-    }
-}
-const InputText = forwardRef(InputTextInternal);
-function insertAtCursor(input, newText) {
-    const start = input.selectionStart || 0;
-    const end = input.selectionEnd || 0;
-    const text = input.value;
-    const before = text.substring(0, start);
-    const after = text.substring(end, text.length);
-    input.value = before + newText + after;
-    input.selectionStart = input.selectionEnd = start + newText.length;
-    input.focus();
-}
-
-export { InputText as I };

package/dist/InputTime/index.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var InputTime = require('../InputTime-CpoUMFJT.js');
-require('../tslib.es6-v7P0Y776.js');
-require('react');
-require('@std-proposal/temporal');
-require('../debounce-DNEaQL1N.js');
-require('../_commonjsHelpers-vq2WA-uE.js');
-require('../isObjectLike-BLBufvwS.js');
-require('../isSymbol-MYvz4htB.js');
-require('../FormField-DgvKr2RR.js');
-require('react-hook-form');
-require('classnames');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-require('../Text-Bopx9dUr.js');
-require('../InputValidation-CA3D4HMZ.js');
-require('framer-motion');
-require('../Spinner-L0bWOO6S.js');
-
-
-
-exports.InputTime = InputTime.InputTime;

package/dist/InputTime/index.mjs

@@ -1,20 +0,0 @@
-export { I as InputTime } from '../InputTime-kqDNzoYY.js';
-import '../tslib.es6-CQnq_FvL.js';
-import 'react';
-import '@std-proposal/temporal';
-import '../debounce-DgeBwtKp.js';
-import '../_commonjsHelpers-COf7qtKz.js';
-import '../isObjectLike-CqUyaiWM.js';
-import '../isSymbol-_Iyy_jRJ.js';
-import '../FormField-CevGrDGm.js';
-import 'react-hook-form';
-import 'classnames';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';
-import '../Text-DALHhxHl.js';
-import '../InputValidation-D4MvsPKI.js';
-import 'framer-motion';
-import '../Spinner-gZOK7Pbk.js';