@smitch/breeze 2.2.13 → 2.2.16

package/lib/form/Form.d.ts

@@ -1,3 +1,4 @@
-import { FormProps } from './types';
-declare const Form: ({ className, style, name, onsubmit, onCancel, layout, showCancel, actions, children, submitLabel, cancelLabel, actionsLayout, actionsSpacing, submitBackground, submitColor, cancelBackground, cancelColor, submitOutline, submitOutlineColor, cancelOutline, cancelOutlineColor, buttonTextcase, buttonShape, buttonIsBold, separator, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { FormProps } from "./types";
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
 export default Form;

package/lib/form/Form.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"use client";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -17,50 +17,59 @@ var react_1 = require("react");
 var tailwind_merge_1 = require("tailwind-merge");
 var __1 = require("..");
 var layouts = {
-    col: 'flex-col',
-    row: 'flex-row flex-wrap',
+    col: "flex-col",
+    row: "flex-row flex-wrap",
 };
-var Form = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, style = _a.style, _c = _a.name, name = _c === void 0 ? 'form' : _c, onsubmit = _a.onsubmit, onCancel = _a.onCancel, _d = _a.layout, layout = _d === void 0 ? 'col' : _d, _e = _a.showCancel, showCancel = _e === void 0 ? false : _e, _f = _a.actions, actions = _f === void 0 ? true : _f, children = _a.children, _g = _a.submitLabel, submitLabel = _g === void 0 ? 'Submit' : _g, _h = _a.cancelLabel, cancelLabel = _h === void 0 ? 'Cancel' : _h, _j = _a.actionsLayout, actionsLayout = _j === void 0 ? 'row' : _j, _k = _a.actionsSpacing, actionsSpacing = _k === void 0 ? '0' : _k, _l = _a.submitBackground, submitBackground = _l === void 0 ? 'primary' : _l, _m = _a.submitColor, submitColor = _m === void 0 ? 'light' : _m, _o = _a.cancelBackground, cancelBackground = _o === void 0 ? 'transparent' : _o, _p = _a.cancelColor, cancelColor = _p === void 0 ? 'current' : _p, _q = _a.submitOutline, submitOutline = _q === void 0 ? false : _q, _r = _a.submitOutlineColor, submitOutlineColor = _r === void 0 ? 'current' : _r, _s = _a.cancelOutline, cancelOutline = _s === void 0 ? false : _s, _t = _a.cancelOutlineColor, cancelOutlineColor = _t === void 0 ? 'current' : _t, _u = _a.buttonTextcase, buttonTextcase = _u === void 0 ? 'normal-case' : _u, _v = _a.buttonShape, buttonShape = _v === void 0 ? 'default' : _v, _w = _a.buttonIsBold, buttonIsBold = _w === void 0 ? false : _w, _x = _a.separator, separator = _x === void 0 ? false : _x;
-    var form = (0, react_1.useRef)(null);
+var Form = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, _c = _a.name, name = _c === void 0 ? "form" : _c, onFormSubmit = _a.onFormSubmit, onCancel = _a.onCancel, _d = _a.layout, layout = _d === void 0 ? "col" : _d, _e = _a.showCancel, showCancel = _e === void 0 ? false : _e, _f = _a.actions, actions = _f === void 0 ? true : _f, children = _a.children, _g = _a.submitLabel, submitLabel = _g === void 0 ? "Submit" : _g, _h = _a.cancelLabel, cancelLabel = _h === void 0 ? "Cancel" : _h, _j = _a.actionsLayout, actionsLayout = _j === void 0 ? "row" : _j, _k = _a.actionsSpacing, actionsSpacing = _k === void 0 ? "0" : _k, _l = _a.submitBackground, submitBackground = _l === void 0 ? "primary" : _l, _m = _a.submitColor, submitColor = _m === void 0 ? "light" : _m, _o = _a.cancelBackground, cancelBackground = _o === void 0 ? "transparent" : _o, _p = _a.cancelColor, cancelColor = _p === void 0 ? "current" : _p, _q = _a.submitOutline, submitOutline = _q === void 0 ? false : _q, _r = _a.submitOutlineColor, submitOutlineColor = _r === void 0 ? "current" : _r, _s = _a.cancelOutline, cancelOutline = _s === void 0 ? false : _s, _t = _a.cancelOutlineColor, cancelOutlineColor = _t === void 0 ? "current" : _t, _u = _a.buttonTextcase, buttonTextcase = _u === void 0 ? "normal-case" : _u, _v = _a.buttonShape, buttonShape = _v === void 0 ? "default" : _v, _w = _a.buttonIsBold, buttonIsBold = _w === void 0 ? false : _w, _x = _a.separator, separator = _x === void 0 ? false : _x;
+    var internalRef = (0, react_1.useRef)(null);
     var _y = (0, react_1.useState)(false), valid = _y[0], setValid = _y[1];
     var _z = (0, react_1.useState)({}), formData = _z[0], setFormData = _z[1];
     var layoutClasses = (0, react_1.useMemo)(function () { return layouts[layout]; }, [layout]);
     var handleSubmit = function (e) {
         e.preventDefault();
-        if (onsubmit) {
-            onsubmit(formData);
+        if (internalRef.current && !internalRef.current.checkValidity()) {
+            setValid(false);
+            return;
+        }
+        if (onFormSubmit) {
+            onFormSubmit(formData);
         }
     };
     var handleCancel = function () {
-        if (onCancel) {
+        if (onCancel)
             onCancel();
-        }
     };
     var handleInputChange = (0, react_1.useCallback)(function (event) {
         var target = event.target;
         var name = target.name, value = target.value;
-        setFormData(function (prevData) {
+        setFormData(function (prev) {
             var _a;
-            var updatedData = __assign(__assign({}, prevData), (_a = {}, _a[name] = value, _a));
-            return updatedData;
+            return (__assign(__assign({}, prev), (_a = {}, _a[name] = value, _a)));
         });
-        if (form.current) {
-            setValid(form.current.checkValidity());
+        if (internalRef.current) {
+            setValid(internalRef.current.checkValidity());
         }
     }, []);
-    var setFormRef = (0, react_1.useCallback)(function (node) {
+    var setRefs = (0, react_1.useCallback)(function (node) {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
         if (node) {
-            form.current = node;
-            node.addEventListener('change', handleInputChange, true);
+            node.addEventListener("change", handleInputChange, true);
         }
         return function () {
             if (node) {
-                node.removeEventListener('change', handleInputChange, true);
+                node.removeEventListener("change", handleInputChange, true);
             }
         };
-    }, [handleInputChange]);
-    return ((0, jsx_runtime_1.jsxs)("form", { className: (0, tailwind_merge_1.twMerge)("form group flex ".concat(layoutClasses, " gap-8"), className), style: style, name: name, id: name, ref: setFormRef, onSubmit: handleSubmit, children: [children, actions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [separator && (0, jsx_runtime_1.jsx)("hr", { className: 'border-neutral border-t-2 opacity-70' }), (0, jsx_runtime_1.jsxs)("div", { className: "form-actions mt-auto flex group justify-between flex-grow flex-".concat(actionsLayout, " gap-").concat(actionsSpacing), children: [showCancel ? ((0, jsx_runtime_1.jsx)(__1.Button, { type: 'button', className: "!justify-center flex-grow", btnBackground: cancelBackground, btnColor: cancelColor, outline: cancelOutline, outlineColor: cancelOutlineColor, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, onClick: handleCancel, children: cancelLabel })) : null, (0, jsx_runtime_1.jsx)(__1.Button, { type: 'submit', className: "!justify-center flex-grow", btnBackground: submitBackground, btnColor: submitColor, outline: submitOutline, outlineColor: submitOutlineColor, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, disabled: !valid, children: submitLabel })] })] }))] }));
-};
+    }, [handleInputChange, ref]);
+    return ((0, jsx_runtime_1.jsxs)("form", { className: (0, tailwind_merge_1.twMerge)("form group flex ".concat(layoutClasses, " gap-8"), className), style: style, name: name, id: name, ref: setRefs, onSubmit: handleSubmit, children: [children, actions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [separator && (0, jsx_runtime_1.jsx)("hr", { className: "border-neutral border-t-2 opacity-70" }), (0, jsx_runtime_1.jsxs)("div", { className: "form-actions mt-auto flex group justify-between flex-grow flex-".concat(actionsLayout, " gap-").concat(actionsSpacing), children: [showCancel && ((0, jsx_runtime_1.jsx)(__1.Button, { type: "button", className: "!justify-center flex-grow", btnBackground: cancelBackground, btnColor: cancelColor, outline: cancelOutline, outlineColor: cancelOutlineColor, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, onClick: handleCancel, children: cancelLabel })), (0, jsx_runtime_1.jsx)(__1.Button, { type: "submit", className: "!justify-center flex-grow", btnBackground: submitBackground, btnColor: submitColor, outline: submitOutline, outlineColor: submitOutlineColor, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, disabled: !valid, children: submitLabel })] })] }))] }));
+});
+Form.displayName = "Form";
 exports.default = Form;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9mb3JtL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7Ozs7Ozs7Ozs7Ozs7O0FBRVosK0JBQXFFO0FBRXJFLGlEQUF3QztBQUV4Qyx3QkFBMkI7QUFJM0IsSUFBTSxPQUFPLEdBQUc7SUFDZixHQUFHLEVBQUUsVUFBVTtJQUNmLEdBQUcsRUFBRSxvQkFBb0I7Q0FDekIsQ0FBQTtBQUVELElBQU0sSUFBSSxHQUFHLFVBQUMsRUEwQkY7UUF6QlgsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLEtBQUssV0FBQSxFQUNMLFlBQWEsRUFBYixJQUFJLG1CQUFHLE1BQU0sS0FBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUNkLGtCQUFrQixFQUFsQixVQUFVLG1CQUFHLEtBQUssS0FBQSxFQUNsQixlQUFjLEVBQWQsT0FBTyxtQkFBRyxJQUFJLEtBQUEsRUFDZCxRQUFRLGNBQUEsRUFDUixtQkFBc0IsRUFBdEIsV0FBVyxtQkFBRyxRQUFRLEtBQUEsRUFDdEIsbUJBQXNCLEVBQXRCLFdBQVcsbUJBQUcsUUFBUSxLQUFBLEVBQ3RCLHFCQUFxQixFQUFyQixhQUFhLG1CQUFHLEtBQUssS0FBQSxFQUNyQixzQkFBb0IsRUFBcEIsY0FBYyxtQkFBRyxHQUFHLEtBQUEsRUFDcEIsd0JBQTRCLEVBQTVCLGdCQUFnQixtQkFBRyxTQUFTLEtBQUEsRUFDNUIsbUJBQXFCLEVBQXJCLFdBQVcsbUJBQUcsT0FBTyxLQUFBLEVBQ3JCLHdCQUFnQyxFQUFoQyxnQkFBZ0IsbUJBQUcsYUFBYSxLQUFBLEVBQ2hDLG1CQUF1QixFQUF2QixXQUFXLG1CQUFHLFNBQVMsS0FBQSxFQUN2QixxQkFBcUIsRUFBckIsYUFBYSxtQkFBRyxLQUFLLEtBQUEsRUFDckIs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9mb3JtL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBRWIsK0JBQWtGO0FBQ2xGLGlEQUF5QztBQUN6Qyx3QkFBNEI7QUFHNUIsSUFBTSxPQUFPLEdBQUc7SUFDZCxHQUFHLEVBQUUsVUFBVTtJQUNmLEdBQUcsRUFBRSxvQkFBb0I7Q0FDMUIsQ0FBQztBQUVGLElBQU0sSUFBSSxHQUFHLElBQUEsa0JBQVUsRUFDckIsVUFDRSxFQTBCQyxFQUNELEdBQUc7UUExQkQsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLEtBQUssV0FBQSxFQUNMLFlBQWEsRUFBYixJQUFJLG1CQUFHLE1BQU0sS0FBQSxFQUNiLFlBQVksa0JBQUEsRUFDWixRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsZUFBYyxFQUFkLE9BQU8sbUJBQUcsSUFBSSxLQUFBLEVBQ2QsUUFBUSxjQUFBLEVBQ1IsbUJBQXNCLEVBQXRCLFdBQVcsbUJBQUcsUUFBUSxLQUFBLEVBQ3RCLG1CQUFzQixFQUF0QixXQUFXLG1CQUFHLFFBQVEsS0FBQSxFQUN0QixxQkFBcUIsRUFBckIsYUFBYSxtQkFBRyxLQUFLLEtBQUEsRUFDckIsc0JBQW9CLEVBQXBCLGNBQWMsbUJBQUcsR0FBRyxLQUFBLEVBQ3BCLHdCQUE0QixFQUE1QixnQkFBZ0IsbUJBQUcsU0FBUyxLQUFBLEVBQzVCLG1CQUFxQixFQUFyQixXQUFXLG1CQUFHLE9BQU8sS0FBQSxFQUNyQix3QkFBZ0MsRUFBaEMsZ0JBQWdCLG1CQUFHLGFBQWEsS0FBQSxFQUNoQyxtQkFBdUIsRUFBdkIsV0FBVyxtQkFBRyxTQUFTLEtBQUEsRUFDdkIscUJBQXFCLEVBQXJC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

package/lib/form/RegisterForm.d.ts

@@ -1,3 +1,3 @@
-import { RegisterFormProps } from './types';
-declare const RegisterForm: ({ action, actionsLayout, actionsSpacing, onCancel, onsubmit, showCancel, submitLabel, cancelLabel, submitBackground, submitColor, submitOutlineColor, cancelBackground, cancelColor, cancelOutlineColor, separator, name, className, style, buttonOutline, buttonTextcase, buttonShape, buttonIsBold, legendText, legendisBold, legendAlign, legendSize, spacing, hasBorder, userLabel, userAutocomplete, userPlaceholder, passwordLabel, passwordPlaceholder, passwordPattern, passwordTitle, confirmLabel, confirmPlaceholder, confirmTitle, inputsLayout, inputsSize, inputsRounded, checkLabel, checkLabelIsBold, checkRounded, checkHint, }: RegisterFormProps) => import("react/jsx-runtime").JSX.Element;
+import { RegisterFormProps } from "./types";
+declare const RegisterForm: ({ action, actionsLayout, actionsSpacing, onCancel, onFormSubmit, showCancel, submitLabel, cancelLabel, submitBackground, submitColor, submitOutlineColor, cancelBackground, cancelColor, cancelOutlineColor, separator, name, className, style, buttonOutline, buttonTextcase, buttonShape, buttonIsBold, legendText, legendisBold, legendAlign, legendSize, spacing, hasBorder, userLabel, userAutocomplete, userPlaceholder, passwordLabel, passwordPlaceholder, passwordPattern, passwordTitle, confirmLabel, confirmPlaceholder, confirmTitle, inputsLayout, inputsSize, inputsRounded, checkLabel, checkLabelIsBold, checkRounded, checkHint, }: RegisterFormProps) => import("react/jsx-runtime").JSX.Element;
 export default RegisterForm;

package/lib/form/RegisterForm.js

@@ -1,12 +1,12 @@
 "use strict";
-'use client';
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var __1 = require("..");
 var RegisterForm = function (_a) {
-    var action = _a.action, _b = _a.actionsLayout, actionsLayout = _b === void 0 ? 'row' : _b, _c = _a.actionsSpacing, actionsSpacing = _c === void 0 ? '0' : _c, onCancel = _a.onCancel, onsubmit = _a.onsubmit, _d = _a.showCancel, showCancel = _d === void 0 ? true : _d, _e = _a.submitLabel, submitLabel = _e === void 0 ? 'Register' : _e, _f = _a.cancelLabel, cancelLabel = _f === void 0 ? 'Cancel' : _f, _g = _a.submitBackground, submitBackground = _g === void 0 ? 'primary' : _g, _h = _a.submitColor, submitColor = _h === void 0 ? 'light' : _h, _j = _a.submitOutlineColor, submitOutlineColor = _j === void 0 ? 'current' : _j, _k = _a.cancelBackground, cancelBackground = _k === void 0 ? 'transparent' : _k, _l = _a.cancelColor, cancelColor = _l === void 0 ? 'current' : _l, _m = _a.cancelOutlineColor, cancelOutlineColor = _m === void 0 ? 'current' : _m, _o = _a.separator, separator = _o === void 0 ? true : _o, _p = _a.name, name = _p === void 0 ? 'register' : _p, _q = _a.className, className = _q === void 0 ? '' : _q, style = _a.style, _r = _a.buttonOutline, buttonOutline = _r === void 0 ? false : _r, _s = _a.buttonTextcase, buttonTextcase = _s === void 0 ? 'normal-case' : _s, _t = _a.buttonShape, buttonShape = _t === void 0 ? 'default' : _t, _u = _a.buttonIsBold, buttonIsBold = _u === void 0 ? true : _u, _v = _a.legendText, legendText = _v === void 0 ? 'Register' : _v, _w = _a.legendisBold, legendisBold = _w === void 0 ? true : _w, _x = _a.legendAlign, legendAlign = _x === void 0 ? 'center' : _x, _y = _a.legendSize, legendSize = _y === void 0 ? 'md' : _y, _z = _a.spacing, spacing = _z === void 0 ? '4' : _z, _0 = _a.hasBorder, hasBorder = _0 === void 0 ? false : _0, userLabel = _a.userLabel, _1 = _a.userAutocomplete, userAutocomplete = _1 === void 0 ? 'email' : _1, userPlaceholder = _a.userPlaceholder, passwordLabel = _a.passwordLabel, passwordPlaceholder = _a.passwordPlaceholder, passwordPattern = _a.passwordPattern, passwordTitle = _a.passwordTitle, confirmLabel = _a.confirmLabel, confirmPlaceholder = _a.confirmPlaceholder, confirmTitle = _a.confirmTitle, _2 = _a.inputsLayout, inputsLayout = _2 === void 0 ? 'col' : _2, _3 = _a.inputsSize, inputsSize = _3 === void 0 ? 'md' : _3, _4 = _a.inputsRounded, inputsRounded = _4 === void 0 ? 'none' : _4, checkLabel = _a.checkLabel, checkLabelIsBold = _a.checkLabelIsBold, checkRounded = _a.checkRounded, checkHint = _a.checkHint;
-    var _5 = (0, react_1.useState)(''), newpassword = _5[0], setNewpassword = _5[1];
+    var action = _a.action, _b = _a.actionsLayout, actionsLayout = _b === void 0 ? "row" : _b, _c = _a.actionsSpacing, actionsSpacing = _c === void 0 ? "0" : _c, onCancel = _a.onCancel, onFormSubmit = _a.onFormSubmit, _d = _a.showCancel, showCancel = _d === void 0 ? true : _d, _e = _a.submitLabel, submitLabel = _e === void 0 ? "Register" : _e, _f = _a.cancelLabel, cancelLabel = _f === void 0 ? "Cancel" : _f, _g = _a.submitBackground, submitBackground = _g === void 0 ? "primary" : _g, _h = _a.submitColor, submitColor = _h === void 0 ? "light" : _h, _j = _a.submitOutlineColor, submitOutlineColor = _j === void 0 ? "current" : _j, _k = _a.cancelBackground, cancelBackground = _k === void 0 ? "transparent" : _k, _l = _a.cancelColor, cancelColor = _l === void 0 ? "current" : _l, _m = _a.cancelOutlineColor, cancelOutlineColor = _m === void 0 ? "current" : _m, _o = _a.separator, separator = _o === void 0 ? true : _o, _p = _a.name, name = _p === void 0 ? "register" : _p, _q = _a.className, className = _q === void 0 ? "" : _q, style = _a.style, _r = _a.buttonOutline, buttonOutline = _r === void 0 ? false : _r, _s = _a.buttonTextcase, buttonTextcase = _s === void 0 ? "normal-case" : _s, _t = _a.buttonShape, buttonShape = _t === void 0 ? "default" : _t, _u = _a.buttonIsBold, buttonIsBold = _u === void 0 ? true : _u, _v = _a.legendText, legendText = _v === void 0 ? "Register" : _v, _w = _a.legendisBold, legendisBold = _w === void 0 ? true : _w, _x = _a.legendAlign, legendAlign = _x === void 0 ? "center" : _x, _y = _a.legendSize, legendSize = _y === void 0 ? "md" : _y, _z = _a.spacing, spacing = _z === void 0 ? "4" : _z, _0 = _a.hasBorder, hasBorder = _0 === void 0 ? false : _0, userLabel = _a.userLabel, _1 = _a.userAutocomplete, userAutocomplete = _1 === void 0 ? "email" : _1, userPlaceholder = _a.userPlaceholder, passwordLabel = _a.passwordLabel, passwordPlaceholder = _a.passwordPlaceholder, passwordPattern = _a.passwordPattern, passwordTitle = _a.passwordTitle, confirmLabel = _a.confirmLabel, confirmPlaceholder = _a.confirmPlaceholder, confirmTitle = _a.confirmTitle, _2 = _a.inputsLayout, inputsLayout = _2 === void 0 ? "col" : _2, _3 = _a.inputsSize, inputsSize = _3 === void 0 ? "md" : _3, _4 = _a.inputsRounded, inputsRounded = _4 === void 0 ? "none" : _4, checkLabel = _a.checkLabel, checkLabelIsBold = _a.checkLabelIsBold, checkRounded = _a.checkRounded, checkHint = _a.checkHint;
+    var _5 = (0, react_1.useState)(""), newpassword = _5[0], setNewpassword = _5[1];
     var handleCreatePassword = function (value) {
         setNewpassword(value);
     };
@@ -15,7 +15,10 @@ var RegisterForm = function (_a) {
             onCancel();
         }
     };
-    return ((0, jsx_runtime_1.jsx)(__1.Form, { action: action, actionsLayout: actionsLayout, actionsSpacing: actionsSpacing, onCancel: handleCancel, onsubmit: onsubmit, showCancel: showCancel, submitLabel: submitLabel, submitBackground: submitBackground, submitColor: submitColor, submitOutline: buttonOutline, submitOutlineColor: submitOutlineColor, cancelLabel: cancelLabel, cancelBackground: cancelBackground, cancelColor: cancelColor, cancelOutline: buttonOutline, cancelOutlineColor: cancelOutlineColor, separator: separator, name: name, method: 'POST', className: className, style: style, buttonTextcase: buttonTextcase, buttonShape: buttonShape, buttonIsBold: buttonIsBold, children: (0, jsx_runtime_1.jsxs)(__1.Fieldset, { legendText: legendText, legendSize: legendSize, isBold: legendisBold, spacing: spacing, legendAlign: legendAlign, hasBorder: hasBorder, children: [(0, jsx_runtime_1.jsx)(__1.TextInput, { label: userLabel, autocomplete: userAutocomplete, placeholder: userPlaceholder, name: 'user-name', id: 'user-name', required: true, layout: inputsLayout, size: inputsSize, rounded: inputsRounded }), (0, jsx_runtime_1.jsx)(__1.PasswordInput, { name: 'newpassword', label: passwordLabel, placeholder: passwordPlaceholder, title: passwordTitle, autocomplete: 'new-password', pattern: passwordPattern, onInputChange: handleCreatePassword, layout: inputsLayout, size: inputsSize, rounded: inputsRounded, required: true, hint: true }), (0, jsx_runtime_1.jsx)(__1.PasswordInput, { label: confirmLabel, autocomplete: 'new-password', placeholder: confirmPlaceholder, title: confirmTitle, name: 'confirmpassword', pattern: newpassword, layout: inputsLayout, size: inputsSize, rounded: inputsRounded, required: true, hint: true }), (0, jsx_runtime_1.jsx)(__1.Checkbox, { label: checkLabel, labelIsBold: checkLabelIsBold, size: inputsSize, rounded: checkRounded, name: 'terms', required: true, hint: checkHint })] }) }));
+    var handleSubmit = function () {
+        console.log("handleSubmit");
+    };
+    return ((0, jsx_runtime_1.jsx)(__1.Form, { action: action, actionsLayout: actionsLayout, actionsSpacing: actionsSpacing, onCancel: handleCancel, onFormSubmit: handleSubmit, showCancel: showCancel, submitLabel: submitLabel, submitBackground: submitBackground, submitColor: submitColor, submitOutline: buttonOutline, submitOutlineColor: submitOutlineColor, cancelLabel: cancelLabel, cancelBackground: cancelBackground, cancelColor: cancelColor, cancelOutline: buttonOutline, cancelOutlineColor: cancelOutlineColor, separator: separator, name: name, method: "POST", className: className, style: style, buttonTextcase: buttonTextcase, buttonShape: buttonShape, buttonIsBold: buttonIsBold, children: (0, jsx_runtime_1.jsxs)(__1.Fieldset, { legendText: legendText, legendSize: legendSize, isBold: legendisBold, spacing: spacing, legendAlign: legendAlign, hasBorder: hasBorder, children: [(0, jsx_runtime_1.jsx)(__1.TextInput, { label: userLabel, autocomplete: userAutocomplete, placeholder: userPlaceholder, name: "user-name", id: "user-name", required: true, layout: inputsLayout, size: inputsSize, rounded: inputsRounded }), (0, jsx_runtime_1.jsx)(__1.PasswordInput, { name: "newpassword", label: passwordLabel, placeholder: passwordPlaceholder, title: passwordTitle, autocomplete: "new-password", pattern: passwordPattern, onInputChange: handleCreatePassword, layout: inputsLayout, size: inputsSize, rounded: inputsRounded, required: true, hint: true }), (0, jsx_runtime_1.jsx)(__1.PasswordInput, { label: confirmLabel, autocomplete: "new-password", placeholder: confirmPlaceholder, title: confirmTitle, name: "confirmpassword", pattern: newpassword, layout: inputsLayout, size: inputsSize, rounded: inputsRounded, required: true, hint: true }), (0, jsx_runtime_1.jsx)(__1.Checkbox, { label: checkLabel, labelIsBold: checkLabelIsBold, size: inputsSize, rounded: checkRounded, name: "terms", required: true, hint: checkHint })] }) }));
 };
 exports.default = RegisterForm;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVnaXN0ZXJGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL2Zvcm0vUmVnaXN0ZXJGb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFBOzs7QUFFWiwrQkFBdUM7QUFDdkMsd0JBQXVFO0FBR3ZFLElBQU0sWUFBWSxHQUFHLFVBQUMsRUE4Q0Y7UUE3Q25CLE1BQU0sWUFBQSxFQUNOLHFCQUFxQixFQUFyQixhQUFhLG1CQUFHLEtBQUssS0FBQSxFQUNyQixzQkFBb0IsRUFBcEIsY0FBYyxtQkFBRyxHQUFHLEtBQUEsRUFDcEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1Isa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQ2pCLG1CQUF3QixFQUF4QixXQUFXLG1CQUFHLFVBQVUsS0FBQSxFQUN4QixtQkFBc0IsRUFBdEIsV0FBVyxtQkFBRyxRQUFRLEtBQUEsRUFDdEIsd0JBQTRCLEVBQTVCLGdCQUFnQixtQkFBRyxTQUFTLEtBQUEsRUFDNUIsbUJBQXFCLEVBQXJCLFdBQVcsbUJBQUcsT0FBTyxLQUFBLEVBQ3JCLDBCQUE4QixFQUE5QixrQkFBa0IsbUJBQUcsU0FBUyxLQUFBLEVBQzlCLHdCQUFnQyxFQUFoQyxnQkFBZ0IsbUJBQUcsYUFBYSxLQUFBLEVBQ2hDLG1CQUF1QixFQUF2QixXQUFXLG1CQUFHLFNBQVMsS0FBQSxFQUN2QiwwQkFBOEIsRUFBOUIsa0JBQWtCLG1CQUFHLFNBQVMsS0FBQSxFQUM5QixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsWUFBaUIsRUFBakIsSUFBSSxtQkFBRyxVQUFVLEtBQUEsRUFDakIsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLEtBQUssV0FBQSxFQUNMLHFCQUFxQixFQUFyQixhQUFhLG1CQUFHLEtBQUssS0FBQSxFQUNyQixzQkFBOEIsRUFBOUIsY0FBYyxtQkFBRyxh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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVnaXN0ZXJGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL2Zvcm0vUmVnaXN0ZXJGb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFDOzs7QUFFYiwrQkFBd0M7QUFDeEMsd0JBQXdFO0FBR3hFLElBQU0sWUFBWSxHQUFHLFVBQUMsRUE4Q0Y7UUE3Q2xCLE1BQU0sWUFBQSxFQUNOLHFCQUFxQixFQUFyQixhQUFhLG1CQUFHLEtBQUssS0FBQSxFQUNyQixzQkFBb0IsRUFBcEIsY0FBYyxtQkFBRyxHQUFHLEtBQUEsRUFDcEIsUUFBUSxjQUFBLEVBQ1IsWUFBWSxrQkFBQSxFQUNaLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUNqQixtQkFBd0IsRUFBeEIsV0FBVyxtQkFBRyxVQUFVLEtBQUEsRUFDeEIsbUJBQXNCLEVBQXRCLFdBQVcsbUJBQUcsUUFBUSxLQUFBLEVBQ3RCLHdCQUE0QixFQUE1QixnQkFBZ0IsbUJBQUcsU0FBUyxLQUFBLEVBQzVCLG1CQUFxQixFQUFyQixXQUFXLG1CQUFHLE9BQU8sS0FBQSxFQUNyQiwwQkFBOEIsRUFBOUIsa0JBQWtCLG1CQUFHLFNBQVMsS0FBQSxFQUM5Qix3QkFBZ0MsRUFBaEMsZ0JBQWdCLG1CQUFHLGFBQWEsS0FBQSxFQUNoQyxtQkFBdUIsRUFBdkIsV0FBVyxtQkFBRyxTQUFTLEtBQUEsRUFDdkIsMEJBQThCLEVBQTlCLGtCQUFrQixtQkFBRyxTQUFTLEtBQUEsRUFDOUIsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLFlBQWlCLEVBQWpCLElBQUksbUJBQUcsVUFBVSxLQUFBLEVBQ2pCLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxxQkFBcUIsRUFBckIsYUFBYSxtQkFBRyxLQUFLLEtBQUEsRUFDckIsc0JBQThCLEVBQTlCLGNBQWMsbUJBQUcs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

package/lib/form/types/index.d.ts

@@ -1,23 +1,23 @@
-type BaseColorOption = 'dark' | 'light' | 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary';
-type ColorOption = BaseColorOption | 'current';
-type OutlineColorOption = ColorOption | 'accent';
-type BackgroundOption = BaseColorOption | 'transparent';
-type SpacingOption = '0' | '1' | '2' | '4' | '8';
-type AlignOption = 'left' | 'center' | 'right';
-type SizeOption = 'sm' | 'md' | 'lg' | 'xl';
+type BaseColorOption = "dark" | "light" | "info" | "success" | "warning" | "danger" | "primary" | "secondary";
+type ColorOption = BaseColorOption | "current";
+type OutlineColorOption = ColorOption | "accent";
+type BackgroundOption = BaseColorOption | "transparent";
+type SpacingOption = "0" | "1" | "2" | "4" | "8";
+type AlignOption = "left" | "center" | "right";
+type SizeOption = "sm" | "md" | "lg" | "xl";
 interface CommonFormProps {
     name?: string;
     action?: string;
-    layout?: 'col' | 'row';
+    layout?: "col" | "row";
     className?: string;
     style?: React.CSSProperties;
-    onsubmit?: (formData: {
+    onFormSubmit?: (formData: {
         [key: string]: string;
     }) => void;
     onCancel?: () => void;
     showCancel?: boolean;
     actions?: boolean;
-    actionsLayout?: 'row' | 'row-reverse' | 'col' | 'col-reverse';
+    actionsLayout?: "row" | "row-reverse" | "col" | "col-reverse";
     actionsSpacing?: SpacingOption;
     separator?: boolean;
     submitLabel?: string;
@@ -30,13 +30,13 @@ interface CommonFormProps {
     submitOutlineColor?: OutlineColorOption;
     cancelOutline?: boolean;
     cancelOutlineColor?: ColorOption;
-    buttonTextcase?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
-    buttonShape?: 'default' | 'rounded' | 'pill';
+    buttonTextcase?: "uppercase" | "lowercase" | "capitalize" | "normal-case";
+    buttonShape?: "default" | "rounded" | "pill";
     buttonIsBold?: boolean;
 }
 export interface FormProps extends React.HTMLAttributes<HTMLFormElement>, CommonFormProps {
-    method?: 'GET' | 'POST' | 'dialog' | string;
-    enctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain' | string;
+    method?: "GET" | "POST" | "dialog" | string;
+    enctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | string;
 }
 export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
     legendText?: string;
@@ -45,7 +45,7 @@ export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSet
     legendSize?: SizeOption;
     hasBorder?: boolean;
     isBold?: boolean;
-    spacing?: '4' | '8';
+    spacing?: "4" | "8";
     className?: string;
 }
 export interface LegendProps extends React.HTMLProps<HTMLLegendElement> {
@@ -59,11 +59,11 @@ export interface RegisterFormProps extends CommonFormProps {
     legendisBold?: boolean;
     legendAlign?: AlignOption;
     legendSize?: SizeOption;
-    spacing?: '4' | '8';
+    spacing?: "4" | "8";
     hasBorder?: boolean;
     buttonOutline?: boolean;
     userLabel: string;
-    userAutocomplete?: 'username' | 'email' | 'username email';
+    userAutocomplete?: "username" | "email" | "username email";
     userPlaceholder?: string;
     passwordLabel: string;
     passwordPlaceholder?: string;
@@ -72,12 +72,12 @@ export interface RegisterFormProps extends CommonFormProps {
     confirmLabel: string;
     confirmPlaceholder?: string;
     confirmTitle?: string;
-    inputsLayout?: 'col' | 'row';
-    inputsSize?: 'md' | 'lg' | 'xl';
-    inputsRounded?: 'none' | 'md' | 'lg' | 'full';
+    inputsLayout?: "col" | "row";
+    inputsSize?: "md" | "lg" | "xl";
+    inputsRounded?: "none" | "md" | "lg" | "full";
     checkLabel: string;
     checkLabelIsBold?: boolean;
-    checkRounded?: 'none' | 'full';
+    checkRounded?: "none" | "full";
     checkHint?: React.ReactNode;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smitch/breeze",
-  "version": "2.2.13",
+  "version": "2.2.16",
   "description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
   "main": "lib/index.js",
   "types": "index.d.ts",