@smitch/breeze 2.2.24 → 2.2.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/form/Form.js
CHANGED
|
@@ -16,9 +16,9 @@ var actionsLayouts = {
|
|
|
16
16
|
"col-reverse": "flex-col flex-col-reverse",
|
|
17
17
|
};
|
|
18
18
|
var Form = (0, react_1.forwardRef)(function (_a, ref) {
|
|
19
|
-
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 ? "4" : _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 =
|
|
19
|
+
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 ? "4" : _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.buttonSize, buttonSize = _u === void 0 ? "md" : _u, _v = _a.buttonTextcase, buttonTextcase = _v === void 0 ? "normal-case" : _v, _w = _a.buttonShape, buttonShape = _w === void 0 ? "default" : _w, _x = _a.buttonIsBold, buttonIsBold = _x === void 0 ? false : _x, _y = _a.separator, separator = _y === void 0 ? false : _y;
|
|
20
20
|
var formRef = (0, react_1.useRef)(null);
|
|
21
|
-
var
|
|
21
|
+
var _z = (0, react_1.useState)(false), isValid = _z[0], setIsValid = _z[1];
|
|
22
22
|
var setFormRef = (0, react_1.useCallback)(function (node) {
|
|
23
23
|
formRef.current = node;
|
|
24
24
|
if (typeof ref === "function") {
|
|
@@ -37,13 +37,12 @@ var Form = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
37
37
|
var form = formRef.current;
|
|
38
38
|
if (!form)
|
|
39
39
|
return;
|
|
40
|
-
var
|
|
41
|
-
|
|
42
|
-
form.addEventListener(
|
|
40
|
+
var events = ["input", "change", "blur", "keyup"];
|
|
41
|
+
var handler = function () { return validateForm(); };
|
|
42
|
+
events.forEach(function (event) { return form.addEventListener(event, handler); });
|
|
43
43
|
validateForm();
|
|
44
44
|
return function () {
|
|
45
|
-
form.removeEventListener(
|
|
46
|
-
form.removeEventListener("input", handleChangeOrInput);
|
|
45
|
+
events.forEach(function (event) { return form.removeEventListener(event, handler); });
|
|
47
46
|
};
|
|
48
47
|
}, [validateForm]);
|
|
49
48
|
var handleSubmit = function (e) {
|
|
@@ -62,8 +61,8 @@ var Form = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
62
61
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
63
62
|
};
|
|
64
63
|
var layoutClasses = layouts[layout];
|
|
65
|
-
return ((0, jsx_runtime_1.jsxs)("form", { ref: setFormRef, name: name, id: name, className: (0, tailwind_merge_1.twMerge)("flex", layoutClasses, "gap-8", className), style: style, onSubmit: handleSubmit, noValidate: true, children: [children, actions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [separator && (0, jsx_runtime_1.jsx)("hr", { className: "col-span-full border-t border-neutral opacity-70" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-".concat(actionsSpacing,
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)("form", { ref: setFormRef, name: name, id: name, className: (0, tailwind_merge_1.twMerge)("flex", layoutClasses, "gap-8", className), style: style, onSubmit: handleSubmit, noValidate: true, children: [children, actions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [separator && (0, jsx_runtime_1.jsx)("hr", { className: "col-span-full border-t border-neutral opacity-70" }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("flex", "gap-".concat(actionsSpacing), actionsLayouts[actionsLayout]), children: [showCancel && ((0, jsx_runtime_1.jsx)(__1.Button, { type: "button", onClick: handleCancel, btnBackground: cancelBackground, btnColor: cancelColor, outline: cancelOutline, outlineColor: cancelOutlineColor, size: buttonSize, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, className: "flex-grow", children: cancelLabel })), (0, jsx_runtime_1.jsx)(__1.Button, { type: "submit", disabled: !isValid, btnBackground: submitBackground, btnColor: submitColor, outline: submitOutline, outlineColor: submitOutlineColor, size: buttonSize, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, className: "flex-grow", children: submitLabel })] })] }))] }));
|
|
66
65
|
});
|
|
67
66
|
Form.displayName = "Form";
|
|
68
67
|
exports.default = Form;
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9mb3JtL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUErRjtBQUMvRixpREFBeUM7QUFDekMsd0JBQTRCO0FBRzVCLElBQU0sT0FBTyxHQUFHO0lBQ2QsR0FBRyxFQUFFLFVBQVU7SUFDZixHQUFHLEVBQUUsb0JBQW9CO0NBQ2pCLENBQUM7QUFFWCxJQUFNLGNBQWMsR0FBRztJQUNyQixHQUFHLEVBQUUsc0JBQXNCO0lBQzNCLGFBQWEsRUFBRSx1Q0FBdUM7SUFDdEQsR0FBRyxFQUFFLFVBQVU7SUFDZixhQUFhLEVBQUUsMkJBQTJCO0NBQ2xDLENBQUM7QUFFWCxJQUFNLElBQUksR0FBRyxJQUFBLGtCQUFVLEVBQ3JCLFVBQ0UsRUEyQkMsRUFDRCxHQUFHO1FBM0JELGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxZQUFhLEVBQWIsSUFBSSxtQkFBRyxNQUFNLEtBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2Qsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2xCLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFFBQVEsY0FBQSxFQUNSLG1CQUFzQixFQUF0QixXQUFXLG1CQUFHLFFBQVEsS0FBQSxFQUN0QixtQkFBc0IsRUFBdEIsV0FBVyxtQkFBRyxRQUFRLEtBQUEsRUFDdEIscUJBQXFCLEVBQXJCLGFBQWEsbUJBQUcsS0FBSyxLQUFBLEVBQ3JCLHNCQUFvQixFQUFwQixjQUFjLG1CQUFHLEdBQUcsS0FBQSxFQUNwQix3QkFBNEIsRUFBNUIsZ0JBQWdCLG1CQUFHLFNBQVMsS0FBQSxFQUM1QixtQkFBcUIsRUFBckIsV0FBVyxtQkFBRyxPQUFPLEtBQUEsRUFDckIsd0JBQWdDLEVBQWhDLGdCQUFnQixtQkFBRyxhQUFhLEtBQUEsRUFDaEMsbUJBQXVCLEVBQXZCLFdBQVcsbUJBQUcsU0FBUyxLQUFBLEVBQ3ZCLHFCQUFxQixFQUFyQixhQUFhLG1CQUFHLEtBQUssS0FBQSxFQUNyQiwwQkFBOEIsRUFBOUIsa0JBQWtCLG1CQUFHLFNBQVMsS0FBQSxFQUM5QixxQkFBcUIsRUFBckIsYUFBYSxtQkFBRyxLQUFLLEtBQUEsRUFDckIsMEJBQThCLEVBQTlCLGtCQUFrQixtQkFBRyxTQUFTLEtBQUEsRUFDOUIsa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQ2pCLHNCQUE4QixFQUE5QixjQUFjLG1CQUFHLGFBQWEsS0FBQSxFQUM5QixtQkFBdUIsRUFBdkIsV0FBVyxtQkFBRyxTQUFTLEtBQUEsRUFDdkIsb0JBQW9CLEVBQXBCLFlBQVksbUJBQUcsS0FBSyxLQUFBLEVBQ3BCLGlCQUFpQixFQUFqQixTQUFTLG1CQUFHLEtBQUssS0FBQTtJQUluQixJQUFNLE9BQU8sR0FBRyxJQUFBLGNBQU0sRUFBa0IsSUFBSSxDQUFDLENBQUM7SUFDeEMsSUFBQSxLQUF3QixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLEVBQXRDLE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBbUIsQ0FBQztJQUU5QyxJQUFNLFVBQVUsR0FBRyxJQUFBLG1CQUFXLEVBQzVCLFVBQUMsSUFBNEI7UUFDM0IsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFFdkIsSUFBSSxPQUFPLEdBQUcsS0FBSyxVQUFVLEVBQUUsQ0FBQztZQUM5QixHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDWixDQUFDO2FBQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUNkLEdBQXNELENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUN6RSxDQUFDO0lBQ0gsQ0FBQyxFQUNELENBQUMsR0FBRyxDQUFDLENBQ04sQ0FBQztJQUVGLElBQU0sWUFBWSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUMvQixJQUFJLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNwQixVQUFVLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxJQUFBLGlCQUFTLEVBQUM7UUFDUixJQUFNLElBQUksR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUVsQixJQUFNLE1BQU0sR0FBa0MsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQztRQUVuRixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEsWUFBWSxFQUFFLEVBQWQsQ0FBYyxDQUFDO1FBRXJDLE1BQU0sQ0FBQyxPQUFPLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxFQUFyQyxDQUFxQyxDQUFDLENBQUM7UUFHakUsWUFBWSxFQUFFLENBQUM7UUFFZixPQUFPO1lBQ0wsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFDLEtBQUssSUFBSyxPQUFBLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLEVBQXhDLENBQXdDLENBQUMsQ0FBQztRQUN0RSxDQUFDLENBQUM7SUFDSixDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0lBRW5CLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBNkI7UUFDakQsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBRW5CLElBQU0sSUFBSSxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUM7UUFDN0IsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ25DLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQU0sUUFBUSxHQUFHLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXBDLElBQUksWUFBWSxFQUFFLENBQUM7WUFDakIsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDLENBQUM7SUFFRixJQUFNLFlBQVksR0FBRztRQUNuQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLEVBQUksQ0FBQztJQUNmLENBQUMsQ0FBQztJQUVGLElBQU0sYUFBYSxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV0QyxPQUFPLENBQ0wsa0NBQ0UsR0FBRyxFQUFFLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxFQUNWLEVBQUUsRUFBRSxJQUFJLEVBQ1IsU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFBQyxNQUFNLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFDN0QsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsWUFBWSxFQUN0QixVQUFVLG1CQUVULFFBQVEsRUFFUixPQUFPLElBQUksQ0FDViw2REFDRyxTQUFTLElBQUksK0JBQUksU0FBUyxFQUFDLGtEQUFrRCxHQUFHLEVBRWpGLGlDQUNFLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQUMsTUFBTSxFQUFFLGNBQU8sY0FBYyxDQUFFLEVBQUUsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDLGFBRWpGLFVBQVUsSUFBSSxDQUNiLHVCQUFDLFVBQU0sSUFDTCxJQUFJLEVBQUMsUUFBUSxFQUNiLE9BQU8sRUFBRSxZQUFZLEVBQ3JCLGFBQWEsRUFBRSxnQkFBZ0IsRUFDL0IsUUFBUSxFQUFFLFdBQVcsRUFDckIsT0FBTyxFQUFFLGFBQWEsRUFDdEIsWUFBWSxFQUFFLGtCQUFrQixFQUNoQyxJQUFJLEVBQUUsVUFBVSxFQUNoQixRQUFRLEVBQUUsY0FBYyxFQUN4QixNQUFNLEVBQUUsV0FBVyxFQUNuQixNQUFNLEVBQUUsWUFBWSxFQUNwQixTQUFTLEVBQUMsV0FBVyxZQUVwQixXQUFXLEdBQ0wsQ0FDVixFQUVELHVCQUFDLFVBQU0sSUFDTCxJQUFJLEVBQUMsUUFBUSxFQUNiLFFBQVEsRUFBRSxDQUFDLE9BQU8sRUFDbEIsYUFBYSxFQUFFLGdCQUFnQixFQUMvQixRQUFRLEVBQUUsV0FBVyxFQUNyQixPQUFPLEVBQUUsYUFBYSxFQUN0QixZQUFZLEVBQUUsa0JBQWtCLEVBQ2hDLElBQUksRUFBRSxVQUFVLEVBQ2hCLFFBQVEsRUFBRSxjQUFjLEVBQ3hCLE1BQU0sRUFBRSxXQUFXLEVBQ25CLE1BQU0sRUFBRSxZQUFZLEVBQ3BCLFNBQVMsRUFBQyxXQUFXLFlBRXBCLFdBQVcsR0FDTCxJQUNMLElBQ0wsQ0FDSixJQUNJLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBRUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7QUFFMUIsa0JBQWUsSUFBSSxDQUFDIn0=
|
package/lib/form/RegisterForm.js
CHANGED
|
@@ -15,10 +15,12 @@ var RegisterForm = function (_a) {
|
|
|
15
15
|
onCancel();
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
var
|
|
19
|
-
|
|
18
|
+
var handleFormSubmit = function (formData) {
|
|
19
|
+
if (onFormSubmit) {
|
|
20
|
+
onFormSubmit(formData);
|
|
21
|
+
}
|
|
20
22
|
};
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)(__1.Form, { action: action, actionsLayout: actionsLayout, actionsSpacing: actionsSpacing, onCancel: handleCancel, onFormSubmit:
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(__1.Form, { action: action, actionsLayout: actionsLayout, actionsSpacing: actionsSpacing, onCancel: handleCancel, onFormSubmit: handleFormSubmit, 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 })] }) }));
|
|
22
24
|
};
|
|
23
25
|
exports.default = RegisterForm;
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVnaXN0ZXJGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL2Zvcm0vUmVnaXN0ZXJGb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFDOzs7QUFFYiwrQkFBd0M7QUFDeEMsd0JBQXdFO0FBR3hFLElBQU0sWUFBWSxHQUFHLFVBQUMsRUE4Q0Y7UUE3Q2xCLE1BQU0sWUFBQSxFQUNOLHFCQUFxQixFQUFyQixhQUFhLG1CQUFHLEtBQUssS0FBQSxFQUNyQixzQkFBb0IsRUFBcEIsY0FBYyxtQkFBRyxHQUFHLEtBQUEsRUFDcEIsUUFBUSxjQUFBLEVBQ1IsWUFBWSxrQkFBQSxFQUNaLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUNqQixtQkFBd0IsRUFBeEIsV0FBVyxtQkFBRyxVQUFVLEtBQUEsRUFDeEIsbUJBQXNCLEVBQXRCLFdBQVcsbUJBQUcsUUFBUSxLQUFBLEVBQ3RCLHdCQUE0QixFQUE1QixnQkFBZ0IsbUJBQUcsU0FBUyxLQUFBLEVBQzVCLG1CQUFxQixFQUFyQixXQUFXLG1CQUFHLE9BQU8sS0FBQSxFQUNyQiwwQkFBOEIsRUFBOUIsa0JBQWtCLG1CQUFHLFNBQVMsS0FBQSxFQUM5Qix3QkFBZ0MsRUFBaEMsZ0JBQWdCLG1CQUFHLGFBQWEsS0FBQSxFQUNoQyxtQkFBdUIsRUFBdkIsV0FBVyxtQkFBRyxTQUFTLEtBQUEsRUFDdkIsMEJBQThCLEVBQTlCLGtCQUFrQixtQkFBRyxTQUFTLEtBQUEsRUFDOUIsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLFlBQWlCLEVBQWpCLElBQUksbUJBQUcsVUFBVSxLQUFBLEVBQ2pCLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxxQkFBcUIsRUFBckIsYUFBYSxtQkFBRyxLQUFLLEtBQUEsRUFDckIsc0JBQThCLEVBQTlCLGNBQWMsbUJBQUcs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
|
|
@@ -28,6 +28,7 @@ interface CommonFormProps {
|
|
|
28
28
|
submitOutlineColor?: OutlineColorOption;
|
|
29
29
|
cancelOutline?: boolean;
|
|
30
30
|
cancelOutlineColor?: ColorOption;
|
|
31
|
+
buttonSize?: "sm" | "md" | "lg" | "xl";
|
|
31
32
|
buttonTextcase?: "uppercase" | "lowercase" | "capitalize" | "normal-case";
|
|
32
33
|
buttonShape?: "default" | "rounded" | "pill";
|
|
33
34
|
buttonIsBold?: boolean;
|
package/lib/textarea/TextArea.js
CHANGED
|
@@ -13,7 +13,7 @@ var sizes = {
|
|
|
13
13
|
var TextArea = function (_a) {
|
|
14
14
|
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.textAreaStyles, textAreaStyles = _c === void 0 ? '' : _c, label = _a.label, layout = _a.layout, required = _a.required, _d = _a.name, name = _d === void 0 ? 'textarea' : _d, value = _a.value, placeholder = _a.placeholder, _e = _a.size, size = _e === void 0 ? 'md' : _e, onChange = _a.onChange, _f = _a.rows, rows = _f === void 0 ? 2 : _f, _g = _a.resize, resize = _g === void 0 ? true : _g, maxLength = _a.maxLength, _h = _a.disabled, disabled = _h === void 0 ? false : _h;
|
|
15
15
|
var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)(__1.Label, { label: label, layout: layout, size: size, required: required, className: (0, tailwind_merge_1.twMerge)("font-semibold", className), "data-testid": "label-".concat(name), children: (0, jsx_runtime_1.jsx)("textarea", { className: (0, tailwind_merge_1.twMerge)("form-textarea font-normal w-full invalid:!border-
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(__1.Label, { label: label, layout: layout, size: size, required: required, className: (0, tailwind_merge_1.twMerge)("font-semibold", className), "data-testid": "label-".concat(name), children: (0, jsx_runtime_1.jsx)("textarea", { className: (0, tailwind_merge_1.twMerge)("form-textarea font-normal w-full invalid:!border-warning-dark invalid:dark:!border-warning-light dark:bg-dark dark:text-light color-scheme:light dark:[color-scheme:dark] border-neutral disabled:bg-neutral disabled:cursor-default disabled:text-dark ".concat(sizeClasses, " ").concat(resize ? "resize" : "resize-none"), textAreaStyles), name: name, id: name, value: value, placeholder: placeholder, onChange: onChange, rows: rows, maxLength: maxLength, disabled: disabled, required: required }) }));
|
|
17
17
|
};
|
|
18
18
|
exports.default = TextArea;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdGV4dGFyZWEvVGV4dEFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUFzQztBQUV0QyxpREFBd0M7QUFJeEMsd0JBQTBCO0FBRTFCLElBQU0sS0FBSyxHQUFHO0lBQ2IsRUFBRSxFQUFFLFNBQVM7SUFDYixFQUFFLEVBQUUsV0FBVztJQUNmLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFNBQVM7Q0FDYixDQUFBO0FBRUQsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWVGO1FBZGYsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLHNCQUFtQixFQUFuQixjQUFjLG1CQUFHLEVBQUUsS0FBQSxFQUNuQixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixZQUFpQixFQUFqQixJQUFJLG1CQUFHLFVBQVUsS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBVyxFQUFYLElBQUksbUJBQUcsSUFBSSxLQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsWUFBUSxFQUFSLElBQUksbUJBQUcsQ0FBQyxLQUFBLEVBQ1IsY0FBYSxFQUFiLE1BQU0sbUJBQUcsSUFBSSxLQUFBLEVBQ2IsU0FBUyxlQUFBLEVBQ1QsZ0JBQWdCLEVBQWhCLFFBQVEsbUJBQUcsS0FBSyxLQUFBO0lBRWhCLElBQU0sV0FBVyxHQUFHLElBQUEsZUFBTyxFQUFDLGNBQU0sT0FBQSxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQVgsQ0FBVyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUV0RCxPQUFPLENBQ0osdUJBQUMsU0FBSyxJQUNKLEtBQUssRUFBRSxLQUFLLEVBQ1osTUFBTSxFQUFFLE1BQU0sRUFDZCxJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxpQkFDakMsZ0JBQVMsSUFBSSxDQUFFLFlBRTVCLHFDQUNFLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQ2hCLGtRQUEyUCxXQUFXLGNBQ3BRLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQ2pDLEVBQ0YsY0FBYyxDQUNmLEVBQ0QsSUFBSSxFQUFFLElBQUksRUFDVixFQUFFLEVBQUUsSUFBSSxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFdBQVcsRUFDeEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxHQUNsQixHQUNJLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQTtBQUVELGtCQUFlLFFBQVEsQ0FBQSJ9
|