@skalfa/skalfa-component 1.0.51 → 1.0.52

package/dist/supervision/FormSupervision.component.d.ts

@@ -57,7 +57,7 @@ export type WatchAction = {
     hidden?: boolean;
     value?: any;
     required?: boolean;
-    readonly?: boolean;
+    readOnly?: boolean;
     reset?: boolean;
 };
 export interface FormType<T extends TypeKeys = keyof ConstructionMap> {

package/dist/supervision/FormSupervision.component.js

@@ -197,7 +197,8 @@ function FormSupervisionComponent({ title, fields, submitControl, confirmation,
         if (form?.onHide?.(valMap, prefix))
             return null;
         const ws = watchState[name];
-        if (ws?.hidden)
+        const isHidden = form.construction?.hidden ?? ws?.hidden;
+        if (isHidden)
             return null;
         if (inputType === "cluster") {
             const { name: mapName, fields: innerForms, label, tip, wrap, className, min } = form.construction;
@@ -247,7 +248,10 @@ function FormSupervisionComponent({ title, fields, submitControl, confirmation,
             return ((0, jsx_runtime_1.jsx)("div", { className: (0, _utils_1.cn)(form.className, generateColClass(form.col || "12")), children: customRender?.({ formControl, values, setValues, errors, setErrors, setRegister, prefixName: prefix }) }, key));
         }
         const Component = inputMap[inputType] || __1.InputComponent;
-        return ((0, jsx_runtime_1.jsx)("div", { className: (0, _utils_1.cn)(form.className, generateColClass(form.col || "12")), children: (0, jsx_runtime_1.jsx)(Component, { ...form.construction, ...formControl(name), disabled: ws?.disabled, readOnly: ws?.readonly, name: name }) }, key));
+        const construction = form.construction || {};
+        const disabled = construction.disabled ?? ws?.disabled;
+        const readOnly = construction.readOnly ?? ws?.readOnly;
+        return ((0, jsx_runtime_1.jsx)("div", { className: (0, _utils_1.cn)(form.className, generateColClass(form.col || "12")), children: (0, jsx_runtime_1.jsx)(Component, { ...construction, ...formControl(name), disabled: disabled, readOnly: readOnly, name: name }) }, key));
     };
     (0, react_1.useEffect)(() => {
         (modal == "failed") && setModal(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalfa/skalfa-component",
-  "version": "1.0.51",
+  "version": "1.0.52",
   "description": "Reusable UI components for Skalfa App.",
   "license": "MIT",
   "keywords": [

package/src/supervision/FormSupervision.component.tsx

@@ -107,7 +107,7 @@ export type WatchAction = {
   hidden    ?: boolean
   value     ?: any
   required  ?: boolean
-  readonly  ?: boolean
+  readOnly  ?: boolean
   reset     ?: boolean
 }
 
@@ -389,7 +389,8 @@ export function FormSupervisionComponent({
     if (form?.onHide?.(valMap, prefix)) return null;
 
     const ws = watchState[name];
-    if (ws?.hidden) return null;
+    const isHidden = (form.construction as any)?.hidden ?? ws?.hidden;
+    if (isHidden) return null;
 
     if (inputType === "cluster") {
       const { name: mapName, fields: innerForms, label, tip, wrap, className, min } = form.construction as ClusterConstruction;
@@ -492,13 +493,17 @@ export function FormSupervisionComponent({
     }
 
     const Component = inputMap[inputType] || InputComponent;
+    const construction = (form.construction as any) || {};
+    const disabled = construction.disabled ?? ws?.disabled;
+    const readOnly = construction.readOnly ?? ws?.readOnly;
+
     return (
       <div key={key} className={cn(form.className, generateColClass(form.col || "12"))}>
         <Component
-          {...(form.construction as any)}
+          {...construction}
           {...formControl(name)}
-          disabled={ws?.disabled}
-          readOnly={ws?.readonly}
+          disabled={disabled}
+          readOnly={readOnly}
           name={name}
         />
       </div>