@jobber/components 5.1.5 → 5.2.0

package/dist/InputFile/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var InputFile = require('../InputFile-CtpjNGHU.js');
-require('../tslib.es6-DwJa3lSq.js');
+var InputFile = require('../InputFile-zNxezv-G.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react');
 require('classnames');
-require('../index-CjYX8oHn.js');
-require('../_commonjsHelpers-BGCqE92r.js');
+require('../index-C1wEB9Bm.js');
+require('../_commonjsHelpers-nhjdfSrh.js');
 require('axios');
-require('../InputValidation-DFD0tltq.js');
+require('../InputValidation-DSKR1KgZ.js');
 require('framer-motion');
-require('../Text-DgFnVjl0.js');
-require('../Typography-DpZMnfx5.js');
-require('../Icon-D68T3kRf.js');
+require('../Text-SmbEqyUC.js');
+require('../Typography-tP7G8sl-.js');
+require('../Icon-BVFuPKYG.js');
 require('@jobber/design');
-require('../Button-CRUgdCo5.js');
+require('../Button-OdOXqKLy.js');
 require('react-router-dom');
-require('../Content-10GB4FUR.js');
+require('../Content--9EmEZse.js');
 
 
 

package/dist/InputFile/index.mjs

@@ -1,16 +1,16 @@
-export { I as InputFile, u as updateFiles } from '../InputFile-DSpmf8ay.js';
-import '../tslib.es6-PGjtTazq.js';
+export { I as InputFile, u as updateFiles } from '../InputFile-DOpmliXw.js';
+import '../tslib.es6-BDzB5aw8.js';
 import 'react';
 import 'classnames';
-import '../index-CBHSpFM7.js';
-import '../_commonjsHelpers-CXHNZgRE.js';
+import '../index-C93oT6aE.js';
+import '../_commonjsHelpers-DbzqrCSE.js';
 import 'axios';
-import '../InputValidation-CpVD6rqA.js';
+import '../InputValidation-DkbuRaS5.js';
 import 'framer-motion';
-import '../Text-CPbFvIGm.js';
-import '../Typography-Cw3F4Rct.js';
-import '../Icon-Cx_Ktflt.js';
+import '../Text-pJiGeGnf.js';
+import '../Typography-gIq6g6Rc.js';
+import '../Icon-BtAyqPaM.js';
 import '@jobber/design';
-import '../Button-CMkahsUS.js';
+import '../Button-C5TFhwBF.js';
 import 'react-router-dom';
-import '../Content-tJg0b8sb.js';
+import '../Content-BFwZaedB.js';

package/dist/{InputFile-DSpmf8ay.js → InputFile-DOpmliXw.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter, b as __generator, c as __spread } from './tslib.es6-PGjtTazq.js';
+import { a as __awaiter, b as __generator, c as __spread } from './tslib.es6-BDzB5aw8.js';
 import React, { forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useEffect, useCallback } from 'react';
 import classnames from 'classnames';
-import { P as PropTypes } from './index-CBHSpFM7.js';
+import { P as PropTypes } from './index-C93oT6aE.js';
 import axios from 'axios';
-import { I as InputValidation } from './InputValidation-CpVD6rqA.js';
-import { B as Button } from './Button-CMkahsUS.js';
-import { C as Content } from './Content-tJg0b8sb.js';
-import { T as Typography } from './Typography-Cw3F4Rct.js';
+import { I as InputValidation } from './InputValidation-DkbuRaS5.js';
+import { B as Button } from './Button-C5TFhwBF.js';
+import { C as Content } from './Content-BFwZaedB.js';
+import { T as Typography } from './Typography-gIq6g6Rc.js';
 
 var COMMON_MIME_TYPES = new Map([
     // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types

package/dist/{InputFile-CtpjNGHU.js → InputFile-zNxezv-G.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DwJa3lSq.js');
+var tslib_es6 = require('./tslib.es6-DP6llR4E.js');
 var React = require('react');
 var classnames = require('classnames');
-var index = require('./index-CjYX8oHn.js');
+var index = require('./index-C1wEB9Bm.js');
 var axios = require('axios');
-var InputValidation = require('./InputValidation-DFD0tltq.js');
-var Button = require('./Button-CRUgdCo5.js');
-var Content = require('./Content-10GB4FUR.js');
-var Typography = require('./Typography-DpZMnfx5.js');
+var InputValidation = require('./InputValidation-DSKR1KgZ.js');
+var Button = require('./Button-OdOXqKLy.js');
+var Content = require('./Content--9EmEZse.js');
+var Typography = require('./Typography-tP7G8sl-.js');
 
 var COMMON_MIME_TYPES = new Map([
     // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types

package/dist/InputGroup/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var InputGroup = require('../InputGroup-DaH-mVrR.js');
+var InputGroup = require('../InputGroup-CooDBDEX.js');
 require('react');
 require('classnames');
 

package/dist/InputGroup/index.mjs

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

package/dist/InputNumber/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputNumber = require('../InputNumber-CxWoexPn.js');
+var InputNumber = require('../InputNumber-C1p9ETGj.js');
 require('react');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../FormField-1DpY2AiT.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-OdOXqKLy.js');
+require('react-router-dom');
+require('../Icon-BVFuPKYG.js');
+require('../Typography-tP7G8sl-.js');
+require('../Text-SmbEqyUC.js');
+require('../InputValidation-DSKR1KgZ.js');
+require('../Spinner-Bi_Kvgu6.js');
 
 
 

package/dist/InputNumber/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputNumber } from '../InputNumber-2F88h4ar.js';
+export { I as InputNumber } from '../InputNumber-Cdigq9Ln.js';
 import 'react';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../FormField-CFgdCz4h.js';
+import '../tslib.es6-BDzB5aw8.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-C5TFhwBF.js';
+import 'react-router-dom';
+import '../Icon-BtAyqPaM.js';
+import '../Typography-gIq6g6Rc.js';
+import '../Text-pJiGeGnf.js';
+import '../InputValidation-DkbuRaS5.js';
+import '../Spinner-D6Ymf6lg.js';

package/dist/{InputNumber-CxWoexPn.js → InputNumber-C1p9ETGj.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-1DpY2AiT.js');
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/{InputNumber-2F88h4ar.js → InputNumber-Cdigq9Ln.js}

@@ -1,5 +1,5 @@
 import React, { forwardRef, createRef, useImperativeHandle } from 'react';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CFgdCz4h.js';
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputPassword/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputPassword = require('../InputPassword-BwGM92oP.js');
+var InputPassword = require('../InputPassword-mC1VZBQD.js');
 require('react');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../FormField-1DpY2AiT.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-OdOXqKLy.js');
+require('react-router-dom');
+require('../Icon-BVFuPKYG.js');
+require('../Typography-tP7G8sl-.js');
+require('../Text-SmbEqyUC.js');
+require('../InputValidation-DSKR1KgZ.js');
+require('../Spinner-Bi_Kvgu6.js');
 
 
 

package/dist/InputPassword/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputPassword } from '../InputPassword-t3keEtCf.js';
+export { I as InputPassword } from '../InputPassword-DOjh1OCS.js';
 import 'react';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../FormField-CFgdCz4h.js';
+import '../tslib.es6-BDzB5aw8.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-C5TFhwBF.js';
+import 'react-router-dom';
+import '../Icon-BtAyqPaM.js';
+import '../Typography-gIq6g6Rc.js';
+import '../Text-pJiGeGnf.js';
+import '../InputValidation-DkbuRaS5.js';
+import '../Spinner-D6Ymf6lg.js';

package/dist/{InputPassword-t3keEtCf.js → InputPassword-DOjh1OCS.js}

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CFgdCz4h.js';
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/{InputPassword-BwGM92oP.js → InputPassword-mC1VZBQD.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-1DpY2AiT.js');
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPhoneNumber/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputPhoneNumber = require('../InputPhoneNumber-xO6F829T.js');
-require('../tslib.es6-DwJa3lSq.js');
+var InputPhoneNumber = require('../InputPhoneNumber-CprGEbl5.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react');
 require('react-hook-form');
-require('../FormField-M_2OnEmD.js');
+require('../FormField-1DpY2AiT.js');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-OdOXqKLy.js');
+require('react-router-dom');
+require('../Icon-BVFuPKYG.js');
+require('../Typography-tP7G8sl-.js');
+require('../Text-SmbEqyUC.js');
+require('../InputValidation-DSKR1KgZ.js');
+require('../Spinner-Bi_Kvgu6.js');
 
 
 

package/dist/InputPhoneNumber/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputPhoneNumber } from '../InputPhoneNumber-DdIMDOKT.js';
-import '../tslib.es6-PGjtTazq.js';
+export { I as InputPhoneNumber } from '../InputPhoneNumber-DK-yzGhF.js';
+import '../tslib.es6-BDzB5aw8.js';
 import 'react';
 import 'react-hook-form';
-import '../FormField-CnPTpuxr.js';
+import '../FormField-CFgdCz4h.js';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-C5TFhwBF.js';
+import 'react-router-dom';
+import '../Icon-BtAyqPaM.js';
+import '../Typography-gIq6g6Rc.js';
+import '../Text-pJiGeGnf.js';
+import '../InputValidation-DkbuRaS5.js';
+import '../Spinner-D6Ymf6lg.js';

package/dist/{InputPhoneNumber-xO6F829T.js → InputPhoneNumber-CprGEbl5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DwJa3lSq.js');
+var tslib_es6 = require('./tslib.es6-DP6llR4E.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-1DpY2AiT.js');
 
 var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};
 

package/dist/{InputPhoneNumber-DdIMDOKT.js → InputPhoneNumber-DK-yzGhF.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-PGjtTazq.js';
+import { _ as __rest } from './tslib.es6-BDzB5aw8.js';
 import React, { useState, cloneElement } from 'react';
 import { useFormContext, useForm } from 'react-hook-form';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CFgdCz4h.js';
 
 var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};
 

package/dist/InputText/InputText.d.ts

@@ -27,6 +27,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly clearable?: "always" | "never" | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
+    readonly toolbar?: React.ReactNode;
     readonly defaultValue?: string | Date | undefined;
     readonly prefix?: import("../FormField").Affix | undefined;
     readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
@@ -47,6 +48,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;
@@ -65,6 +67,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly clearable?: "always" | "never" | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
+    readonly toolbar?: React.ReactNode;
     readonly defaultValue?: string | Date | undefined;
     readonly prefix?: import("../FormField").Affix | undefined;
     readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
@@ -85,4 +88,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

@@ -1,21 +1,21 @@
 'use strict';
 
-var InputText = require('../InputText-CajfLbS3.js');
+var InputText = require('../InputText-DeV44Bbo.js');
 require('react');
-require('../useSafeLayoutEffect-BXCvs7Wo.js');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../useSafeLayoutEffect-CCMFNvpO.js');
+require('../FormField-1DpY2AiT.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-OdOXqKLy.js');
+require('react-router-dom');
+require('../Icon-BVFuPKYG.js');
+require('../Typography-tP7G8sl-.js');
+require('../Text-SmbEqyUC.js');
+require('../InputValidation-DSKR1KgZ.js');
+require('../Spinner-Bi_Kvgu6.js');
 
 
 

package/dist/InputText/index.mjs

@@ -1,16 +1,16 @@
-export { I as InputText } from '../InputText-CQT-IXCb.js';
+export { I as InputText } from '../InputText-DLpxNw0U.js';
 import 'react';
-import '../useSafeLayoutEffect-I3qMfKlY.js';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../useSafeLayoutEffect-tvCutuXX.js';
+import '../FormField-CFgdCz4h.js';
+import '../tslib.es6-BDzB5aw8.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-C5TFhwBF.js';
+import 'react-router-dom';
+import '../Icon-BtAyqPaM.js';
+import '../Typography-gIq6g6Rc.js';
+import '../Text-pJiGeGnf.js';
+import '../InputValidation-DkbuRaS5.js';
+import '../Spinner-D6Ymf6lg.js';

package/dist/{InputText-CQT-IXCb.js → InputText-DLpxNw0U.js}

@@ -1,10 +1,11 @@
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-I3qMfKlY.js';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-tvCutuXX.js';
+import { F as FormField } from './FormField-CFgdCz4h.js';
 
 function InputTextInternal(props, ref) {
     const inputRef = useRef(null);
     const actionsRef = useRef(null);
+    const wrapperRef = useRef(null);
     const rowRange = getRowRange();
     useImperativeHandle(ref, () => ({
         insert: (text) => {
@@ -30,15 +31,21 @@ function InputTextInternal(props, ref) {
         },
     }));
     useSafeLayoutEffect_1(() => {
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
+        if (inputRef &&
+            inputRef.current instanceof HTMLTextAreaElement &&
+            wrapperRef &&
+            wrapperRef.current instanceof HTMLDivElement) {
+            resize(inputRef.current, wrapperRef.current);
         }
-    }, [inputRef.current]);
-    return (React.createElement(FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
+    }, [inputRef.current, wrapperRef.current]);
+    return (React.createElement(FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, wrapperRef: wrapperRef, onChange: handleChange, rows: rowRange.min })));
     function handleChange(newValue) {
         props.onChange && props.onChange(newValue);
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
+        if (inputRef &&
+            inputRef.current instanceof HTMLTextAreaElement &&
+            wrapperRef &&
+            (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) instanceof HTMLDivElement) {
+            resize(inputRef.current, wrapperRef.current);
         }
     }
     function getRowRange() {
@@ -52,11 +59,12 @@ function InputTextInternal(props, ref) {
             return { min: props.rows, max: props.rows };
         }
     }
-    function resize(textArea) {
+    function resize(textArea, wrapper) {
         if (rowRange.min === rowRange.max)
             return;
-        textArea.style.height = "auto";
-        textArea.style.height = textAreaHeight(textArea) + "px";
+        textArea.style.flexBasis = "auto";
+        wrapper.style.height = "auto";
+        textArea.style.flexBasis = textAreaHeight(textArea) + "px";
     }
     function textAreaHeight(textArea) {
         const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);

package/dist/{InputText-CajfLbS3.js → InputText-DeV44Bbo.js}

@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-BXCvs7Wo.js');
-var FormField = require('./FormField-M_2OnEmD.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CCMFNvpO.js');
+var FormField = require('./FormField-1DpY2AiT.js');
 
 function InputTextInternal(props, ref) {
     const inputRef = React.useRef(null);
     const actionsRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
     const rowRange = getRowRange();
     React.useImperativeHandle(ref, () => ({
         insert: (text) => {
@@ -32,15 +33,21 @@ function InputTextInternal(props, ref) {
         },
     }));
     useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
+        if (inputRef &&
+            inputRef.current instanceof HTMLTextAreaElement &&
+            wrapperRef &&
+            wrapperRef.current instanceof HTMLDivElement) {
+            resize(inputRef.current, wrapperRef.current);
         }
-    }, [inputRef.current]);
-    return (React.createElement(FormField.FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
+    }, [inputRef.current, wrapperRef.current]);
+    return (React.createElement(FormField.FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, wrapperRef: wrapperRef, onChange: handleChange, rows: rowRange.min })));
     function handleChange(newValue) {
         props.onChange && props.onChange(newValue);
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
+        if (inputRef &&
+            inputRef.current instanceof HTMLTextAreaElement &&
+            wrapperRef &&
+            (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) instanceof HTMLDivElement) {
+            resize(inputRef.current, wrapperRef.current);
         }
     }
     function getRowRange() {
@@ -54,11 +61,12 @@ function InputTextInternal(props, ref) {
             return { min: props.rows, max: props.rows };
         }
     }
-    function resize(textArea) {
+    function resize(textArea, wrapper) {
         if (rowRange.min === rowRange.max)
             return;
-        textArea.style.height = "auto";
-        textArea.style.height = textAreaHeight(textArea) + "px";
+        textArea.style.flexBasis = "auto";
+        wrapper.style.height = "auto";
+        textArea.style.flexBasis = textAreaHeight(textArea) + "px";
     }
     function textAreaHeight(textArea) {
         const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);

package/dist/InputTime/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var InputTime = require('../InputTime-Btpb86Ok.js');
-require('../tslib.es6-DwJa3lSq.js');
+var InputTime = require('../InputTime-BgYJ8w7U.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react');
 require('@std-proposal/temporal');
-require('../debounce-BRr5vqBr.js');
-require('../_commonjsHelpers-BGCqE92r.js');
-require('../isObjectLike-CKVZa-cM.js');
-require('../isSymbol-Dcl-_X3Q.js');
-require('../FormField-M_2OnEmD.js');
+require('../debounce-Bnf4hEiS.js');
+require('../_commonjsHelpers-nhjdfSrh.js');
+require('../isObjectLike-JstvtTq0.js');
+require('../isSymbol-B8nwmBwI.js');
+require('../FormField-1DpY2AiT.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-OdOXqKLy.js');
+require('react-router-dom');
+require('../Icon-BVFuPKYG.js');
+require('../Typography-tP7G8sl-.js');
+require('../Text-SmbEqyUC.js');
+require('../InputValidation-DSKR1KgZ.js');
+require('../Spinner-Bi_Kvgu6.js');