@jobber/components 4.66.0 → 4.66.1-fix-hide-h.6

package/dist/InputGroup/index.cjs

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

package/dist/InputGroup/index.mjs

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

package/dist/InputGroup-BvYY-pQN.js

@@ -0,0 +1,23 @@
+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/InputGroup-tJljwvT9.js

@@ -0,0 +1,25 @@
+'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/InputNumber/InputNumber.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export interface InputNumberProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "readonly" | "defaultValue" | "keyboard" | "prefix" | "suffix"> {
-    value?: number;
+    readonly value?: number;
 }
 export interface InputNumberRef {
     blur(): void;

package/dist/InputNumber/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var InputNumber = require('../InputNumber-BceDGccY.js');
+require('react');
+require('../FormField-CEojfV6Q.js');
+require('../tslib.es6-6AwvlbWV.js');
+require('react-hook-form');
+require('classnames');
+require('framer-motion');
+require('@jobber/design');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Icon-fa-Ii8qc.js');
+require('../Typography-Dcec2MjG.js');
+require('../Text-CuGgzpie.js');
+require('../useFormFieldFocus-vUhlDUFH.js');
+require('../InputValidation-BjitowrV.js');
+require('../Spinner-b5Q8KXRQ.js');
+
+
+
+exports.InputNumber = InputNumber.InputNumber;

package/dist/InputNumber/index.mjs

@@ -0,0 +1,16 @@
+export { I as InputNumber } from '../InputNumber-bGqHcfzb.js';
+import 'react';
+import '../FormField-BTV2b0gy.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import 'react-hook-form';
+import 'classnames';
+import 'framer-motion';
+import '@jobber/design';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '../Typography-BD0mo9T9.js';
+import '../Text-C3-8gHkD.js';
+import '../useFormFieldFocus-CjqwY0nh.js';
+import '../InputValidation-CM_L0IJg.js';
+import '../Spinner-Bg1QOlTK.js';

package/dist/{InputNumber-d9ebabaa.js → InputNumber-BceDGccY.js}

@@ -1,11 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-dfc061ca.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FormField = require('./FormField-CEojfV6Q.js');
 
 function InputNumberInternal(props, ref) {
     var _a;
@@ -24,7 +20,7 @@ function InputNumberInternal(props, ref) {
             }
         },
     }));
-    return (React__default["default"].createElement(FormField.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) }) })));
+    return (React.createElement(FormField.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;

package/dist/InputNumber-bGqHcfzb.js

@@ -0,0 +1,56 @@
+import React, { forwardRef, createRef, useImperativeHandle } from 'react';
+import { F as FormField } from './FormField-BTV2b0gy.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/InputPassword.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
-    value?: string;
+    readonly value?: string;
     onChange?(newValue: string): void;
     /**
      * Display toggle to change the visibility of the password input
      * @default false
      */
-    hasVisibility?: boolean;
+    readonly hasVisibility?: boolean;
 }
 export declare function InputPassword(props: InputPasswordProps): JSX.Element;
 export {};

package/dist/InputPassword/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var InputPassword = require('../InputPassword-CXWxO4Q9.js');
+require('react');
+require('../FormField-CEojfV6Q.js');
+require('../tslib.es6-6AwvlbWV.js');
+require('react-hook-form');
+require('classnames');
+require('framer-motion');
+require('@jobber/design');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Icon-fa-Ii8qc.js');
+require('../Typography-Dcec2MjG.js');
+require('../Text-CuGgzpie.js');
+require('../useFormFieldFocus-vUhlDUFH.js');
+require('../InputValidation-BjitowrV.js');
+require('../Spinner-b5Q8KXRQ.js');
+
+
+
+exports.InputPassword = InputPassword.InputPassword;

package/dist/InputPassword/index.mjs

@@ -0,0 +1,16 @@
+export { I as InputPassword } from '../InputPassword-DOMUHKz1.js';
+import 'react';
+import '../FormField-BTV2b0gy.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import 'react-hook-form';
+import 'classnames';
+import 'framer-motion';
+import '@jobber/design';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '../Typography-BD0mo9T9.js';
+import '../Text-C3-8gHkD.js';
+import '../useFormFieldFocus-CjqwY0nh.js';
+import '../InputValidation-CM_L0IJg.js';
+import '../Spinner-Bg1QOlTK.js';

package/dist/InputPassword-CXWxO4Q9.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var FormField = require('./FormField-CEojfV6Q.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-DOMUHKz1.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { F as FormField } from './FormField-BTV2b0gy.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

@@ -0,0 +1,22 @@
+'use strict';
+
+var InputPhoneNumber = require('../InputPhoneNumber-Bl4MIuyS.js');
+require('../tslib.es6-6AwvlbWV.js');
+require('react');
+require('react-hook-form');
+require('../FormField-CEojfV6Q.js');
+require('classnames');
+require('framer-motion');
+require('@jobber/design');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Icon-fa-Ii8qc.js');
+require('../Typography-Dcec2MjG.js');
+require('../Text-CuGgzpie.js');
+require('../useFormFieldFocus-vUhlDUFH.js');
+require('../InputValidation-BjitowrV.js');
+require('../Spinner-b5Q8KXRQ.js');
+
+
+
+exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;

package/dist/InputPhoneNumber/index.mjs

@@ -0,0 +1,16 @@
+export { I as InputPhoneNumber } from '../InputPhoneNumber-DmOJwqjp.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import 'react';
+import 'react-hook-form';
+import '../FormField-BTV2b0gy.js';
+import 'classnames';
+import 'framer-motion';
+import '@jobber/design';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '../Typography-BD0mo9T9.js';
+import '../Text-C3-8gHkD.js';
+import '../useFormFieldFocus-CjqwY0nh.js';
+import '../InputValidation-CM_L0IJg.js';
+import '../Spinner-Bg1QOlTK.js';

package/dist/{InputPhoneNumber/index.js → InputPhoneNumber-Bl4MIuyS.js}

@@ -1,31 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-5b8768b7.js');
+var tslib_es6 = require('./tslib.es6-6AwvlbWV.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var FormField = require('../FormField-dfc061ca.js');
-require('uuid');
-require('classnames');
-require('../Button-163a0641.js');
-require('react-router-dom');
-require('../Icon-405a216c.js');
-require('@jobber/design');
-require('../Typography-973b122e.js');
-require('../Text-4a2bc89f.js');
-require('../InputValidation-179f0926.js');
-require('framer-motion');
-require('../Spinner-9d8fc7ff.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FormField = require('./FormField-CEojfV6Q.js');
 
-var css_248z = ".L7WK-i5uaOk- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  height: var(--field--height);\n  padding-top: var(--field--padding-top);\n  padding-bottom: var(--field--padding-bottom);\n  padding-left: var(--field--padding-left);\n  padding-right: var(--field--padding-right);\n  color: rgb(181, 181, 181);\n  color: var(--color-grey);\n  font-family: inherit;\n  font-size: inherit;\n  line-height: var(--field--value-lineHeight);\n  pointer-events: none;\n}\n\n.q1wXBupm5Xc- {\n  visibility: hidden;\n  opacity: 0;\n}\n";
 var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};
-styleInject_es.styleInject(css_248z);
 
 function InputMask({ children, delimiter = "*", pattern, strict = true, }) {
     const { value: inputValue, onChange } = children.props;
@@ -34,9 +14,9 @@ function InputMask({ children, delimiter = "*", pattern, strict = true, }) {
     const placeholderValue = pattern
         .replace(new RegExp(`\\${delimiter}`, "g"), "_")
         .slice(stringifiedValue.length);
-    const inputMask = (React__default["default"].createElement("div", { className: styles.mask, "aria-hidden": "true" },
-        React__default["default"].createElement("span", { className: styles.hiddenValue }, stringifiedValue),
-        placeholderValue));
+    const inputMask = (React.createElement("div", { className: styles.mask, "aria-hidden": "true" },
+        React.createElement("span", { className: styles.hiddenValue }, stringifiedValue),
+        React.createElement("span", null, placeholderValue)));
     return React.cloneElement(children, {
         onChange: handleChange,
         children: isMasking && inputMask,
@@ -88,8 +68,8 @@ function InputPhoneNumber(_a) {
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
-    return (React__default["default"].createElement(InputMask, { pattern: pattern, strict: false },
-        React__default["default"].createElement(FormField.FormField, Object.assign({}, props, { type: "tel", validations: Object.assign(Object.assign({ required: {
+    return (React.createElement(InputMask, { pattern: pattern, strict: false },
+        React.createElement(FormField.FormField, Object.assign({}, props, { type: "tel", validations: Object.assign(Object.assign({ required: {
                     value: Boolean(required),
                     message: `${errorSubject} is required`,
                 } }, validations), { validate: getPhoneNumberValidation }) }))));

package/dist/InputPhoneNumber-DmOJwqjp.js

@@ -0,0 +1,94 @@
+import { _ as __rest } from './tslib.es6-Bu_PBg9i.js';
+import React, { useState, cloneElement } from 'react';
+import { useFormContext, useForm } from 'react-hook-form';
+import { F as FormField } from './FormField-BTV2b0gy.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/InputText.d.ts

@@ -24,10 +24,13 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly placeholder?: string | undefined;
     readonly size?: "large" | "small" | undefined;
     readonly value?: string | number | Date | undefined;
+    readonly clearable?: import("@jobber/hooks/src/useShowClear").Clearable | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
+    readonly toolbar?: React.ReactNode;
     readonly defaultValue?: string | Date | undefined;
     readonly prefix?: import("../FormField").Affix | undefined;
+    readonly autofocus?: boolean | undefined;
     readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
     inputRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> | undefined;
     readonly keyboard?: "numeric" | "decimal" | undefined;
@@ -46,6 +49,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     onEnter?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
     readonly readonly?: boolean | undefined;
     readonly validations?: import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    readonly toolbarVisibility?: "always" | "while-editing" | undefined;
 } | {
     rows?: undefined;
     multiline?: boolean | undefined;
@@ -61,10 +65,13 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly placeholder?: string | undefined;
     readonly size?: "large" | "small" | undefined;
     readonly value?: string | number | Date | undefined;
+    readonly clearable?: import("@jobber/hooks/src/useShowClear").Clearable | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
+    readonly toolbar?: React.ReactNode;
     readonly defaultValue?: string | Date | undefined;
     readonly prefix?: import("../FormField").Affix | undefined;
+    readonly autofocus?: boolean | undefined;
     readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
     inputRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> | undefined;
     readonly keyboard?: "numeric" | "decimal" | undefined;
@@ -83,4 +90,5 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     onEnter?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
     readonly readonly?: boolean | undefined;
     readonly validations?: import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    readonly toolbarVisibility?: "always" | "while-editing" | undefined;
 }) & React.RefAttributes<InputTextRef>>;

package/dist/InputText/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var InputText = require('../InputText-CqaMlAXF.js');
+require('react');
+require('../useSafeLayoutEffect-DHIY4lnV.js');
+require('../FormField-CEojfV6Q.js');
+require('../tslib.es6-6AwvlbWV.js');
+require('react-hook-form');
+require('classnames');
+require('framer-motion');
+require('@jobber/design');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Icon-fa-Ii8qc.js');
+require('../Typography-Dcec2MjG.js');
+require('../Text-CuGgzpie.js');
+require('../useFormFieldFocus-vUhlDUFH.js');
+require('../InputValidation-BjitowrV.js');
+require('../Spinner-b5Q8KXRQ.js');
+
+
+
+exports.InputText = InputText.InputText;

package/dist/InputText/index.mjs

@@ -0,0 +1,17 @@
+export { I as InputText } from '../InputText-CGTG1LNb.js';
+import 'react';
+import '../useSafeLayoutEffect-tr9DHxlf.js';
+import '../FormField-BTV2b0gy.js';
+import '../tslib.es6-Bu_PBg9i.js';
+import 'react-hook-form';
+import 'classnames';
+import 'framer-motion';
+import '@jobber/design';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Icon-GaU33tZU.js';
+import '../Typography-BD0mo9T9.js';
+import '../Text-C3-8gHkD.js';
+import '../useFormFieldFocus-CjqwY0nh.js';
+import '../InputValidation-CM_L0IJg.js';
+import '../Spinner-Bg1QOlTK.js';