@adcops/autocore-react 3.3.85 → 3.3.89

package/dist/hooks/useTisConfig.d.ts

@@ -0,0 +1,51 @@
+/**
+ * useTisConfig — load and edit the TIS test_methods schema.
+ *
+ * Thin wrapper around the `tis.show_config` / `tis.put_method` /
+ * `tis.remove_method` / `tis.save_config` / `tis.discard_config_changes`
+ * IPC surface. Mirrors the server's staged-then-saved model: edits land in
+ * the server's in-memory copy (dirty = true) until `save()` persists them
+ * to project.json.
+ *
+ * Today the server hosts exactly one project (the one configured at
+ * startup), so `projectId` is informational; the hook still threads it
+ * through every call so the wire contract matches a future multi-project
+ * world without a rewrite.
+ *
+ * Pass an `invoker` override to mock the IPC layer (used by the playground
+ * demo and by tests). When omitted, the hook reads `EventEmitterContext`.
+ */
+/** Minimal subset of a TestMethod we model client-side. Treat as opaque —
+ *  the structural integrity of each method is the server's responsibility. */
+export type TestMethod = Record<string, unknown>;
+export interface TisConfig {
+    projectId: string;
+    methods: Record<string, TestMethod>;
+    dirty: boolean;
+    defaultMethodId: string;
+}
+/** IPC invoker contract: `topic` is e.g. "tis.show_config", payload is the
+ *  request data. Returns an object with at least { success, data?, error_message? }. */
+export interface TisIpcInvoker {
+    (topic: string, payload: object): Promise<{
+        success: boolean;
+        data?: any;
+        error_message?: string;
+    }>;
+}
+export interface UseTisConfigResult {
+    config: TisConfig | null;
+    loading: boolean;
+    /** Last server-reported error from a mutation. Cleared on next successful call. */
+    error: string | null;
+    refresh: () => Promise<void>;
+    putMethod: (methodId: string, method: TestMethod) => Promise<void>;
+    removeMethod: (methodId: string) => Promise<void>;
+    save: () => Promise<void>;
+    revert: () => Promise<void>;
+}
+export interface UseTisConfigOptions {
+    invoker?: TisIpcInvoker;
+}
+export declare function useTisConfig(projectId: string, options?: UseTisConfigOptions): UseTisConfigResult;
+//# sourceMappingURL=useTisConfig.d.ts.map

package/dist/hooks/useTisConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTisConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useTisConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAMH;8EAC8E;AAC9E,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,MAAM,WAAW,SAAS;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED;wFACwF;AACxF,MAAM,WAAW,aAAa;IAC1B,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;QACtC,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;CACN;AAED,MAAM,WAAW,kBAAkB;IAC/B,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,wBAAgB,YAAY,CACxB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,mBAAmB,GAC9B,kBAAkB,CAqGpB"}

package/dist/hooks/useTisConfig.js

@@ -0,0 +1 @@
+import{useCallback,useContext,useEffect,useState}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export function useTisConfig(e,t){const s=useContext(EventEmitterContext),o=t?.invoker??(async(e,t)=>await s.invoke(e,MessageType.Request,t)),[a,r]=useState(null),[i,n]=useState(!0),[c,d]=useState(null),l=useCallback(async()=>{n(!0);try{const t=await o("tis.show_config",{project_id:e});if(!t.success)return d(t.error_message??"tis.show_config failed"),void r(null);const s=t.data??{};r({projectId:e,methods:s.test_methods??{},dirty:!!s.dirty,defaultMethodId:"string"==typeof s.default_method_id?s.default_method_id:""}),d(null)}catch(e){d(String(e?.message??e)),r(null)}finally{n(!1)}},[e,o]);useEffect(()=>{l()},[l]);const u=useCallback(async(t,s)=>{const a=await o("tis.put_method",{project_id:e,method_id:t,method:s});if(!a.success){const e=a.error_message??"tis.put_method failed";throw d(e),new Error(e)}d(null),await l()},[o,e,l]),f=useCallback(async t=>{const s=await o("tis.remove_method",{project_id:e,method_id:t});if(!s.success){const e=s.error_message??"tis.remove_method failed";throw d(e),new Error(e)}d(null),await l()},[o,e,l]),m=useCallback(async()=>{const t=await o("tis.save_config",{project_id:e});if(!t.success){const e=t.error_message??"tis.save_config failed";throw d(e),new Error(e)}d(null),await l()},[o,e,l]),_=useCallback(async()=>{const t=await o("tis.discard_config_changes",{project_id:e});if(!t.success){const e=t.error_message??"tis.discard_config_changes failed";throw d(e),new Error(e)}d(null),await l()},[o,e,l]);return{config:a,loading:i,error:c,refresh:l,putMethod:u,removeMethod:f,save:m,revert:_}}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adcops/autocore-react",
-    "version": "3.3.85",
+    "version": "3.3.89",
     "description": "A React component library for industrial user interfaces.",
     "private": false,
     "type": "module",
@@ -11,7 +11,10 @@
         "build-themes": "node ./tools/build-themes.cjs",
         "generate-docs": "typedoc",
         "build": "npm run clean && tsc && node ./tools/copy-distribution-files.cjs && npm run build-themes && npm run minify",
-        "dev": "npm run clean && tsc && node ./tools/copy-distribution-files.cjs",
+        "build:dev": "npm run clean && tsc && node ./tools/copy-distribution-files.cjs",
+        "dev": "vite",
+        "playground": "vite",
+        "playground:build": "vite build",
         "prestart": "tsc",
         "publish-package": "npm run build && npm version patch && npm publish",
         "prepublishOnly": "npm run build",
@@ -58,6 +61,7 @@
         "numerable": "^0.3.15",
         "react-blockly": "^8.1.2",
         "react-chartjs-2": "^5.3.0",
+        "react-number-format": "^5.4.5",
         "react-simple-keyboard": "^3.8.120",
         "react-transition-group": "^4.4.5",
         "sass": "^1.92.1",
@@ -76,11 +80,13 @@
         "@types/react": "^18.2.15",
         "@types/react-dom": "^18.2.7",
         "@types/react-transition-group": "^4.4.12",
+        "@vitejs/plugin-react": "^6.0.2",
         "primereact": "^10.9.7",
         "rimraf": "^6.0.1",
         "terser": "^5.44.0",
         "typedoc": "^0.28.12",
-        "typescript": "^5.9.2"
+        "typescript": "^5.9.2",
+        "vite": "^8.0.13"
     },
     "exports": {
         "./core/*": {

package/src/assets/AxisC.tsx

@@ -0,0 +1,38 @@
+/*
+ * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2025-08-28 11:27:20
+ * -----
+ * Last Modified: 2025-08-28 11:38:53
+ * -----
+ * 
+ */
+
+
+import type { SVGProps } from "react";
+
+export const SvgAxisC = (props: SVGProps<SVGSVGElement>) => (
+  
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    {/* The Letter C - Centered slightly left */}
+    <path d="M15 10a4 4 1 1 0 0 6" />
+
+    {/* The Circular Arrow - Arc ends at (12, 2.1) */}
+    <path d="M12 2a10 10 0 1 0 9.5 7" />
+    
+    {/* The Arrowhead - Pointing specifically to (12, 2) */}
+    <path d="m11 5 4-5-4-4" transform="translate(0 2)" />
+  </svg>
+);
+
+export default SvgAxisC;

package/src/assets/AxisX.tsx

@@ -1,33 +1,33 @@
-/*
- * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
- * Created Date: 2025-08-28 11:27:20
- * -----
- * Last Modified: 2025-08-28 11:38:53
- * -----
- * 
- */
-
-
-import type { SVGProps } from "react";
-
-export const SvgAxisX = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}
-  >
-    {/* Letter X */}
-    <path d="M5 2l14 12M18 2l-13 12" />
-    {/* Bi-directional horizontal arrow */}
-    <path d="M2 22h20M2 22l3-3M2 22l3 3M22 22l-3-3M22 22l-3 3" />
-  </svg>
-);
-
+/*
+ * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2025-08-28 11:27:20
+ * -----
+ * Last Modified: 2025-08-28 11:38:53
+ * -----
+ * 
+ */
+
+
+import type { SVGProps } from "react";
+
+export const SvgAxisX = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    {/* Bi-directional horizontal arrow */}
+    <path d="M4 18h16M4 18l4-4M4 18l4 4M20 18l-4-4M20 18l-4 4" />
+    {/* Larger Letter X */}
+    <path d="M9 2l6 6m0-6l-6 6" />
+  </svg>
+);
+
 export default SvgAxisX;

package/src/assets/AxisY.tsx

@@ -1,35 +1,35 @@
-/*
- * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
- * Created Date: 2025-08-28 11:27:59
- * -----
- * Last Modified: 2025-08-28 11:42:59
- * -----
- * 
- */
-
-
-import type { SVGProps } from "react";
-
-export const SvgAxisY = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}
-  >
-    {/* Bi-directional diagonal arrow (rotated across the full viewBox) */}
-    <g transform="rotate(-45 12 12)">
-      <path d="M0 8h22M0 8l4-4M0 8l4 4M23 8l-4-4M23 8l-4 4" />
-    </g>
-    {/* Letter Y (bottom-right corner, below the diagonal) */}
-    <path d="M13 12l5 7v7M23 12l-5 6" />
-  </svg>
-);
-
+/*
+ * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2025-08-28 11:27:59
+ * -----
+ * Last Modified: 2025-08-28 11:42:59
+ * -----
+ * 
+ */
+
+
+import type { SVGProps } from "react";
+
+export const SvgAxisY = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    {/* Bi-directional diagonal arrow (rotated) */}
+    <g transform="rotate(-45 6 12)">
+      <path d="M4 12h16M4 12l4-4M4 12l4 4M20 12l-4-4M20 12l-4 4" />
+    </g>
+    {/* Larger Letter Y */}
+    <path d="M15 12l3 4v5 M21 12l-3 4" />
+  </svg>
+);
+
 export default SvgAxisY;

package/src/assets/AxisZ.tsx

@@ -1,32 +1,32 @@
-/*
- * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
- * Created Date: 2025-08-28 11:28:14
- * -----
- * Last Modified: 2025-08-28 11:39:53
- * -----
- * 
- */
-
-import type { SVGProps } from "react";
-
-export const SvgAxisZ = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}
-  >
-    {/* Bi-directional vertical arrow */}
-    <path d="M18 2v20M15 5l3-3 3 3M15 19l3 3 3-3" />
-    {/* Letter Z */}
-    <path d="M1 4h10l-10 15h10" />
-  </svg>
-);
-
+/*
+ * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2025-08-28 11:28:14
+ * -----
+ * Last Modified: 2025-08-28 11:39:53
+ * -----
+ * 
+ */
+
+import type { SVGProps } from "react";
+
+export const SvgAxisZ = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    {/* Bi-directional vertical arrow */}
+    <path d="M18 4v16M14 8l4-4 4 4M14 16l4 4 4-4" />
+    {/* Larger Letter Z */}
+    <path d="M2 10h6l-6 6h6" />
+  </svg>
+);
+
 export default SvgAxisZ;

package/src/components/ValueInput.css

@@ -1,29 +1,26 @@
 /*
  * ValueInput sizing.
  *
- * Within a .p-inputgroup, PrimeReact gives .p-inputwrapper `flex: 1 1 auto`
- * so the InputNumber stretches to fill all available space. Override that
- * for our sized variants so only the input field is constrained — label,
- * accept/cancel buttons keep their natural size.
+ * NumericFormat with customInput=InputText renders a plain <input class="p-inputtext">
+ * (no .p-inputwrapper span like PrimeReact's InputNumber). In a .p-inputgroup the
+ * input defaults to flex: 1 1 auto; we override that so the field stays at a
+ * fixed width while the label addon and accept/cancel buttons keep their
+ * natural sizes.
  */
 
-.value-input-field.p-inputwrapper {
+.value-input-field.p-inputtext {
     flex: 0 0 auto;
-}
-
-.value-input-field.p-inputwrapper .p-inputtext {
-    width: 100%;
     box-sizing: border-box;
 }
 
-.value-input-field.size-small.p-inputwrapper {
+.value-input-field.size-small.p-inputtext {
     width: 30mm;
 }
 
-.value-input-field.size-normal.p-inputwrapper {
+.value-input-field.size-normal.p-inputtext {
     width: 55mm;
 }
 
-.value-input-field.size-large.p-inputwrapper {
+.value-input-field.size-large.p-inputtext {
     width: 70mm;
 }