vim-web 0.3.44-dev.72 → 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/types/react-viewers/helpers/reactUtils.d.ts

@@ -34,6 +34,18 @@ export interface StateRef<T> {
     confirm(): void;
     onChange: ISimpleEvent<T>;
 }
+/**
+ * A basic implementation of StateRef<T> without React.
+ */
+export declare class MutableState<T> implements StateRef<T> {
+    private _value;
+    private _onChange;
+    constructor(initial: T);
+    get(): T;
+    set(value: T): void;
+    confirm(): void;
+    get onChange(): ISimpleEvent<T>;
+}
 export interface StateRefresher {
     refresh: () => void;
 }

package/dist/vim-web.iife.js

@@ -74583,6 +74583,26 @@ Averrage Date/Second ${avgDataRatePS} kb
       })
     );
   }
+  class MutableState {
+    constructor(initial) {
+      __publicField(this, "_value");
+      __publicField(this, "_onChange", new distExports.SimpleEventDispatcher());
+      this._value = initial;
+    }
+    get() {
+      return this._value;
+    }
+    set(value) {
+      if (value === this._value) return;
+      this._value = value;
+      this._onChange.dispatch(value);
+    }
+    confirm() {
+    }
+    get onChange() {
+      return this._onChange.asEvent();
+    }
+  }
   function useRefresher() {
     const [refresh, setRefresh] = React2.useState(false);
     return {
@@ -74817,6 +74837,7 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   const reactUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
+    MutableState,
     useActionRef,
     useArgActionRef,
     useArgFuncRef,
@@ -75654,6 +75675,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
+        disabled: props.disabled ?? false,
         type: "number",
         value: inputValue,
         onChange: handleChange,
@@ -75663,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 }),
@@ -75678,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;
     }
@@ -75692,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()
       }
     );
   }
@@ -75709,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"
       }