npm - @solidxai/core-ui - Versions diffs - 0.1.7-beta.1 → 0.1.7-beta.11 - Mend

@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

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.

Files changed (1250) hide show

package/dist/components/core/form/fields/SolidPasswordField.js CHANGED Viewed

@@ -46,15 +46,16 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Message } from "primereact/message";
+import styles from './solidFields.module.css';
 import * as Yup from 'yup';
-import { Password } from "primereact/password";
+import { SolidButton } from "../../../shad-cn-ui/SolidButton";
+import { SolidIcon } from "../../../shad-cn-ui";
+import { SolidPasswordInput } from "../../../shad-cn-ui/SolidPasswordInput";
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogTitle, } from "../../../shad-cn-ui/SolidDialog";
 import { getExtensionComponent } from "../../../../helpers/registry";
 import { useState } from "react";
 import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
 import { useFormik } from "formik";
-import { Dialog } from "primereact/dialog";
-import { Button } from "primereact/button";
 import { usePathname } from "../../../../hooks/usePathname";
 import { updatePasswordField } from "../../../../helpers/updatePasswordField";
 import { ERROR_MESSAGES } from "../../../../constants/error-messages";
@@ -203,55 +204,51 @@ export var DefaultPasswordFormViewWidget = function (_a) {
     var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
     var _d = useState(false), isText = _d[0], setIsText = _d[1];
-    return (_jsxs("div", { className: "mt-2 flex-column gap-2", children: [showFieldLabel !== false && (_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel })), _jsxs("div", { className: "flex align-items-center gap-4", children: [_jsx("p", { className: "m-0", children: isText ? formik.values[fieldLayoutInfo.attrs.name] : "••••••••" }), _jsx("i", { className: "pi ".concat(isText ? 'pi-eye' : 'pi-eye-slash'), onClick: function () { return setIsText(!isText); }, style: { cursor: 'pointer' } })] })] }));
+    return (_jsxs("div", { className: styles.fieldViewWrapper, children: [showFieldLabel !== false && (_jsx("p", { className: "".concat(styles.fieldViewLabel, " form-field-label"), children: fieldLabel })), _jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx("p", { className: styles.fieldViewValue, children: isText ? formik.values[fieldLayoutInfo.attrs.name] : "••••••••" }), _jsx(SolidIcon, { name: isText ? "si-eye" : "si-eye-slash", onClick: function () { return setIsText(!isText); }, style: { cursor: "pointer" }, "aria-hidden": true })] })] }));
 };
 //  Adding formCreateWidget
 export var DefaultPasswordFormCreateWidget = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field col-12';
-    var fieldLabel = (_c = fieldLayoutInfo.attrs.label) !== null && _c !== void 0 ? _c : fieldMetadata.displayName;
-    var fieldDescription = (_d = fieldLayoutInfo.attrs.description) !== null && _d !== void 0 ? _d : fieldMetadata.description;
+    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
-    var showFieldLabel = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.showLabel;
+    var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
     var readOnlyPermission = fieldContext.readOnly;
     var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
-    var fieldDisabled = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.disabled;
-    var fieldReadonly = (_g = fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.readonly;
-    var formDisabled = (_k = (_j = (_h = solidFormViewMetaData.data.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.disabled;
-    var formReadonly = (_o = (_m = (_l = solidFormViewMetaData.data.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.readonly;
-    return (_jsx("div", { className: "relative ", children: _jsxs("div", { className: "password-field-component", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [showFieldLabel != false &&
-                            _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "form-field-label", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsx(Password, { id: fieldLayoutInfo.attrs.name, name: fieldMetadata.name, value: formik.values[fieldLayoutInfo.attrs.name] || '', onChange: function (e) { return fieldContext.onChange(e, 'onFieldChange'); }, onBlur: function (e) { return fieldContext.onBlur(e, 'onFieldBlur'); }, readOnly: formReadonly || fieldReadonly || readOnlyPermission, disabled: formDisabled || fieldDisabled, toggleMask: true, autoComplete: "new-password" })] }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx(Message, { severity: "error", text: (_p = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _p === void 0 ? void 0 : _p.toString() })), _jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4", children: [_jsxs("label", { htmlFor: "".concat(fieldLayoutInfo.attrs.name, "Confirm"), className: "form-field-label", children: ["Confirm ", fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" })] }), _jsx(Password, { id: "".concat(fieldLayoutInfo.attrs.name, "Confirm"), name: "".concat(fieldLayoutInfo.attrs.name, "Confirm"), value: formik.values["".concat(fieldLayoutInfo.attrs.name, "Confirm")] || '', onChange: function (e) {
-                                formik.setFieldValue("".concat(fieldLayoutInfo.attrs.name, "Confirm"), e.target.value);
-                            }, onBlur: function (e) {
-                                formik.setFieldTouched("".concat(fieldLayoutInfo.attrs.name, "Confirm"), true);
-                            }, readOnly: formReadonly || fieldReadonly || readOnlyPermission, disabled: formDisabled || fieldDisabled, toggleMask: true, autoComplete: "new-password" }), isFormFieldValid(formik, "".concat(fieldLayoutInfo.attrs.name, "Confirm")) && (_jsx(Message, { severity: "error", text: (_q = formik === null || formik === void 0 ? void 0 : formik.errors["".concat(fieldLayoutInfo.attrs.name, "Confirm")]) === null || _q === void 0 ? void 0 : _q.toString() }))] })] }) }));
+    var fieldDisabled = (_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.disabled;
+    var fieldReadonly = (_e = fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.readonly;
+    var formDisabled = (_h = (_g = (_f = solidFormViewMetaData.data.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.disabled;
+    var formReadonly = (_l = (_k = (_j = solidFormViewMetaData.data.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.readonly;
+    return (_jsxs("div", { children: [_jsxs("div", { className: styles.fieldWrapper, children: [showFieldLabel != false &&
+                        _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "".concat(styles.fieldLabel, " form-field-label"), children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: "*" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsx(SolidPasswordInput, { id: fieldLayoutInfo.attrs.name, name: fieldMetadata.name, value: formik.values[fieldLayoutInfo.attrs.name] || '', onChange: function (e) { return fieldContext.onChange(e, 'onFieldChange'); }, onBlur: function (e) { return fieldContext.onBlur(e, 'onFieldBlur'); }, readOnly: formReadonly || fieldReadonly || readOnlyPermission, disabled: formDisabled || fieldDisabled, toggle: true, autoComplete: "new-password", className: "w-full" }), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("p", { className: styles.fieldError, children: (_m = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _m === void 0 ? void 0 : _m.toString() }))] }), _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "".concat(fieldLayoutInfo.attrs.name, "Confirm"), className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Confirm ", fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidPasswordInput, { id: "".concat(fieldLayoutInfo.attrs.name, "Confirm"), name: "".concat(fieldLayoutInfo.attrs.name, "Confirm"), value: formik.values["".concat(fieldLayoutInfo.attrs.name, "Confirm")] || '', onChange: function (e) {
+                            formik.setFieldValue("".concat(fieldLayoutInfo.attrs.name, "Confirm"), e.target.value);
+                        }, onBlur: function (e) {
+                            formik.setFieldTouched("".concat(fieldLayoutInfo.attrs.name, "Confirm"), true);
+                        }, readOnly: formReadonly || fieldReadonly || readOnlyPermission, disabled: formDisabled || fieldDisabled, toggle: true, autoComplete: "new-password", className: "w-full" }), isFormFieldValid(formik, "".concat(fieldLayoutInfo.attrs.name, "Confirm")) && (_jsx("p", { className: styles.fieldError, children: (_o = formik === null || formik === void 0 ? void 0 : formik.errors["".concat(fieldLayoutInfo.attrs.name, "Confirm")]) === null || _o === void 0 ? void 0 : _o.toString() }))] })] }));
 };
 // Adding formEditWidget custom
 export var DefaultPasswordFormEditWidget = function (_a) {
     var _b, _c;
-    var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
-    var className = ((_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.className) || 'field col-12';
-    var fieldLabel = (_e = fieldLayoutInfo.attrs.label) !== null && _e !== void 0 ? _e : fieldMetadata.displayName;
-    var fieldDescription = (_f = fieldLayoutInfo.attrs.description) !== null && _f !== void 0 ? _f : fieldMetadata.description;
+    var fieldLabel = (_d = fieldLayoutInfo.attrs.label) !== null && _d !== void 0 ? _d : fieldMetadata.displayName;
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
-    var showFieldLabel = (_g = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.showLabel;
+    var showFieldLabel = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.showLabel;
     var readOnlyPermission = fieldContext.readOnly;
-    var fieldDisabled = (_h = fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.disabled;
-    var fieldReadonly = (_j = fieldLayoutInfo.attrs) === null || _j === void 0 ? void 0 : _j.readonly;
-    var formDisabled = (_m = (_l = (_k = solidFormViewMetaData.data.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.disabled;
-    var formReadonly = (_q = (_p = (_o = solidFormViewMetaData.data.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs) === null || _q === void 0 ? void 0 : _q.readonly;
+    var fieldDisabled = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.disabled;
+    var fieldReadonly = (_g = fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.readonly;
+    var formDisabled = (_k = (_j = (_h = solidFormViewMetaData.data.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.disabled;
+    var formReadonly = (_o = (_m = (_l = solidFormViewMetaData.data.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.readonly;
     var url = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.modelName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/([A-Z])([A-Z][a-z])/g, '$1-$2').toLowerCase();
-    var id = (_r = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.data) === null || _r === void 0 ? void 0 : _r.id;
+    var id = (_p = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.data) === null || _p === void 0 ? void 0 : _p.id;
     var isFormFieldValid = function (formik, fieldName) {
         return formik.touched[fieldName] && formik.errors[fieldName];
     };
-    var _u = useState(false), visible = _u[0], setVisible = _u[1];
+    var _s = useState(false), visible = _s[0], setVisible = _s[1];
     var fieldName = fieldLayoutInfo.attrs.name;
     var confirmFieldName = "".concat(fieldName, "Confirm");
     var modalFormik = useFormik({
@@ -297,6 +294,6 @@ export var DefaultPasswordFormEditWidget = function (_a) {
             });
         },
     });
-    return (_jsxs("div", { className: className, children: [showFieldLabel !== false && (_jsxs("label", { htmlFor: fieldName, className: "form-field-label", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] })), _jsx(Button, { type: "button", label: "Change Password", icon: "pi pi-lock", onClick: function () { return setVisible(true); }, className: "mt-2", disabled: formDisabled || fieldDisabled || readOnlyPermission || fieldReadonly }), _jsx(Dialog, { header: "Change ".concat(fieldLabel), visible: visible, onHide: function () { return setVisible(false); }, style: { width: '30vw' }, className: "solid-confirm-dialog", children: _jsxs("form", { onSubmit: modalFormik.handleSubmit, className: "p-fluid", children: [_jsxs("div", { className: "field", children: [_jsxs("label", { htmlFor: fieldName, children: ["New ", fieldLabel] }), _jsx(Password, { id: fieldName, name: fieldName, value: modalFormik.values[fieldName], onChange: modalFormik.handleChange, onBlur: modalFormik.handleBlur, toggleMask: true, feedback: false, autoComplete: "new-password" }), isFormFieldValid(modalFormik, fieldName) && (_jsx(Message, { severity: "error", text: (_s = modalFormik.errors[fieldName]) === null || _s === void 0 ? void 0 : _s.toString() }))] }), _jsxs("div", { className: "field mt-4", children: [_jsxs("label", { htmlFor: confirmFieldName, children: ["Confirm ", fieldLabel] }), _jsx(Password, { id: confirmFieldName, name: confirmFieldName, value: modalFormik.values[confirmFieldName], onChange: modalFormik.handleChange, onBlur: modalFormik.handleBlur, toggleMask: true, feedback: false, autoComplete: "new-password" }), isFormFieldValid(modalFormik, confirmFieldName) && (_jsx(Message, { severity: "error", text: (_t = modalFormik.errors[confirmFieldName]) === null || _t === void 0 ? void 0 : _t.toString() }))] }), _jsx("div", { className: "mt-5", children: _jsx(Button, { label: "Update Password", icon: "pi pi-check", type: "submit", className: "w-full" }) })] }) })] }));
+    return (_jsxs("div", { className: styles.fieldWrapper, children: [showFieldLabel !== false && (_jsxs("label", { htmlFor: fieldName, className: "".concat(styles.fieldLabel, " form-field-label"), children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: "*" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] })), _jsx(SolidButton, { type: "button", label: "Change Password", icon: "si si-lock", onClick: function () { return setVisible(true); }, className: "mt-1", disabled: formDisabled || fieldDisabled || readOnlyPermission || fieldReadonly }), _jsxs(SolidDialog, { open: visible, onOpenChange: setVisible, style: { width: '30vw' }, className: "solid-confirm-dialog", children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Change ".concat(fieldLabel) }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogBody, { children: _jsxs("form", { onSubmit: modalFormik.handleSubmit, className: "p-fluid", children: [_jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: fieldName, className: "".concat(styles.fieldLabel, " form-field-label"), children: ["New ", fieldLabel] }), _jsx(SolidPasswordInput, { id: fieldName, name: fieldName, value: modalFormik.values[fieldName], onChange: modalFormik.handleChange, onBlur: modalFormik.handleBlur, toggle: true, autoComplete: "new-password", className: "w-full" }), isFormFieldValid(modalFormik, fieldName) && (_jsx("p", { className: styles.fieldError, children: (_q = modalFormik.errors[fieldName]) === null || _q === void 0 ? void 0 : _q.toString() }))] }), _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: confirmFieldName, className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Confirm ", fieldLabel] }), _jsx(SolidPasswordInput, { id: confirmFieldName, name: confirmFieldName, value: modalFormik.values[confirmFieldName], onChange: modalFormik.handleChange, onBlur: modalFormik.handleBlur, toggle: true, autoComplete: "new-password", className: "w-full" }), isFormFieldValid(modalFormik, confirmFieldName) && (_jsx("p", { className: styles.fieldError, children: (_r = modalFormik.errors[confirmFieldName]) === null || _r === void 0 ? void 0 : _r.toString() }))] }), _jsx(SolidDialogFooter, { className: "mt-5", children: _jsx(SolidButton, { label: "Update Password", icon: "si si-check", type: "submit", className: "w-full" }) })] }) })] })] }));
 };
 //# sourceMappingURL=SolidPasswordField.js.map

package/dist/components/core/form/fields/SolidPasswordField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidPasswordField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidPasswordField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { InputText } from \"primereact/inputtext\";\nimport { Message } from \"primereact/message\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { Password } from \"primereact/password\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { Formik, useFormik } from \"formik\";\nimport { Dialog } from \"primereact/dialog\";\nimport { Button } from \"primereact/button\";\nimport { usePathname } from \"../../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../../hooks/useSearchParams\";\nimport { updatePasswordField } from \"../../../../helpers/updatePasswordField\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nexport class SolidPasswordField implements ISolidField {\n\n private fieldContext: SolidFieldProps;\n\n constructor(fieldContext: SolidFieldProps) {\n this.fieldContext = fieldContext;\n }\n\n updateFormData(value: any, formData: FormData): void {\n const fieldName = this.fieldContext?.field?.attrs?.name;\n if (value !== undefined && value !== null && value !== '') {\n formData.append(fieldName, value);\n }\n }\n\n\n initialValue(): any {\n const fieldName = this.fieldContext.field.attrs.name;\n const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;\n\n const existingValue = this.fieldContext.data[fieldName];\n // return existingValue !== undefined && existingValue !== null ? existingValue : fieldDefaultValue \|\| '';\n return existingValue !== undefined && existingValue !== null ? undefined : fieldDefaultValue \|\| '';\n }\n\n validationSchema(): Yup.Schema {\n let schema: Yup.StringSchema<string \| null \| undefined> = Yup.string();\n\n const fieldMetadata = this.fieldContext.fieldMetadata;\n const fieldLayoutInfo = this.fieldContext.field;\n const fieldName = fieldLayoutInfo.attrs.name;\n const confirmFieldName = `${fieldName}Confirm`;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n\n // 1. required \n // 1. required\n if (fieldMetadata.required) {\n schema = schema.required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n } else {\n schema = schema.nullable(); // Allow null when not required\n }\n\n // 2. length (min/max)\n if (fieldMetadata.min && fieldMetadata.min > 0) {\n schema = schema.min(fieldMetadata.min, ERROR_MESSAGES.FIELD_MINIMUM_CHARACTER(fieldLabel, fieldMetadata.min));\n }\n if (fieldMetadata.max && fieldMetadata.max > 0) {\n schema = schema.max(fieldMetadata.max, ERROR_MESSAGES.FIELD_MAXIMUM_CHARACTER(fieldLabel, fieldMetadata.max));\n }\n // 3. regular expression\n if (fieldMetadata.regexPattern) {\n const regexPatternNotMatchingErrorMsg = fieldMetadata.regexPatternNotMatchingErrorMsg ?? ERROR_MESSAGES.FIELD_INVALID_DATA(fieldLabel)\n schema = schema.matches(fieldMetadata.regexPattern, regexPatternNotMatchingErrorMsg);\n }\n //check password and confirm password match if password have value\n schema = schema.test('passwords-match', ERROR_MESSAGES.FIELD_MUST_MATCH(fieldLabel), function (value) {\n const { path, parent } = this;\n const confirmValue = parent[confirmFieldName];\n\n // Edit mode / untouched → SKIP\n if (!value && !confirmValue) {\n return true;\n }\n // Only one filled → ERROR\n if (value \|\| confirmValue) {\n return value === confirmValue;\n }\n return true; // If password is empty, don't validate match\n });\n return schema;\n }\n\n render(formik: FormikObject) {\n const fieldMetadata = this.fieldContext.fieldMetadata;\n const fieldLayoutInfo = this.fieldContext.field;\n const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n const className = fieldLayoutInfo.attrs?.className \|\| 'field col-12';\n let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n let editWidget = fieldLayoutInfo.attrs.editWidget;\n let createWidget = fieldLayoutInfo?.attrs?.createWidget;\n const pathname = usePathname();\n const isCreateForm = pathname.endsWith('/new');\n const data = this.fieldContext.data \|\| {};\n const isFieldDataEmpty = Object.keys(data).length === 0;\n if (!createWidget) {\n createWidget = 'DefaultPasswordFormCreateWidget';\n }\n if (!editWidget) {\n editWidget = 'DefaultPasswordFormEditWidget';\n }\n if (!viewWidget) {\n viewWidget = 'DefaultPasswordFormViewWidget'; // add of this need to createWidget\n }\n const viewMode: string = this.fieldContext.viewMode;\n\n return (\n <>\n <div className={className}>\n {viewMode === \"view\" &&\n <></>\n // this.renderExtensionRenderMode(viewWidget, formik)\n }\n {viewMode === \"edit\" && (!isCreateForm && !isFieldDataEmpty) &&\n <>\n {editWidget &&\n this.renderExtensionRenderMode(editWidget, formik)\n }\n </>\n }\n {viewMode === \"edit\" && (isCreateForm \|\| isFieldDataEmpty) &&\n <>\n {createWidget &&\n this.renderExtensionRenderMode(createWidget, formik)\n }\n </>\n }\n\n </div>\n </>\n );\n }\n\n renderExtensionRenderMode(widget: string, formik: FormikObject) {\n let DynamicWidget = getExtensionComponent(widget);\n const widgetProps: SolidFormFieldWidgetProps = {\n formik: formik,\n fieldContext: this.fieldContext,\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n}\n\nexport const DefaultPasswordFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n const [isText, setIsText] = useState(false)\n return (\n <div className=\"mt-2 flex-column gap-2\">\n {showFieldLabel !== false && (\n <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p>\n )}\n <div className=\"flex align-items-center gap-4\">\n <p className=\"m-0\">\n {isText ? formik.values[fieldLayoutInfo.attrs.name] : \"••••••••\"}\n </p>\n <i\n className={`pi ${isText ? 'pi-eye' : 'pi-eye-slash'}`}\n onClick={() => setIsText(!isText)}\n style={{ cursor: 'pointer' }}\n />\n </div>\n\n </div>\n );\n}\n\n\n\n// Adding formCreateWidget\nexport const DefaultPasswordFormCreateWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const className = fieldLayoutInfo.attrs?.className \|\| 'field col-12';\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n const readOnlyPermission = fieldContext.readOnly;\n\n const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n\n const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n return (\n <div className=\"relative \">\n <div className=\"password-field-component\">\n <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n {showFieldLabel != false &&\n <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label\">\n {fieldLabel}\n {fieldMetadata.required && <span className=\"text-red-500\"> </span>}\n <SolidFieldTooltip fieldContext={fieldContext} />\n </label>\n }\n <Password\n id={fieldLayoutInfo.attrs.name}\n name={fieldMetadata.name}\n value={formik.values[fieldLayoutInfo.attrs.name] \|\| ''}\n onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}\n onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}\n readOnly={formReadonly \|\| fieldReadonly \|\| readOnlyPermission}\n disabled={formDisabled \|\| fieldDisabled}\n toggleMask\n autoComplete=\"new-password\"\n />\n </div>\n {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n <Message severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n )}\n\n <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n <label htmlFor={`${fieldLayoutInfo.attrs.name}Confirm`} className=\"form-field-label\">\n Confirm {fieldLabel}\n {fieldMetadata.required && <span className=\"text-red-500\"> </span>}\n </label>\n <Password\n id={`${fieldLayoutInfo.attrs.name}Confirm`}\n name={`${fieldLayoutInfo.attrs.name}Confirm`}\n value={formik.values[`${fieldLayoutInfo.attrs.name}Confirm`] \|\| ''}\n onChange={(e) => {\n formik.setFieldValue(`${fieldLayoutInfo.attrs.name}Confirm`, e.target.value);\n }}\n onBlur={(e) => {\n formik.setFieldTouched(`${fieldLayoutInfo.attrs.name}Confirm`, true);\n }}\n readOnly={formReadonly \|\| fieldReadonly \|\| readOnlyPermission}\n disabled={formDisabled \|\| fieldDisabled}\n toggleMask\n autoComplete=\"new-password\"\n />\n {isFormFieldValid(formik, `${fieldLayoutInfo.attrs.name}Confirm`) && (\n <Message severity=\"error\" text={formik?.errors[`${fieldLayoutInfo.attrs.name}Confirm`]?.toString()} />\n )}\n </div>\n </div>\n </div>\n );\n}\n\n\n// Adding formEditWidget custom\n\nexport const DefaultPasswordFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n\n const className = fieldLayoutInfo.attrs?.className \|\| 'field col-12';\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n const readOnlyPermission = fieldContext.readOnly;\n\n const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n const url = fieldContext?.modelName\n .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')\n .toLowerCase();\n const id = fieldContext?.data?.id;\n\n const isFormFieldValid = (formik: any, fieldName: string) =>\n formik.touched[fieldName] && formik.errors[fieldName];\n\n const [visible, setVisible] = useState(false);\n\n const fieldName = fieldLayoutInfo.attrs.name;\n const confirmFieldName = `${fieldName}Confirm`;\n\n const modalFormik = useFormik({\n initialValues: {\n [fieldName]: '',\n [confirmFieldName]: '',\n },\n validationSchema: Yup.object({\n [fieldName]: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),\n [confirmFieldName]: Yup.string()\n .required(`Confirm ${ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)}`)\n .oneOf([Yup.ref(fieldName)], ERROR_MESSAGES.FIELD_MUST_MATCH(fieldLabel)),\n }),\n onSubmit: async (values: { [x: string]: any; }, { resetForm }: any) => {\n try {\n await updatePasswordField({\n url,\n id,\n fieldName,\n fieldValue: values[fieldName],\n confirmFieldName,\n confirmFieldValue: values[confirmFieldName],\n });\n\n // formik.setFieldValue(fieldName, values[fieldName]);\n resetForm();\n setVisible(false);\n } catch (err) {\n console.error(err);\n // TODO: show user-friendly error\n }\n },\n });\n\n return (\n <div className={className}>\n {showFieldLabel !== false && (\n <label htmlFor={fieldName} className=\"form-field-label\">\n {fieldLabel}\n {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n <SolidFieldTooltip fieldContext={fieldContext} />\n </label>\n )}\n\n <Button\n type=\"button\"\n label=\"Change Password\"\n icon=\"pi pi-lock\"\n onClick={() => setVisible(true)}\n className=\"mt-2\"\n disabled={formDisabled \|\| fieldDisabled \|\| readOnlyPermission \|\| fieldReadonly}\n />\n\n <Dialog\n header={`Change ${fieldLabel}`}\n visible={visible}\n onHide={() => setVisible(false)}\n style={{ width: '30vw' }}\n className=\"solid-confirm-dialog\"\n >\n <form onSubmit={modalFormik.handleSubmit} className=\"p-fluid\">\n <div className=\"field\">\n <label htmlFor={fieldName}>New {fieldLabel}</label>\n <Password\n id={fieldName}\n name={fieldName}\n value={modalFormik.values[fieldName]}\n onChange={modalFormik.handleChange}\n onBlur={modalFormik.handleBlur}\n toggleMask\n feedback={false}\n autoComplete=\"new-password\"\n />\n {isFormFieldValid(modalFormik, fieldName) && (\n <Message severity=\"error\" text={modalFormik.errors[fieldName]?.toString()} />\n )}\n </div>\n\n <div className=\"field mt-4\">\n <label htmlFor={confirmFieldName}>Confirm {fieldLabel}</label>\n <Password\n id={confirmFieldName}\n name={confirmFieldName}\n value={modalFormik.values[confirmFieldName]}\n onChange={modalFormik.handleChange}\n onBlur={modalFormik.handleBlur}\n toggleMask\n feedback={false}\n autoComplete=\"new-password\"\n />\n {isFormFieldValid(modalFormik, confirmFieldName) && (\n <Message severity=\"error\" text={modalFormik.errors[confirmFieldName]?.toString()} />\n )}\n </div>\n\n <div className=\"mt-5\">\n <Button label=\"Update Password\" icon=\"pi pi-check\" type=\"submit\" className=\"w-full\" />\n </div>\n </form>\n </Dialog>\n </div>\n );\n};\n\n\n"]}
1	+ {"version":3,"file":"SolidPasswordField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidPasswordField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport styles from './solidFields.module.css';\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport { SolidIcon } from \"../../../shad-cn-ui\";\nimport { SolidPasswordInput } from \"../../../shad-cn-ui/SolidPasswordInput\";\nimport {\n SolidDialog,\n SolidDialogBody,\n SolidDialogClose,\n SolidDialogFooter,\n SolidDialogHeader,\n SolidDialogTitle,\n} from \"../../../shad-cn-ui/SolidDialog\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { Formik, useFormik } from \"formik\";\nimport { usePathname } from \"../../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../../hooks/useSearchParams\";\nimport { updatePasswordField } from \"../../../../helpers/updatePasswordField\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nexport class SolidPasswordField implements ISolidField {\n\n private fieldContext: SolidFieldProps;\n\n constructor(fieldContext: SolidFieldProps) {\n this.fieldContext = fieldContext;\n }\n\n updateFormData(value: any, formData: FormData): void {\n const fieldName = this.fieldContext?.field?.attrs?.name;\n if (value !== undefined && value !== null && value !== '') {\n formData.append(fieldName, value);\n }\n }\n\n\n initialValue(): any {\n const fieldName = this.fieldContext.field.attrs.name;\n const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;\n\n const existingValue = this.fieldContext.data[fieldName];\n // return existingValue !== undefined && existingValue !== null ? existingValue : fieldDefaultValue \|\| '';\n return existingValue !== undefined && existingValue !== null ? undefined : fieldDefaultValue \|\| '';\n }\n\n validationSchema(): Yup.Schema {\n let schema: Yup.StringSchema<string \| null \| undefined> = Yup.string();\n\n const fieldMetadata = this.fieldContext.fieldMetadata;\n const fieldLayoutInfo = this.fieldContext.field;\n const fieldName = fieldLayoutInfo.attrs.name;\n const confirmFieldName = `${fieldName}Confirm`;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n\n // 1. required \n // 1. required\n if (fieldMetadata.required) {\n schema = schema.required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n } else {\n schema = schema.nullable(); // Allow null when not required\n }\n\n // 2. length (min/max)\n if (fieldMetadata.min && fieldMetadata.min > 0) {\n schema = schema.min(fieldMetadata.min, ERROR_MESSAGES.FIELD_MINIMUM_CHARACTER(fieldLabel, fieldMetadata.min));\n }\n if (fieldMetadata.max && fieldMetadata.max > 0) {\n schema = schema.max(fieldMetadata.max, ERROR_MESSAGES.FIELD_MAXIMUM_CHARACTER(fieldLabel, fieldMetadata.max));\n }\n // 3. regular expression\n if (fieldMetadata.regexPattern) {\n const regexPatternNotMatchingErrorMsg = fieldMetadata.regexPatternNotMatchingErrorMsg ?? ERROR_MESSAGES.FIELD_INVALID_DATA(fieldLabel)\n schema = schema.matches(fieldMetadata.regexPattern, regexPatternNotMatchingErrorMsg);\n }\n //check password and confirm password match if password have value\n schema = schema.test('passwords-match', ERROR_MESSAGES.FIELD_MUST_MATCH(fieldLabel), function (value) {\n const { path, parent } = this;\n const confirmValue = parent[confirmFieldName];\n\n // Edit mode / untouched → SKIP\n if (!value && !confirmValue) {\n return true;\n }\n // Only one filled → ERROR\n if (value \|\| confirmValue) {\n return value === confirmValue;\n }\n return true; // If password is empty, don't validate match\n });\n return schema;\n }\n\n render(formik: FormikObject) {\n const fieldMetadata = this.fieldContext.fieldMetadata;\n const fieldLayoutInfo = this.fieldContext.field;\n const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n const className = fieldLayoutInfo.attrs?.className \|\| 'field col-12';\n let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n let editWidget = fieldLayoutInfo.attrs.editWidget;\n let createWidget = fieldLayoutInfo?.attrs?.createWidget;\n const pathname = usePathname();\n const isCreateForm = pathname.endsWith('/new');\n const data = this.fieldContext.data \|\| {};\n const isFieldDataEmpty = Object.keys(data).length === 0;\n if (!createWidget) {\n createWidget = 'DefaultPasswordFormCreateWidget';\n }\n if (!editWidget) {\n editWidget = 'DefaultPasswordFormEditWidget';\n }\n if (!viewWidget) {\n viewWidget = 'DefaultPasswordFormViewWidget'; // add of this need to createWidget\n }\n const viewMode: string = this.fieldContext.viewMode;\n\n return (\n <>\n <div className={className}>\n {viewMode === \"view\" &&\n <></>\n // this.renderExtensionRenderMode(viewWidget, formik)\n }\n {viewMode === \"edit\" && (!isCreateForm && !isFieldDataEmpty) &&\n <>\n {editWidget &&\n this.renderExtensionRenderMode(editWidget, formik)\n }\n </>\n }\n {viewMode === \"edit\" && (isCreateForm \|\| isFieldDataEmpty) &&\n <>\n {createWidget &&\n this.renderExtensionRenderMode(createWidget, formik)\n }\n </>\n }\n\n </div>\n </>\n );\n }\n\n renderExtensionRenderMode(widget: string, formik: FormikObject) {\n let DynamicWidget = getExtensionComponent(widget);\n const widgetProps: SolidFormFieldWidgetProps = {\n formik: formik,\n fieldContext: this.fieldContext,\n }\n return (\n <>\n {DynamicWidget && <DynamicWidget {...widgetProps} />}\n </>\n )\n }\n}\n\nexport const DefaultPasswordFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n const [isText, setIsText] = useState(false)\n return (\n <div className={styles.fieldViewWrapper}>\n {showFieldLabel !== false && (\n <p className={`${styles.fieldViewLabel} form-field-label`}>{fieldLabel}</p>\n )}\n <div className=\"flex align-items-center gap-3\">\n <p className={styles.fieldViewValue}>\n {isText ? formik.values[fieldLayoutInfo.attrs.name] : \"••••••••\"}\n </p>\n <SolidIcon\n name={isText ? \"si-eye\" : \"si-eye-slash\"}\n onClick={() => setIsText(!isText)}\n style={{ cursor: \"pointer\" }}\n aria-hidden\n />\n </div>\n </div>\n );\n}\n\n\n\n// Adding formCreateWidget\nexport const DefaultPasswordFormCreateWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n const readOnlyPermission = fieldContext.readOnly;\n\n const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n\n const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n return (\n <div>\n <div className={styles.fieldWrapper}>\n {showFieldLabel != false &&\n <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>\n {fieldLabel}\n {fieldMetadata.required && <span className=\"text-red-500\"></span>}\n <SolidFieldTooltip fieldContext={fieldContext} />\n </label>\n }\n <SolidPasswordInput\n id={fieldLayoutInfo.attrs.name}\n name={fieldMetadata.name}\n value={formik.values[fieldLayoutInfo.attrs.name] \|\| ''}\n onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}\n onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}\n readOnly={formReadonly \|\| fieldReadonly \|\| readOnlyPermission}\n disabled={formDisabled \|\| fieldDisabled}\n toggle\n autoComplete=\"new-password\"\n className=\"w-full\"\n />\n {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n <p className={styles.fieldError}>{formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>\n )}\n </div>\n\n <div className={styles.fieldWrapper}>\n <label htmlFor={`${fieldLayoutInfo.attrs.name}Confirm`} className={`${styles.fieldLabel} form-field-label`}>\n Confirm {fieldLabel}\n {fieldMetadata.required && <span className=\"text-red-500\"></span>}\n </label>\n <SolidPasswordInput\n id={`${fieldLayoutInfo.attrs.name}Confirm`}\n name={`${fieldLayoutInfo.attrs.name}Confirm`}\n value={formik.values[`${fieldLayoutInfo.attrs.name}Confirm`] \|\| ''}\n onChange={(e) => {\n formik.setFieldValue(`${fieldLayoutInfo.attrs.name}Confirm`, e.target.value);\n }}\n onBlur={(e) => {\n formik.setFieldTouched(`${fieldLayoutInfo.attrs.name}Confirm`, true);\n }}\n readOnly={formReadonly \|\| fieldReadonly \|\| readOnlyPermission}\n disabled={formDisabled \|\| fieldDisabled}\n toggle\n autoComplete=\"new-password\"\n className=\"w-full\"\n />\n {isFormFieldValid(formik, `${fieldLayoutInfo.attrs.name}Confirm`) && (\n <p className={styles.fieldError}>{formik?.errors[`${fieldLayoutInfo.attrs.name}Confirm`]?.toString()}</p>\n )}\n </div>\n </div>\n );\n}\n\n\n// Adding formEditWidget custom\n\nexport const DefaultPasswordFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldMetadata = fieldContext.fieldMetadata;\n const fieldLayoutInfo = fieldContext.field;\n const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n const readOnlyPermission = fieldContext.readOnly;\n\n const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n const url = fieldContext?.modelName\n .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')\n .toLowerCase();\n const id = fieldContext?.data?.id;\n\n const isFormFieldValid = (formik: any, fieldName: string) =>\n formik.touched[fieldName] && formik.errors[fieldName];\n\n const [visible, setVisible] = useState(false);\n\n const fieldName = fieldLayoutInfo.attrs.name;\n const confirmFieldName = `${fieldName}Confirm`;\n\n const modalFormik = useFormik({\n initialValues: {\n [fieldName]: '',\n [confirmFieldName]: '',\n },\n validationSchema: Yup.object({\n [fieldName]: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)),\n [confirmFieldName]: Yup.string()\n .required(`Confirm ${ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel)}`)\n .oneOf([Yup.ref(fieldName)], ERROR_MESSAGES.FIELD_MUST_MATCH(fieldLabel)),\n }),\n onSubmit: async (values: { [x: string]: any; }, { resetForm }: any) => {\n try {\n await updatePasswordField({\n url,\n id,\n fieldName,\n fieldValue: values[fieldName],\n confirmFieldName,\n confirmFieldValue: values[confirmFieldName],\n });\n\n // formik.setFieldValue(fieldName, values[fieldName]);\n resetForm();\n setVisible(false);\n } catch (err) {\n console.error(err);\n // TODO: show user-friendly error\n }\n },\n });\n\n return (\n <div className={styles.fieldWrapper}>\n {showFieldLabel !== false && (\n <label htmlFor={fieldName} className={`${styles.fieldLabel} form-field-label`}>\n {fieldLabel}\n {fieldMetadata.required && <span className=\"text-red-500\">*</span>}\n <SolidFieldTooltip fieldContext={fieldContext} />\n </label>\n )}\n\n <SolidButton\n type=\"button\"\n label=\"Change Password\"\n icon=\"si si-lock\"\n onClick={() => setVisible(true)}\n className=\"mt-1\"\n disabled={formDisabled \|\| fieldDisabled \|\| readOnlyPermission \|\| fieldReadonly}\n />\n\n <SolidDialog\n open={visible}\n onOpenChange={setVisible}\n style={{ width: '30vw' }}\n className=\"solid-confirm-dialog\"\n >\n <SolidDialogHeader>\n <SolidDialogTitle>{`Change ${fieldLabel}`}</SolidDialogTitle>\n <SolidDialogClose />\n </SolidDialogHeader>\n <SolidDialogBody>\n <form onSubmit={modalFormik.handleSubmit} className=\"p-fluid\">\n <div className={styles.fieldWrapper}>\n <label htmlFor={fieldName} className={`${styles.fieldLabel} form-field-label`}>New {fieldLabel}</label>\n <SolidPasswordInput\n id={fieldName}\n name={fieldName}\n value={modalFormik.values[fieldName]}\n onChange={modalFormik.handleChange}\n onBlur={modalFormik.handleBlur}\n toggle\n autoComplete=\"new-password\"\n className=\"w-full\"\n />\n {isFormFieldValid(modalFormik, fieldName) && (\n <p className={styles.fieldError}>{modalFormik.errors[fieldName]?.toString()}</p>\n )}\n </div>\n\n <div className={styles.fieldWrapper}>\n <label htmlFor={confirmFieldName} className={`${styles.fieldLabel} form-field-label`}>Confirm {fieldLabel}</label>\n <SolidPasswordInput\n id={confirmFieldName}\n name={confirmFieldName}\n value={modalFormik.values[confirmFieldName]}\n onChange={modalFormik.handleChange}\n onBlur={modalFormik.handleBlur}\n toggle\n autoComplete=\"new-password\"\n className=\"w-full\"\n />\n {isFormFieldValid(modalFormik, confirmFieldName) && (\n <p className={styles.fieldError}>{modalFormik.errors[confirmFieldName]?.toString()}</p>\n )}\n </div>\n\n <SolidDialogFooter className=\"mt-5\">\n <SolidButton label=\"Update Password\" icon=\"si si-check\" type=\"submit\" className=\"w-full\" />\n </SolidDialogFooter>\n </form>\n </SolidDialogBody>\n </SolidDialog>\n </div>\n );\n};\n"]}

package/dist/components/core/form/fields/SolidPasswordField.tsx CHANGED Viewed

@@ -1,16 +1,23 @@
-import { InputText } from "primereact/inputtext";
-import { Message } from "primereact/message";
+import styles from './solidFields.module.css';
 import * as Yup from 'yup';
 import { FormikObject, ISolidField, SolidFieldProps } from "./ISolidField";
-import { Password } from "primereact/password";
+import { SolidButton } from "../../../shad-cn-ui/SolidButton";
+import { SolidIcon } from "../../../shad-cn-ui";
+import { SolidPasswordInput } from "../../../shad-cn-ui/SolidPasswordInput";
+import {
+    SolidDialog,
+    SolidDialogBody,
+    SolidDialogClose,
+    SolidDialogFooter,
+    SolidDialogHeader,
+    SolidDialogTitle,
+} from "../../../shad-cn-ui/SolidDialog";
 import { getExtensionComponent } from "../../../../helpers/registry";
 import { SolidFormFieldWidgetProps } from "../../../../types/solid-core";
 import { useState } from "react";
 import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
 import { Formik, useFormik } from "formik";
-import { Dialog } from "primereact/dialog";
-import { Button } from "primereact/button";
 import { usePathname } from "../../../../hooks/usePathname";
 import { useSearchParams } from "../../../../hooks/useSearchParams";
 import { updatePasswordField } from "../../../../helpers/updatePasswordField";
@@ -159,21 +166,21 @@ export const DefaultPasswordFormViewWidget = ({ formik, fieldContext }: SolidFor
     const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
     const [isText, setIsText] = useState(false)
     return (
-        <div className="mt-2 flex-column gap-2">
+        <div className={styles.fieldViewWrapper}>
             {showFieldLabel !== false && (
-                <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
+                <p className={`${styles.fieldViewLabel} form-field-label`}>{fieldLabel}</p>
             )}
-            <div className="flex align-items-center gap-4">
-                <p className="m-0">
+            <div className="flex align-items-center gap-3">
+                <p className={styles.fieldViewValue}>
                     {isText ? formik.values[fieldLayoutInfo.attrs.name] : "••••••••"}
                 </p>
-                <i
-                    className={`pi ${isText ? 'pi-eye' : 'pi-eye-slash'}`}
+                <SolidIcon
+                    name={isText ? "si-eye" : "si-eye-slash"}
                     onClick={() => setIsText(!isText)}
-                    style={{ cursor: 'pointer' }}
+                    style={{ cursor: "pointer" }}
+                    aria-hidden
                 />
             </div>
         </div>
     );
 }
@@ -184,9 +191,7 @@ export const DefaultPasswordFormViewWidget = ({ formik, fieldContext }: SolidFor
 export const DefaultPasswordFormCreateWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
     const fieldMetadata = fieldContext.fieldMetadata;
     const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
     const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
     const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
     const readOnlyPermission = fieldContext.readOnly;
@@ -199,56 +204,56 @@ export const DefaultPasswordFormCreateWidget = ({ formik, fieldContext }: SolidF
     const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
     const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
     return (
-        <div className="relative ">
-            <div className="password-field-component">
-                <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4">
-                    {showFieldLabel != false &&
-                        <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">
-                            {fieldLabel}
-                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                            <SolidFieldTooltip fieldContext={fieldContext} />
-                        </label>
-                    }
-                    <Password
-                        id={fieldLayoutInfo.attrs.name}
-                        name={fieldMetadata.name}
-                        value={formik.values[fieldLayoutInfo.attrs.name] || ''}
-                        onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
-                        onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}
-                        readOnly={formReadonly || fieldReadonly || readOnlyPermission}
-                        disabled={formDisabled || fieldDisabled}
-                        toggleMask
-                        autoComplete="new-password"
-                    />
-                </div>
+        <div>
+            <div className={styles.fieldWrapper}>
+                {showFieldLabel != false &&
+                    <label htmlFor={fieldLayoutInfo.attrs.name} className={`${styles.fieldLabel} form-field-label`}>
+                        {fieldLabel}
+                        {fieldMetadata.required && <span className="text-red-500">*</span>}
+                        <SolidFieldTooltip fieldContext={fieldContext} />
+                    </label>
+                }
+                <SolidPasswordInput
+                    id={fieldLayoutInfo.attrs.name}
+                    name={fieldMetadata.name}
+                    value={formik.values[fieldLayoutInfo.attrs.name] || ''}
+                    onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}
+                    onBlur={(e) => fieldContext.onBlur(e, 'onFieldBlur')}
+                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}
+                    disabled={formDisabled || fieldDisabled}
+                    toggle
+                    autoComplete="new-password"
+                    className="w-full"
+                />
                 {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
-                    <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />
+                    <p className={styles.fieldError}>{formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}</p>
                 )}
+            </div>
-                <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4">
-                    <label htmlFor={`${fieldLayoutInfo.attrs.name}Confirm`} className="form-field-label">
-                        Confirm {fieldLabel}
-                        {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                    </label>
-                    <Password
-                        id={`${fieldLayoutInfo.attrs.name}Confirm`}
-                        name={`${fieldLayoutInfo.attrs.name}Confirm`}
-                        value={formik.values[`${fieldLayoutInfo.attrs.name}Confirm`] || ''}
-                        onChange={(e) => {
-                            formik.setFieldValue(`${fieldLayoutInfo.attrs.name}Confirm`, e.target.value);
-                        }}
-                        onBlur={(e) => {
-                            formik.setFieldTouched(`${fieldLayoutInfo.attrs.name}Confirm`, true);
-                        }}
-                        readOnly={formReadonly || fieldReadonly || readOnlyPermission}
-                        disabled={formDisabled || fieldDisabled}
-                        toggleMask
-                        autoComplete="new-password"
-                    />
-                    {isFormFieldValid(formik, `${fieldLayoutInfo.attrs.name}Confirm`) && (
-                        <Message severity="error" text={formik?.errors[`${fieldLayoutInfo.attrs.name}Confirm`]?.toString()} />
-                    )}
-                </div>
+            <div className={styles.fieldWrapper}>
+                <label htmlFor={`${fieldLayoutInfo.attrs.name}Confirm`} className={`${styles.fieldLabel} form-field-label`}>
+                    Confirm {fieldLabel}
+                    {fieldMetadata.required && <span className="text-red-500">*</span>}
+                </label>
+                <SolidPasswordInput
+                    id={`${fieldLayoutInfo.attrs.name}Confirm`}
+                    name={`${fieldLayoutInfo.attrs.name}Confirm`}
+                    value={formik.values[`${fieldLayoutInfo.attrs.name}Confirm`] || ''}
+                    onChange={(e) => {
+                        formik.setFieldValue(`${fieldLayoutInfo.attrs.name}Confirm`, e.target.value);
+                    }}
+                    onBlur={(e) => {
+                        formik.setFieldTouched(`${fieldLayoutInfo.attrs.name}Confirm`, true);
+                    }}
+                    readOnly={formReadonly || fieldReadonly || readOnlyPermission}
+                    disabled={formDisabled || fieldDisabled}
+                    toggle
+                    autoComplete="new-password"
+                    className="w-full"
+                />
+                {isFormFieldValid(formik, `${fieldLayoutInfo.attrs.name}Confirm`) && (
+                    <p className={styles.fieldError}>{formik?.errors[`${fieldLayoutInfo.attrs.name}Confirm`]?.toString()}</p>
+                )}
             </div>
         </div>
     );
@@ -260,10 +265,7 @@ export const DefaultPasswordFormCreateWidget = ({ formik, fieldContext }: SolidF
 export const DefaultPasswordFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
     const fieldMetadata = fieldContext.fieldMetadata;
     const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
     const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
     const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
     const readOnlyPermission = fieldContext.readOnly;
@@ -319,73 +321,76 @@ export const DefaultPasswordFormEditWidget = ({ formik, fieldContext }: SolidFor
     });
     return (
-        <div className={className}>
+        <div className={styles.fieldWrapper}>
             {showFieldLabel !== false && (
-                <label htmlFor={fieldName} className="form-field-label">
+                <label htmlFor={fieldName} className={`${styles.fieldLabel} form-field-label`}>
                     {fieldLabel}
-                    {fieldMetadata.required && <span className="text-red-500"> *</span>}
+                    {fieldMetadata.required && <span className="text-red-500">*</span>}
                     <SolidFieldTooltip fieldContext={fieldContext} />
                 </label>
             )}
-            <Button
+            <SolidButton
                 type="button"
                 label="Change Password"
-                icon="pi pi-lock"
+                icon="si si-lock"
                 onClick={() => setVisible(true)}
-                className="mt-2"
+                className="mt-1"
                 disabled={formDisabled || fieldDisabled || readOnlyPermission || fieldReadonly}
             />
-            <Dialog
-                header={`Change ${fieldLabel}`}
-                visible={visible}
-                onHide={() => setVisible(false)}
+            <SolidDialog
+                open={visible}
+                onOpenChange={setVisible}
                 style={{ width: '30vw' }}
                 className="solid-confirm-dialog"
             >
-                <form onSubmit={modalFormik.handleSubmit} className="p-fluid">
-                    <div className="field">
-                        <label htmlFor={fieldName}>New {fieldLabel}</label>
-                        <Password
-                            id={fieldName}
-                            name={fieldName}
-                            value={modalFormik.values[fieldName]}
-                            onChange={modalFormik.handleChange}
-                            onBlur={modalFormik.handleBlur}
-                            toggleMask
-                            feedback={false}
-                            autoComplete="new-password"
-                        />
-                        {isFormFieldValid(modalFormik, fieldName) && (
-                            <Message severity="error" text={modalFormik.errors[fieldName]?.toString()} />
-                        )}
-                    </div>
-                    <div className="field mt-4">
-                        <label htmlFor={confirmFieldName}>Confirm {fieldLabel}</label>
-                        <Password
-                            id={confirmFieldName}
-                            name={confirmFieldName}
-                            value={modalFormik.values[confirmFieldName]}
-                            onChange={modalFormik.handleChange}
-                            onBlur={modalFormik.handleBlur}
-                            toggleMask
-                            feedback={false}
-                            autoComplete="new-password"
-                        />
-                        {isFormFieldValid(modalFormik, confirmFieldName) && (
-                            <Message severity="error" text={modalFormik.errors[confirmFieldName]?.toString()} />
-                        )}
-                    </div>
-                    <div className="mt-5">
-                        <Button label="Update Password" icon="pi pi-check" type="submit" className="w-full" />
-                    </div>
-                </form>
-            </Dialog>
+                <SolidDialogHeader>
+                    <SolidDialogTitle>{`Change ${fieldLabel}`}</SolidDialogTitle>
+                    <SolidDialogClose />
+                </SolidDialogHeader>
+                <SolidDialogBody>
+                    <form onSubmit={modalFormik.handleSubmit} className="p-fluid">
+                        <div className={styles.fieldWrapper}>
+                            <label htmlFor={fieldName} className={`${styles.fieldLabel} form-field-label`}>New {fieldLabel}</label>
+                            <SolidPasswordInput
+                                id={fieldName}
+                                name={fieldName}
+                                value={modalFormik.values[fieldName]}
+                                onChange={modalFormik.handleChange}
+                                onBlur={modalFormik.handleBlur}
+                                toggle
+                                autoComplete="new-password"
+                                className="w-full"
+                            />
+                            {isFormFieldValid(modalFormik, fieldName) && (
+                                <p className={styles.fieldError}>{modalFormik.errors[fieldName]?.toString()}</p>
+                            )}
+                        </div>
+                        <div className={styles.fieldWrapper}>
+                            <label htmlFor={confirmFieldName} className={`${styles.fieldLabel} form-field-label`}>Confirm {fieldLabel}</label>
+                            <SolidPasswordInput
+                                id={confirmFieldName}
+                                name={confirmFieldName}
+                                value={modalFormik.values[confirmFieldName]}
+                                onChange={modalFormik.handleChange}
+                                onBlur={modalFormik.handleBlur}
+                                toggle
+                                autoComplete="new-password"
+                                className="w-full"
+                            />
+                            {isFormFieldValid(modalFormik, confirmFieldName) && (
+                                <p className={styles.fieldError}>{modalFormik.errors[confirmFieldName]?.toString()}</p>
+                            )}
+                        </div>
+                        <SolidDialogFooter className="mt-5">
+                            <SolidButton label="Update Password" icon="si si-check" type="submit" className="w-full" />
+                        </SolidDialogFooter>
+                    </form>
+                </SolidDialogBody>
+            </SolidDialog>
         </div>
     );
 };