@4alldigital/foundation-ui--gamma 1.31.6 → 1.31.8

package/dist/index.esm.js

@@ -612,7 +612,7 @@ var Card = function (_a) {
 Card.displayName = 'Card';
 
 var Form = function (_a) {
-    var children = _a.children, className = _a.className, submit = _a.submit, _b = _a.onSubmit, onSubmit = _b === void 0 ? function () { } : _b, onChange = _a.onChange, hideSubmit = _a.hideSubmit, ariaSubmitLabel = _a.ariaSubmitLabel, submitID = _a.submitID, _c = _a.submitVariant, submitVariant = _c === void 0 ? BTN_VARIANTS.PRIMARY : _c, _d = _a.initialValues, initialValues = _d === void 0 ? {} : _d, _e = _a.isBoxed, isBoxed = _e === void 0 ? false : _e;
+    var children = _a.children, className = _a.className, submit = _a.submit, _b = _a.onSubmit, onSubmit = _b === void 0 ? function () { } : _b, onChange = _a.onChange, hideSubmit = _a.hideSubmit, ariaSubmitLabel = _a.ariaSubmitLabel, submitID = _a.submitID, _c = _a.submitVariant, submitVariant = _c === void 0 ? BTN_VARIANTS.PRIMARY : _c, _d = _a.initialValues, initialValues = _d === void 0 ? {} : _d, _e = _a.isBoxed, isBoxed = _e === void 0 ? false : _e, _f = _a.submitType, submitType = _f === void 0 ? BTN_TYPES.SUBMIT : _f, _g = _a.disabledSubmitWithReturn, disabledSubmitWithReturn = _g === void 0 ? false : _g, _h = _a.isDisabled, isDisabled = _h === void 0 ? false : _h;
     var methods = useForm({
         defaultValues: initialValues,
         mode: 'onBlur',
@@ -625,7 +625,12 @@ var Form = function (_a) {
         }
     }, []);
     var submitClasses = cx({ 'sr-only': hideSubmit });
-    return (jsx(FormProvider, __assign({}, methods, { children: jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), className: cx('mb-4 w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsx("div", { className: "flex items-center justify-end py-2", children: jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: BTN_TYPES.SUBMIT, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid, variant: submitVariant, children: submit }) }))] }) }) })));
+    return (jsx(FormProvider, __assign({}, methods, { children: jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), onKeyDown: function (event) {
+                    console.info('onKeyDown event', event);
+                    if (disabledSubmitWithReturn && event.key === 'Enter') {
+                        event.preventDefault();
+                    }
+                }, className: cx('mb-4 w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsx("div", { className: "flex items-center justify-end py-2", children: jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
 };
 Form.displayName = 'Form';
 

package/dist/index.js

@@ -614,7 +614,7 @@ var Card = function (_a) {
 Card.displayName = 'Card';
 
 var Form = function (_a) {
-    var children = _a.children, className = _a.className, submit = _a.submit, _b = _a.onSubmit, onSubmit = _b === void 0 ? function () { } : _b, onChange = _a.onChange, hideSubmit = _a.hideSubmit, ariaSubmitLabel = _a.ariaSubmitLabel, submitID = _a.submitID, _c = _a.submitVariant, submitVariant = _c === void 0 ? exports.BTN_VARIANTS.PRIMARY : _c, _d = _a.initialValues, initialValues = _d === void 0 ? {} : _d, _e = _a.isBoxed, isBoxed = _e === void 0 ? false : _e;
+    var children = _a.children, className = _a.className, submit = _a.submit, _b = _a.onSubmit, onSubmit = _b === void 0 ? function () { } : _b, onChange = _a.onChange, hideSubmit = _a.hideSubmit, ariaSubmitLabel = _a.ariaSubmitLabel, submitID = _a.submitID, _c = _a.submitVariant, submitVariant = _c === void 0 ? exports.BTN_VARIANTS.PRIMARY : _c, _d = _a.initialValues, initialValues = _d === void 0 ? {} : _d, _e = _a.isBoxed, isBoxed = _e === void 0 ? false : _e, _f = _a.submitType, submitType = _f === void 0 ? exports.BTN_TYPES.SUBMIT : _f, _g = _a.disabledSubmitWithReturn, disabledSubmitWithReturn = _g === void 0 ? false : _g, _h = _a.isDisabled, isDisabled = _h === void 0 ? false : _h;
     var methods = reactHookForm.useForm({
         defaultValues: initialValues,
         mode: 'onBlur',
@@ -627,7 +627,12 @@ var Form = function (_a) {
         }
     }, []);
     var submitClasses = cx({ 'sr-only': hideSubmit });
-    return (jsxRuntime.jsx(reactHookForm.FormProvider, __assign({}, methods, { children: jsxRuntime.jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxRuntime.jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), className: cx('mb-4 w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsxRuntime.jsx("div", { className: "flex items-center justify-end py-2", children: jsxRuntime.jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: exports.BTN_TYPES.SUBMIT, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid, variant: submitVariant, children: submit }) }))] }) }) })));
+    return (jsxRuntime.jsx(reactHookForm.FormProvider, __assign({}, methods, { children: jsxRuntime.jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxRuntime.jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), onKeyDown: function (event) {
+                    console.info('onKeyDown event', event);
+                    if (disabledSubmitWithReturn && event.key === 'Enter') {
+                        event.preventDefault();
+                    }
+                }, className: cx('mb-4 w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsxRuntime.jsx("div", { className: "flex items-center justify-end py-2", children: jsxRuntime.jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
 };
 Form.displayName = 'Form';
 

package/dist/types/fui/components/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './Form.types';
 declare const Form: {
-    ({ children, className, submit, onSubmit, onChange, hideSubmit, ariaSubmitLabel, submitID, submitVariant, initialValues, isBoxed, }: Props): React.ReactElement;
+    ({ children, className, submit, onSubmit, onChange, hideSubmit, ariaSubmitLabel, submitID, submitVariant, initialValues, isBoxed, submitType, disabledSubmitWithReturn, isDisabled, }: Props): React.ReactElement;
     displayName: string;
 };
 export default Form;

package/dist/types/fui/components/Form/Form.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BTN_VARIANTS } from '../Button/Button.types';
+import { BTN_TYPES, BTN_VARIANTS } from '../Button/Button.types';
 export interface Props {
     /** The form inputs and content. */
     children: React.ReactNode;
@@ -27,4 +27,10 @@ export interface Props {
     submitVariant?: BTN_VARIANTS;
     /** The form is boxed. */
     isBoxed?: boolean;
+    /** The submit button type. */
+    submitType?: BTN_TYPES.SUBMIT | BTN_TYPES.BUTTON;
+    /** Disable submit button with return key. */
+    disabledSubmitWithReturn?: boolean;
+    /** Disable the form submit button. */
+    isDisabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4alldigital/foundation-ui--gamma",
-  "version": "1.31.6",
+  "version": "1.31.8",
   "description": "Foundation UI Component library with GAMMA theme. ",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -25,7 +25,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2dee6ed0cc592c27c3c936a79b39430fa2b4a025",
+  "gitHead": "c888df3e4af003fe6acec10ccc9b5eae755eab5d",
   "dependencies": {
     "@elastic/datemath": "^5.0.3",
     "@elastic/eui": "^94.1.0",