@jobber/components 6.5.2 → 6.5.4-MIKEpull--7b61b13.30

package/dist/InputNumber/index.mjs

@@ -1,11 +1,9 @@
 export { I as InputNumber } from '../InputNumber-es.js';
 import 'react';
 import '../FormField-es.js';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
-import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -14,3 +12,5 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../tslib.es6-es.js';
+import 'react-hook-form';

package/dist/InputNumber-cjs.js

@@ -2,6 +2,12 @@
 
 var React = require('react');
 var FormField = require('./FormField-cjs.js');
+require('./tslib.es6-cjs.js');
+require('react-hook-form');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputNumber-es.js

@@ -1,5 +1,11 @@
 import React, { forwardRef, createRef, useImperativeHandle } from 'react';
-import { F as FormField } from './FormField-es.js';
+import { e as FormField } from './FormField-es.js';
+import './tslib.es6-es.js';
+import 'react-hook-form';
+import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
+import 'react-router-dom';
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputPassword/index.cjs

@@ -3,11 +3,9 @@
 var InputPassword = require('../InputPassword-cjs.js');
 require('react');
 require('../FormField-cjs.js');
-require('../tslib.es6-cjs.js');
-require('react-hook-form');
-require('classnames');
 require('framer-motion');
 require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -16,6 +14,8 @@ require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('../tslib.es6-cjs.js');
+require('react-hook-form');
 
 
 

package/dist/InputPassword/index.mjs

@@ -1,11 +1,9 @@
 export { I as InputPassword } from '../InputPassword-es.js';
 import 'react';
 import '../FormField-es.js';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
-import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -14,3 +12,5 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../tslib.es6-es.js';
+import 'react-hook-form';

package/dist/InputPassword-cjs.js

@@ -2,6 +2,12 @@
 
 var React = require('react');
 var FormField = require('./FormField-cjs.js');
+require('./tslib.es6-cjs.js');
+require('react-hook-form');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPassword-es.js

@@ -1,5 +1,11 @@
 import React, { useState } from 'react';
-import { F as FormField } from './FormField-es.js';
+import { e as FormField } from './FormField-es.js';
+import './tslib.es6-es.js';
+import 'react-hook-form';
+import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
+import 'react-router-dom';
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPhoneNumber/index.cjs

@@ -5,9 +5,9 @@ require('../tslib.es6-cjs.js');
 require('react');
 require('react-hook-form');
 require('../FormField-cjs.js');
-require('classnames');
 require('framer-motion');
 require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');

package/dist/InputPhoneNumber/index.mjs

@@ -3,9 +3,9 @@ import '../tslib.es6-es.js';
 import 'react';
 import 'react-hook-form';
 import '../FormField-es.js';
-import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';

package/dist/InputPhoneNumber-cjs.js

@@ -4,6 +4,10 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var FormField = require('./FormField-cjs.js');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 var styles = {"mask":"_78-Lxj78xPg-","hiddenValue":"GoiXVXaU1Qs-","spinning":"T3VvmDmzs-4-"};
 

package/dist/InputPhoneNumber-es.js

@@ -1,7 +1,11 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React, { useState, cloneElement } from 'react';
 import { useFormContext, useForm } from 'react-hook-form';
-import { F as FormField } from './FormField-es.js';
+import { e as FormField } from './FormField-es.js';
+import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
+import 'react-router-dom';
 
 var styles = {"mask":"_78-Lxj78xPg-","hiddenValue":"GoiXVXaU1Qs-","spinning":"T3VvmDmzs-4-"};
 

package/dist/InputText/InputText.d.ts

@@ -26,6 +26,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly size?: ("small" | "large") | undefined;
     readonly value?: (string | number | Date) | undefined;
     readonly clearable?: import("@jobber/hooks/src/useShowClear").Clearable | undefined;
+    version?: 1 | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
     readonly toolbar?: React.ReactNode;
@@ -57,6 +58,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly size?: ("small" | "large") | undefined;
     readonly value?: (string | number | Date) | undefined;
     readonly clearable?: import("@jobber/hooks/src/useShowClear").Clearable | undefined;
+    version?: 1 | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
     readonly toolbar?: React.ReactNode;

package/dist/InputText/index.cjs

@@ -4,11 +4,9 @@ var InputText = require('../InputText-cjs.js');
 require('react');
 require('../useSafeLayoutEffect-cjs.js');
 require('../FormField-cjs.js');
-require('../tslib.es6-cjs.js');
-require('react-hook-form');
-require('classnames');
 require('framer-motion');
 require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -17,6 +15,8 @@ require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('../tslib.es6-cjs.js');
+require('react-hook-form');
 
 
 

package/dist/InputText/index.mjs

@@ -2,11 +2,9 @@ export { I as InputText } from '../InputText-es.js';
 import 'react';
 import '../useSafeLayoutEffect-es.js';
 import '../FormField-es.js';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
-import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -15,3 +13,5 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../tslib.es6-es.js';
+import 'react-hook-form';

package/dist/InputText-cjs.js

@@ -3,6 +3,12 @@
 var React = require('react');
 var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
 var FormField = require('./FormField-cjs.js');
+require('./tslib.es6-cjs.js');
+require('react-hook-form');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 function InputTextInternal(props, ref) {
     const inputRef = React.useRef(null);

package/dist/InputText-es.js

@@ -1,6 +1,12 @@
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
-import { F as FormField } from './FormField-es.js';
+import { e as FormField } from './FormField-es.js';
+import './tslib.es6-es.js';
+import 'react-hook-form';
+import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
+import 'react-router-dom';
 
 function InputTextInternal(props, ref) {
     const inputRef = useRef(null);

package/dist/InputTime/index.cjs

@@ -8,10 +8,9 @@ require('../_commonjsHelpers-cjs.js');
 require('../isObjectLike-cjs.js');
 require('../isSymbol-cjs.js');
 require('../FormField-cjs.js');
-require('react-hook-form');
-require('classnames');
 require('framer-motion');
 require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -20,6 +19,7 @@ require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('react-hook-form');
 
 
 

package/dist/InputTime/index.mjs

@@ -6,10 +6,9 @@ import '../_commonjsHelpers-es.js';
 import '../isObjectLike-es.js';
 import '../isSymbol-es.js';
 import '../FormField-es.js';
-import 'react-hook-form';
-import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -18,3 +17,4 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import 'react-hook-form';

package/dist/InputTime-cjs.js

@@ -4,6 +4,11 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var debounce = require('./debounce-cjs.js');
 var FormField = require('./FormField-cjs.js');
+require('react-hook-form');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 const DEBOUNCE_TIME = 300;
 function useTimePredict({ value, handleChange }) {

package/dist/InputTime-es.js

@@ -1,7 +1,12 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React, { useState, useCallback, useEffect, useRef } from 'react';
 import { a as debounce } from './debounce-es.js';
-import { F as FormField } from './FormField-es.js';
+import { e as FormField } from './FormField-es.js';
+import 'react-hook-form';
+import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
+import 'react-router-dom';
 
 const DEBOUNCE_TIME = 300;
 function useTimePredict({ value, handleChange }) {

package/dist/InputValidation/InputValidation.d.ts

@@ -3,6 +3,7 @@ interface InputValidationProps {
      * Validation message to be displayed
      */
     readonly message: string;
+    readonly visible?: boolean;
 }
-export declare function InputValidation({ message }: InputValidationProps): JSX.Element;
+export declare function InputValidation({ message, visible, }: InputValidationProps): JSX.Element | null;
 export {};

package/dist/InputValidation-cjs.js

@@ -7,12 +7,14 @@ var Icon = require('./Icon-cjs.js');
 
 var styles = {"hasValidationMessage":"fO5j-2U5rfE-","message":"lNpgPQh76MY-","spinning":"G-lkW6-mFUE-"};
 
-function InputValidation({ message }) {
+function InputValidation({ message, visible = true, }) {
     const messages = [message];
     const variants = {
         slideOut: { y: "5%", opacity: 0 },
         slideIn: { y: 0, opacity: 1 },
     };
+    if (!visible)
+        return null;
     return (React.createElement(React.Fragment, null, messages && messages.length > 0 && (React.createElement(framerMotion.AnimatePresence, { mode: "wait" }, messages.map(msg => (React.createElement(framerMotion.motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
         React.createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
             React.createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),

package/dist/InputValidation-es.js

@@ -5,12 +5,14 @@ import { I as Icon } from './Icon-es.js';
 
 var styles = {"hasValidationMessage":"fO5j-2U5rfE-","message":"lNpgPQh76MY-","spinning":"G-lkW6-mFUE-"};
 
-function InputValidation({ message }) {
+function InputValidation({ message, visible = true, }) {
     const messages = [message];
     const variants = {
         slideOut: { y: "5%", opacity: 0 },
         slideIn: { y: 0, opacity: 1 },
     };
+    if (!visible)
+        return null;
     return (React.createElement(React.Fragment, null, messages && messages.length > 0 && (React.createElement(AnimatePresence, { mode: "wait" }, messages.map(msg => (React.createElement(motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
         React.createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
             React.createElement(Icon, { name: "alert", size: "small", color: "critical" }),

package/dist/Option-cjs.js

@@ -2,6 +2,12 @@
 
 var React = require('react');
 var FormField = require('./FormField-cjs.js');
+require('./tslib.es6-cjs.js');
+require('react-hook-form');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('react-router-dom');
 
 function Select(props) {
     return React.createElement(FormField.FormField, Object.assign({ type: "select" }, props));

package/dist/Option-es.js

@@ -1,5 +1,11 @@
 import React from 'react';
-import { F as FormField } from './FormField-es.js';
+import { e as FormField } from './FormField-es.js';
+import './tslib.es6-es.js';
+import 'react-hook-form';
+import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
+import 'react-router-dom';
 
 function Select(props) {
     return React.createElement(FormField, Object.assign({ type: "select" }, props));

package/dist/RecurringSelect/index.cjs

@@ -8,8 +8,6 @@ require('../Typography-cjs.js');
 require('classnames');
 require('../Option-cjs.js');
 require('../FormField-cjs.js');
-require('../tslib.es6-cjs.js');
-require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('../Button-cjs.js');
@@ -18,6 +16,8 @@ require('../Icon-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('../tslib.es6-cjs.js');
+require('react-hook-form');
 require('../InputNumber-cjs.js');
 require('../InputGroup-cjs.js');
 require('../Content-cjs.js');

package/dist/RecurringSelect/index.mjs

@@ -6,8 +6,6 @@ import '../Typography-es.js';
 import 'classnames';
 import '../Option-es.js';
 import '../FormField-es.js';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import '../Button-es.js';
@@ -16,6 +14,8 @@ import '../Icon-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../tslib.es6-es.js';
+import 'react-hook-form';
 import '../InputNumber-es.js';
 import '../InputGroup-es.js';
 import '../Content-es.js';

package/dist/Select/index.cjs

@@ -3,11 +3,9 @@
 var Option = require('../Option-cjs.js');
 require('react');
 require('../FormField-cjs.js');
-require('../tslib.es6-cjs.js');
-require('react-hook-form');
-require('classnames');
 require('framer-motion');
 require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -16,6 +14,8 @@ require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('../tslib.es6-cjs.js');
+require('react-hook-form');
 
 
 

package/dist/Select/index.mjs

@@ -1,11 +1,9 @@
 export { a as Option, S as Select } from '../Option-es.js';
 import 'react';
 import '../FormField-es.js';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
-import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -14,3 +12,5 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../tslib.es6-es.js';
+import 'react-hook-form';

package/dist/index.cjs

@@ -222,6 +222,12 @@ exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;
 exports.Flex = Flex.Flex;
 exports.Form = Form.Form;
 exports.FormField = FormField.FormField;
+exports.FormFieldWrapper = FormField.FormFieldWrapper;
+exports.useAtlantisFormField = FormField.useAtlantisFormField;
+exports.useAtlantisFormFieldActions = FormField.useAtlantisFormFieldActions;
+exports.useAtlantisFormFieldName = FormField.useAtlantisFormFieldName;
+exports.useAtlantisReactForm = FormField.useAtlantisReactForm;
+exports.useFormFieldWrapperStyles = FormField.useFormFieldWrapperStyles;
 exports.FormatDate = FormatDate.FormatDate;
 exports.strFormatDate = FormatDate.strFormatDate;
 exports.FormatEmail = FormatEmail.FormatEmail;

package/dist/index.mjs

@@ -35,7 +35,7 @@ export { E as Emphasis } from './Emphasis-es.js';
 export { F as FeatureSwitch } from './FeatureSwitch-es.js';
 export { F as Flex } from './Flex-es.js';
 export { F as Form } from './Form-es.js';
-export { F as FormField } from './FormField-es.js';
+export { e as FormField, F as FormFieldWrapper, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisFormFieldName, c as useAtlantisReactForm, d as useFormFieldWrapperStyles } from './FormField-es.js';
 export { F as FormatDate, s as strFormatDate } from './FormatDate-es.js';
 export { F as FormatEmail } from './FormatEmail-es.js';
 export { F as FormatFile } from './FormatFile-es.js';

package/dist/utils/meta/meta.json

@@ -9,7 +9,6 @@
     "Autocomplete",
     "Avatar",
     "Banner",
-    "Base",
     "Body",
     "Box",
     "Button",
@@ -58,6 +57,7 @@
     "Footer",
     "Form",
     "FormField",
+    "FormFieldWrapper",
     "FormatDate",
     "FormatEmail",
     "FormatFile",
@@ -102,6 +102,7 @@
     "RecurringSelect",
     "Row",
     "SegmentedControl",
+    "SegmentedControl.Base",
     "SegmentedControl.Option",
     "SegmentedControlContext.Consumer",
     "SegmentedControlContext.Provider",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.5.2",
+  "version": "6.5.4-MIKEpull--7b61b13.30+7b61b134",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e0d8d24c8b211fc0098682f7a94d11301d95ded8"
+  "gitHead": "7b61b13432c75f24c74ea7f3ad327d1cfdb3274b"
 }