@jobber/components 8.6.0 → 8.7.0

package/dist/Select/index.cjs

@@ -3,6 +3,7 @@
 var Select = require('../Select-cjs.js');
 require('react');
 require('classnames');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
@@ -17,8 +18,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/Select/index.mjs

@@ -1,6 +1,7 @@
 export { S as Option, a as Select } from '../Select-es.js';
 import 'react';
 import 'classnames';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
@@ -15,7 +16,5 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/Select-cjs.js

@@ -2,14 +2,12 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
-var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
-var mergeRefs = require('./mergeRefs-cjs.js');
+var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
 require('./Button-cjs.js');
 require('@jobber/design');
+var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
+var mergeRefs = require('./mergeRefs-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 function SelectOption({ children, disabled, value }) {

package/dist/Select-es.js

@@ -1,13 +1,11 @@
 import React__default, { useId, useRef } from 'react';
 import classnames from 'classnames';
-import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
-import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
-import './tslib.es6-es.js';
-import 'react-hook-form';
-import { m as mergeRefs } from './mergeRefs-es.js';
+import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
 import './Button-es.js';
 import '@jobber/design';
+import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
+import { m as mergeRefs } from './mergeRefs-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 function SelectOption({ children, disabled, value }) {

package/dist/docs/Button/Button.md

@@ -614,7 +614,7 @@ that the URL will change to the appropriate route. See
 ### Form submit (web only)
 
 Passing the `submit` prop will allow a Button to submit a
-[Form](../Form/Form.md). Since submitting a form is a specific action, only a
+[Form](/components/Form). Since submitting a form is a specific action, only a
 form is a specific action, only `variation="work"` and `type="primary"` are
 allowed. See
 [Web/Form Submit example](/storybook/web/?path=/story/components-actions-button--form-submit)

package/dist/docs/errors/errors.md

@@ -84,7 +84,7 @@ If content is missing as a result of the error, follow guidance around
 
 Atlantis inputs like [InputText](../InputText/InputText.md) have input validation
 built-in for ease of use. The input validation is integrated with the
-[Form](../Form/Form.md) components on both web and mobile as well.
+[Form](../components/Form) components on both web and mobile as well.
 
 You can also provide [InputValidation](../InputValidation/InputValidation.md) externally
 if needed.

package/dist/docs/index.md

@@ -41,10 +41,8 @@
 [errors](./errors/errors.md)
 [FeatureSwitch](./FeatureSwitch/FeatureSwitch.md)
 [Flex](./Flex/Flex.md)
-[Form](./Form/Form.md)
 [FormatFile](./FormatFile/FormatFile.md)
 [FormatRelativeDateTime](./FormatRelativeDateTime/FormatRelativeDateTime.md)
-[FormField](./FormField/FormField.md)
 [Frame](./Frame/Frame.md)
 [Gallery](./Gallery/Gallery.md)
 [Glimmer](./Glimmer/Glimmer.md)
@@ -58,7 +56,6 @@
 [InputFile](./InputFile/InputFile.md)
 [InputGroup](./InputGroup/InputGroup.md)
 [InputNumber](./InputNumber/InputNumber.md)
-[InputPassword](./InputPassword/InputPassword.md)
 [InputPhoneNumber](./InputPhoneNumber/InputPhoneNumber.md)
 [InputText](./InputText/InputText.md)
 [InputTime](./InputTime/InputTime.md)

package/dist/index.cjs

@@ -42,8 +42,6 @@ var DrawerGrid = require('./DrawerGrid-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 var FeatureSwitch = require('./FeatureSwitch-cjs.js');
 var Flex = require('./Flex-cjs.js');
-var Form = require('./Form-cjs.js');
-var FormField = require('./FormField-cjs.js');
 var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
 var FormatFile = require('./FormatFile-cjs.js');
@@ -60,7 +58,6 @@ var InputEmail = require('./InputEmail-cjs.js');
 var InputFile = require('./InputFile-cjs.js');
 var InputGroup = require('./InputGroup-cjs.js');
 var InputNumber = require('./InputNumber-cjs.js');
-var InputPassword = require('./InputPassword-cjs.js');
 var InputPhoneNumber = require('./InputPhoneNumber-cjs.js');
 var InputText = require('./InputText-cjs.js');
 var InputTime = require('./InputTime-cjs.js');
@@ -113,11 +110,10 @@ require('react/jsx-runtime');
 require('react-dom');
 require('./floating-ui.react-dom-cjs.js');
 require('./maxHeight-cjs.js');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
 require('./mergeRefs-cjs.js');
 require('./filterDataAttributes-cjs.js');
 require('color');
+require('./tslib.es6-cjs.js');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
 require('./useChildComponent-cjs.js');
@@ -176,10 +172,10 @@ require('./DataListAction-cjs.js');
 require('./DataListLayoutActions-cjs.js');
 require('./DataListStatusBar-cjs.js');
 require('./clsx-cjs.js');
-require('./FormFieldPostFix-cjs.js');
 require('./useFormFieldFocus-cjs.js');
 require('filesize');
 require('./GridCell-cjs.js');
+require('./FormFieldPostFix-cjs.js');
 require('axios');
 require('./useRenderElement-cjs.js');
 require('./BottomSheet-cjs.js');
@@ -257,11 +253,6 @@ exports.DrawerGrid = DrawerGrid.DrawerGrid;
 exports.Emphasis = Emphasis.Emphasis;
 exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;
 exports.Flex = Flex.Flex;
-exports.Form = Form.Form;
-exports.FormField = FormField.FormField;
-exports.useAtlantisFormField = FormField.useAtlantisFormField;
-exports.useAtlantisFormFieldActions = FormField.useAtlantisFormFieldActions;
-exports.useAtlantisReactHookForm = FormField.useAtlantisReactHookForm;
 exports.useAtlantisFormFieldName = useAtlantisFormFieldName.useAtlantisFormFieldName;
 exports.AffixIcon = FormFieldWrapper.AffixIcon;
 exports.AffixLabel = FormFieldWrapper.AffixLabel;
@@ -300,7 +291,6 @@ exports.updateFiles = InputFile.updateFiles;
 exports.useInputFileContentContext = InputFile.useInputFileContentContext;
 exports.InputGroup = InputGroup.InputGroup;
 exports.InputNumber = InputNumber.InputNumber;
-exports.InputPassword = InputPassword.InputPassword;
 exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;
 exports.InputText = InputText.InputText;
 exports.InputTime = InputTime.InputTime;

package/dist/index.d.mts

@@ -32,7 +32,6 @@ export * from "./Drawer";
 export * from "./Emphasis";
 export * from "./FeatureSwitch";
 export * from "./Flex";
-export * from "./Form";
 export * from "./FormField";
 export * from "./FormatFile";
 export * from "./FormatRelativeDateTime";
@@ -49,7 +48,6 @@ export * from "./InputEmail";
 export * from "./InputFile";
 export * from "./InputGroup";
 export * from "./InputNumber";
-export * from "./InputPassword";
 export * from "./InputPhoneNumber";
 export * from "./InputText";
 export * from "./InputTime";

package/dist/index.d.ts

@@ -32,7 +32,6 @@ export * from "./Drawer";
 export * from "./Emphasis";
 export * from "./FeatureSwitch";
 export * from "./Flex";
-export * from "./Form";
 export * from "./FormField";
 export * from "./FormatFile";
 export * from "./FormatRelativeDateTime";
@@ -49,7 +48,6 @@ export * from "./InputEmail";
 export * from "./InputFile";
 export * from "./InputGroup";
 export * from "./InputNumber";
-export * from "./InputPassword";
 export * from "./InputPhoneNumber";
 export * from "./InputText";
 export * from "./InputTime";

package/dist/index.mjs

@@ -40,8 +40,6 @@ export { D as Drawer, a as DrawerGrid } from './DrawerGrid-es.js';
 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, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisReactHookForm } from './FormField-es.js';
 export { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
 export { A as AffixIcon, f as AffixLabel, F as FormFieldInputHorizontalWrapper, a as FormFieldInputWrapperStyles, b as FormFieldLabel, c as FormFieldWrapper, d as FormFieldWrapperMain, e as FormFieldWrapperToolbar, u as useFormFieldWrapperStyles } from './FormFieldWrapper-es.js';
 export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from './FormatFile-es.js';
@@ -58,7 +56,6 @@ export { I as InputEmail } from './InputEmail-es.js';
 export { F as FileTypes, I as InputFile, a as InputFileContentContext, c as convertToMimeTypes, f as formatMimeTypes, m as mimeTypeToReadable, u as updateFiles, b as useInputFileContentContext } from './InputFile-es.js';
 export { I as InputGroup } from './InputGroup-es.js';
 export { I as InputNumber } from './InputNumber-es.js';
-export { I as InputPassword } from './InputPassword-es.js';
 export { I as InputPhoneNumber } from './InputPhoneNumber-es.js';
 export { I as InputText } from './InputText-es.js';
 export { I as InputTime } from './InputTime-es.js';
@@ -111,11 +108,10 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import './floating-ui.react-dom-es.js';
 import './maxHeight-es.js';
-import './tslib.es6-es.js';
-import 'react-hook-form';
 import './mergeRefs-es.js';
 import './filterDataAttributes-es.js';
 import 'color';
+import './tslib.es6-es.js';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
 import './useChildComponent-es.js';
@@ -174,10 +170,10 @@ import './DataListAction-es.js';
 import './DataListLayoutActions-es.js';
 import './DataListStatusBar-es.js';
 import './clsx-es.js';
-import './FormFieldPostFix-es.js';
 import './useFormFieldFocus-es.js';
 import 'filesize';
 import './GridCell-es.js';
+import './FormFieldPostFix-es.js';
 import 'axios';
 import './useRenderElement-es.js';
 import './BottomSheet-es.js';

package/dist/useAtlantisFormFieldName-cjs.js

@@ -2,9 +2,9 @@
 
 function useAtlantisFormFieldName({ id, nameProp, }) {
     /**
-     * Generate a name if one is not supplied, this is the name
-     * that will be used for react-hook-form and not neccessarily
-     * attached to the DOM
+     * Generate a name if one is not supplied. This is used as the HTML
+     * `name` attribute for form-control inputs that need a stable
+     * identifier; when a consumer supplies `nameProp`, it wins.
      */
     const name = nameProp ? nameProp : `generatedName--${id}`;
     return { name };

package/dist/useAtlantisFormFieldName-es.js

@@ -1,8 +1,8 @@
 function useAtlantisFormFieldName({ id, nameProp, }) {
     /**
-     * Generate a name if one is not supplied, this is the name
-     * that will be used for react-hook-form and not neccessarily
-     * attached to the DOM
+     * Generate a name if one is not supplied. This is used as the HTML
+     * `name` attribute for form-control inputs that need a stable
+     * identifier; when a consumer supplies `nameProp`, it wins.
      */
     const name = nameProp ? nameProp : `generatedName--${id}`;
     return { name };

package/dist/utils/meta/meta.json

@@ -86,8 +86,6 @@
     "FeatureSwitch",
     "Flex",
     "Footer",
-    "Form",
-    "FormField",
     "FormFieldInputHorizontalWrapper",
     "FormFieldInputWrapperStyles",
     "FormFieldLabel",
@@ -127,7 +125,6 @@
     "InputFileContentContext.Provider",
     "InputGroup",
     "InputNumber",
-    "InputPassword",
     "InputPhoneNumber",
     "InputText",
     "InputTime",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.6.0",
+  "version": "8.7.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -195,11 +195,6 @@
       "import": "./dist/Flex/index.mjs",
       "require": "./dist/Flex/index.cjs"
     },
-    "./Form": {
-      "types": "./dist/Form/index.d.ts",
-      "import": "./dist/Form/index.mjs",
-      "require": "./dist/Form/index.cjs"
-    },
     "./FormField": {
       "types": "./dist/FormField/index.d.ts",
       "import": "./dist/FormField/index.mjs",
@@ -280,11 +275,6 @@
       "import": "./dist/InputNumber/index.mjs",
       "require": "./dist/InputNumber/index.cjs"
     },
-    "./InputPassword": {
-      "types": "./dist/InputPassword/index.d.ts",
-      "import": "./dist/InputPassword/index.mjs",
-      "require": "./dist/InputPassword/index.cjs"
-    },
     "./InputPhoneNumber": {
       "types": "./dist/InputPhoneNumber/index.d.ts",
       "import": "./dist/InputPhoneNumber/index.mjs",
@@ -504,7 +494,6 @@
     "react-countdown": "^2.3.2",
     "react-datepicker": "^8.7.0",
     "react-dropzone": "^11.0.2",
-    "react-hook-form": "^7.52.0",
     "react-markdown": "^10.1.0",
     "react-router-dom": "^5.3.4",
     "ts-xor": "^1.0.8",
@@ -514,7 +503,7 @@
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
     "@jobber/design": "0.101.1",
-    "@jobber/hooks": "2.20.1",
+    "@jobber/hooks": "2.21.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
@@ -560,7 +549,6 @@
     "lodash": "^4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-hook-form": "^7.52.0",
     "react-router-dom": "^6"
   },
   "browserslist": [
@@ -568,5 +556,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "3f1dd8cc5b57561326b2dad6431310db346554a5"
+  "gitHead": "60b75a0d6a64b67dcb6607c474ed7aa469474f98"
 }

package/rollup.config.mjs

@@ -180,7 +180,6 @@ export default {
   external: [
     "react",
     "react/jsx-runtime",
-    "react-hook-form",
     "react-router-dom",
     "react-dom",
     "react-dom/client",

package/Form.d.ts

@@ -1 +0,0 @@
-export * from "./dist/Form";

package/Form.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-
-var Form = require("./dist/Form");
-
-Object.keys(Form).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return Form[key];
-    },
-  });
-});

package/InputPassword.d.ts

@@ -1 +0,0 @@
-export * from "./dist/InputPassword";

package/InputPassword.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-
-var InputPassword = require("./dist/InputPassword");
-
-Object.keys(InputPassword).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return InputPassword[key];
-    },
-  });
-});

package/dist/Form/Form.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from "react";
-import React from "react";
-export interface FormRef {
-    submit(): void;
-}
-export interface FormProps {
-    readonly children: ReactNode;
-    /**
-     * Callback for when the form has been sucessfully
-     * submitted.
-     */
-    onSubmit?(): void;
-    onStateChange?(formState: {
-        isDirty: boolean;
-        isValid: boolean;
-    }): void;
-}
-export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormRef>>;

package/dist/Form/index.cjs

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

package/dist/Form/index.d.ts

@@ -1 +0,0 @@
-export { Form, type FormRef } from "./Form";

package/dist/Form/index.mjs

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

package/dist/Form-cjs.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-cjs.js');
-var React = require('react');
-var reactHookForm = require('react-hook-form');
-
-const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
-    const methods = reactHookForm.useForm({
-        mode: "onTouched",
-    });
-    const { trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
-    React.useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
-    React.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: () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
-            const valid = yield trigger(undefined, { shouldFocus: true });
-            if (valid) {
-                submitHandler();
-            }
-        }),
-    }));
-    /**
-     * 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),
-    };
-    return (React.createElement(reactHookForm.FormProvider, Object.assign({}, methods),
-        React.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
-    function submitHandler() {
-        onSubmit && onSubmit();
-    }
-});
-
-exports.Form = Form;

package/dist/Form-es.js

@@ -1,41 +0,0 @@
-import { a as __awaiter } from './tslib.es6-es.js';
-import React__default, { 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 }, } = 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(undefined, { shouldFocus: true });
-            if (valid) {
-                submitHandler();
-            }
-        }),
-    }));
-    /**
-     * 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),
-    };
-    return (React__default.createElement(FormProvider, Object.assign({}, methods),
-        React__default.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
-    function submitHandler() {
-        onSubmit && onSubmit();
-    }
-});
-
-export { Form as F };

package/dist/FormField/FormField.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { FormFieldProps } from "./FormFieldTypes";
-export declare function FormField(props: FormFieldProps): React.JSX.Element;

package/dist/FormField/hooks/useAtlantisFormField.d.ts

@@ -1,91 +0,0 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
-import type { UseControllerReturn } from "react-hook-form";
-import type { FormFieldProps, KeyBoardTypes } from "../FormFieldTypes";
-export interface useAtlantisFormFieldProps extends Pick<FormFieldProps, "description" | "disabled" | "readonly" | "inline" | "autofocus" | "pattern" | "type" | "value"> {
-    /**
-     * The html id for the field
-     */
-    readonly id: string;
-    /**
-     * The name for the html input field if one if provided by consumers of the component
-     */
-    readonly nameProp?: string;
-    /**
-     * The auto-generated name for the html input field if a nameProp is not provided
-     */
-    readonly name: string;
-    /**
-     * The ref used to access the FieldActions of the field
-     */
-    /**
-     * The field returned from react-hook-form's useController
-     */
-    readonly useControllerField: Omit<UseControllerReturn["field"], "ref" | "onChange" | "onBlur">;
-    /**
-     * The keyboard type for the field. This is used to provide hints to the browser about the type of keyboard to display on mobile devices
-     */
-    readonly keyboard?: KeyBoardTypes;
-    /**
-     * The error message for the field
-     */
-    readonly errorMessage: string;
-    /**
-     * Determines if the field has validations
-     */
-    readonly validations: boolean;
-    /**
-     * Callback for when the field value changes
-     */
-    handleChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-    /**
-     * Callback for when the field loses focus
-     */
-    handleBlur: () => void;
-    /**
-     * Callback for when the field gains focus
-     */
-    handleFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-    /**
-     * Callback for when keydown event is triggered on the field
-     */
-    handleKeyDown: (event: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /**
-     * Callback that exposes the error message when the field is validated
-     */
-    handleValidation: (message: string) => void;
-}
-/**
- * Provides the props for the html fields rendered by the FormField component
- */
-export declare function useAtlantisFormField({ id, nameProp, name, useControllerField: useControllerField, description, disabled, readonly, keyboard, autofocus, pattern, type, value, handleChange, handleBlur, handleFocus, inline, validations, handleKeyDown, handleValidation, errorMessage, }: useAtlantisFormFieldProps): {
-    textFieldProps: {
-        autoFocus: boolean | undefined;
-        onKeyDown: (event: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-        "aria-describedby"?: string | undefined;
-        id: string;
-        className: string;
-        name: string | undefined;
-        disabled: boolean | undefined;
-        readOnly: boolean | undefined;
-        inputMode: KeyBoardTypes | undefined;
-        onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-        onBlur: () => void;
-        onFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-        value: any;
-    };
-    fieldProps: {
-        "aria-describedby"?: string | undefined;
-        id: string;
-        className: string;
-        name: string | undefined;
-        disabled: boolean | undefined;
-        readOnly: boolean | undefined;
-        inputMode: KeyBoardTypes | undefined;
-        onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-        onBlur: () => void;
-        onFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-        autoFocus: boolean | undefined;
-        value: any;
-    };
-    descriptionIdentifier: string;
-};

package/dist/FormField/hooks/useAtlantisFormFieldActions.d.ts

@@ -1,22 +0,0 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
-import type { FieldValues, UseFormSetValue } from "react-hook-form";
-import type { FormFieldProps, FormFieldTypes } from "../FormFieldTypes";
-export interface useAtlantisFormFieldActionsProps extends Pick<FormFieldProps, "onChange" | "inputRef" | "onEnter" | "readonly" | "onFocus" | "onBlur" | "onValidation" | "onEnter"> {
-    readonly name: string;
-    readonly onControllerChange: (...event: unknown[]) => void;
-    readonly onControllerBlur: () => void;
-    readonly type: FormFieldTypes;
-    readonly setValue: UseFormSetValue<FieldValues>;
-}
-/**
- * Combines the actions from the props of the FormField with the actions from react-hook-form. This is used to
- * manage the form state of a field through react-hook-form while providing support for additional callbacks
- */
-export declare function useAtlantisFormFieldActions({ name, onChange, inputRef, onControllerChange, onControllerBlur, onEnter, readonly, type, setValue, onFocus, onBlur, onValidation, }: useAtlantisFormFieldActionsProps): {
-    handleClear: () => void;
-    handleChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-    handleKeyDown: (event: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
-    handleBlur: () => void;
-    handleValidation: (message: string) => void;
-};