vim-web 0.3.44-dev.73 → 0.3.44-dev.74

package/dist/types/react-viewers/generic/genericField.d.ts

@@ -3,6 +3,8 @@ import { StateRef } from "../helpers/reactUtils";
 interface BaseGenericEntry {
     id: string;
     label: string;
+    enabled?: () => boolean;
+    visible?: () => boolean;
 }
 export interface GenericTextEntry extends BaseGenericEntry {
     type: "text";

package/dist/types/react-viewers/generic/inputNumber.d.ts

@@ -1,4 +1,5 @@
 import { StateRef } from "../helpers/reactUtils";
 export declare function InputNumber(props: {
     state: StateRef<number>;
+    disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/vim-web.iife.js

@@ -75675,6 +75675,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
+        disabled: props.disabled ?? false,
         type: "number",
         value: inputValue,
         onChange: handleChange,
@@ -75684,9 +75685,11 @@ Averrage Date/Second ${avgDataRatePS} kb
     );
   }
   function GenericEntry(field) {
+    if (field.visible() === false) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
+        style: {},
         className: "vim-sectionbox-offsets-entry vc-text-xs vc-flex vc-items-center vc-justify-between vc-my-2",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "vc-w-1/2 vc-inline", children: field.label }),
@@ -75699,11 +75702,11 @@ Averrage Date/Second ${avgDataRatePS} kb
   function GenericField(props) {
     switch (props.field.type) {
       case "number":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { state: props.field.state });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { state: props.field.state, disabled: !props.field.enabled() });
       case "text":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericTextField, { field: props.field });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericTextField, { state: props.field.state, disabled: !props.field.enabled() });
       case "bool":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericBoolField, { field: props.field });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericBoolField, { state: props.field.state, disabled: !props.field.enabled() });
       default:
         return null;
     }
@@ -75713,15 +75716,15 @@ Averrage Date/Second ${avgDataRatePS} kb
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
-        id: props.field.id,
         type: "text",
-        value: props.field.state.get(),
+        disabled: props.disabled ?? false,
+        value: props.state.get(),
         onChange: (e) => {
           refresher.refresh();
-          props.field.state.set(e.target.value);
+          props.state.set(e.target.value);
         },
         className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
-        onBlur: () => props.field.state.confirm()
+        onBlur: () => props.state.confirm()
       }
     );
   }
@@ -75730,12 +75733,12 @@ Averrage Date/Second ${avgDataRatePS} kb
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
-        id: props.field.id,
         type: "checkbox",
-        checked: props.field.state.get(),
+        disabled: props.disabled ?? false,
+        checked: props.state.get(),
         onChange: (e) => {
           refresher.refresh();
-          props.field.state.set(e.target.checked);
+          props.state.set(e.target.checked);
         },
         className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1"
       }