@processandtools/rp-article-designer 1.0.39 → 1.0.40

package/dist/stores/variableStore.d.ts

@@ -0,0 +1,30 @@
+import { VAR_TYPE } from '../variables/variable.types';
+export interface ArticleVariableEntry {
+    articleName: string;
+    articleId: string;
+    variables: Map<string, {
+        value: string | number | boolean;
+        type: VAR_TYPE;
+    }>;
+    descriptorOptions?: Map<string, {
+        articles: string[];
+        selected?: string;
+    }>;
+}
+type Listener = () => void;
+declare class VariableStore {
+    private articles;
+    private listeners;
+    private setters;
+    register(articleId: string, entry: ArticleVariableEntry, setter: (name: string, value: string | number | boolean) => void): void;
+    unregister(articleId: string): void;
+    setDescriptorOptions(articleName: string, descriptorName: string, articles: string[]): void;
+    setDescriptorSelection(articleId: string, descriptorName: string, selected: string): void;
+    private snapshot;
+    getArticles(): ArticleVariableEntry[];
+    setValue(articleId: string, varName: string, value: string | number | boolean): void;
+    subscribe(listener: Listener): () => boolean;
+    private notify;
+}
+export declare const variableStore: VariableStore;
+export {};

package/dist/stores/visibilityStore.d.ts

@@ -0,0 +1,23 @@
+type Listener = () => void;
+export interface VisibilityEntry {
+    label: string;
+    visible: boolean;
+}
+declare class VisibilityStore {
+    private visibility;
+    private listeners;
+    private snapshot;
+    /** Called once when the article list is known. Only adds new articles, does not reset existing visibility. */
+    registerAll(articles: {
+        articleId: string;
+        name: string;
+        visible: boolean;
+    }[]): void;
+    toggle(articleId: string, visible: boolean): void;
+    isVisible(articleId: string): boolean;
+    getAll(): Map<string, VisibilityEntry>;
+    subscribe(listener: Listener): () => boolean;
+    private notify;
+}
+export declare const visibilityStore: VisibilityStore;
+export {};

package/dist/types/canvas.types.d.ts

@@ -5,6 +5,7 @@ export interface CanvasProps {
     view?: VIEW;
     data?: ArticleData;
     articleList: ArticleGroupTypes[];
+    selectedArticleId?: string;
     debugMode?: boolean;
     isZCentered?: boolean;
     validNames?: Set<string>;

package/dist/types/configurator.types.d.ts

@@ -0,0 +1,10 @@
+export interface ControlConfig {
+    label: string;
+    fieldType: string;
+    varName: string[];
+    options?: string | string[];
+    min?: number;
+    max?: number;
+    step?: number;
+    [key: string]: unknown;
+}

package/dist/types/divider.types.d.ts

@@ -41,6 +41,7 @@ export interface LinearDivisionDescriptor extends BaseDivider {
     type: typeof DividerTypeConst.LINEAR_DIVISION;
     valueSource: typeof ValueSourceConst.DESCRIPTOR;
     thickness: number;
+    descriptorName: string;
 }
 export type LinearDivisionMode = LinearDivisionString | LinearDivisionDescriptor;
 export interface ArticleString extends BaseDivider {
@@ -50,6 +51,8 @@ export interface ArticleString extends BaseDivider {
 export interface ArticleDescriptor extends BaseDivider {
     type: typeof DividerTypeConst.ARTICLE;
     valueSource: typeof ValueSourceConst.DESCRIPTOR;
+    matchesArticles?: string[];
+    descriptorName: string;
 }
 export type ArticleMode = ArticleString | ArticleDescriptor;
 export type DividerMode = LinearDivisionMode | ArticleMode;
@@ -67,9 +70,9 @@ export declare const isArticle: {
 };
 export declare const createDivider: {
     linearDivisionString(NAME: string, TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, DIVIDER: string, thickness: number): LinearDivisionString;
-    linearDivisionDescriptor(NAME: string, TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, DIVIDER: string, thickness: number): LinearDivisionDescriptor;
+    linearDivisionDescriptor(NAME: string, TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, DIVIDER: string, thickness: number, descriptorName: string): LinearDivisionDescriptor;
     articleString(NAME: string, TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVIDER: string, DIVELEM1: number): ArticleString;
-    articleDescriptor(NAME: string, TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVIDER: string, DIVELEM1: number): ArticleDescriptor;
+    articleDescriptor(NAME: string, TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVIDER: string, DIVELEM1: number, descriptorName: string): ArticleDescriptor;
     fromZoneData(divProps: DividerProps, thickness: number): DividerMode;
 };
 export declare function getDividedAxis(divider?: DividerMode): 'width' | 'depth' | 'height';

package/dist/variables/VariableProvider.d.ts

@@ -7,7 +7,7 @@ export interface VariableProviderProps {
 }
 export interface VariableContextValue {
     tree: VariableTree;
-    setVarValue: (name: string, value: string | number) => void;
+    setVarValue: (name: string, value: string | number | boolean) => void;
 }
 /**
  * Provides base variable tree from IMOS variable definitions

package/dist/variables/VariableResolver.d.ts

@@ -12,7 +12,7 @@ export declare function getValue(varName: string, tree: VariableTree, visited?:
 /**
  * Set a variable's value (immutable update)
  */
-export declare function setValue(varName: string, newValue: string | number, tree: VariableTree): VariableTree;
+export declare function setValue(varName: string, newValue: string | number | boolean, tree: VariableTree): VariableTree;
 /**
  * Resolve variables in a string (e.g., "1:$VAR_M1 mm" → "1:300 mm")
  */

package/dist/variables/useVariables.d.ts

@@ -8,5 +8,5 @@ export declare function useVariables(): {
     resolveVar: (str: string) => string;
     resolveVarRecursive: (str: string) => string;
     hasVariables: (str: string) => boolean;
-    setVarValue: (name: string, value: string | number) => void;
+    setVarValue: (name: string, value: string | number | boolean) => void;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@processandtools/rp-article-designer",
   "private": false,
-  "version": "1.0.39",
+  "version": "1.0.40",
   "author": "Otman Abid Lmerabetine",
   "license": "MIT",
   "type": "module",
@@ -55,6 +55,9 @@
     "three": ">=0.150.0"
   },
   "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^7.3.8",
     "@react-spring/three": "^10.0.3",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": ">=6.0.0",
@@ -62,6 +65,7 @@
     "leva": ">=0.10.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
+    "react-is": "^18.3.1",
     "react-use": "^17.6.0",
     "react-zoom-pan-pinch": "^3.7.0",
     "three": ">=0.150.0"

package/dist/components/ui/PerformanceMonitor.d.ts

@@ -1 +0,0 @@
-export declare function PerformanceMonitor(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/controls/ControlPanel.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-export interface ControlPanelProps {
-    visibility: Record<string, boolean>;
-    onVisibilityChange: (key: string, value: boolean) => void;
-    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-    style?: CSSProperties;
-}
-export declare function ControlPanel({ visibility, onVisibilityChange, position, style }: ControlPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/controls/ControlPanel2D.d.ts

@@ -1,2 +0,0 @@
-import { ControlPanelProps } from './ControlPanel';
-export declare function ControlPanel2D(props: ControlPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/controls/ControlPanel3D.d.ts

@@ -1,2 +0,0 @@
-import { ControlPanelProps } from './ControlPanel';
-export declare function ControlPanel3D(props: ControlPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/controls/VariableController.d.ts

@@ -1,7 +0,0 @@
-import { VIEW } from '../../../types/view.types';
-interface VariableControllerProps {
-    articleName: string;
-    view: VIEW;
-}
-export declare function VariableController({ articleName, view }: VariableControllerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/controls/VariableControllerWrapper.d.ts

@@ -1,12 +0,0 @@
-import { ArticleGroupTypes } from '../../../types/article-group.types';
-interface VariableControllerWrapperProps {
-    article: ArticleGroupTypes;
-    articleId: string;
-}
-/**
- * Wrapper that provides context for LevaVariableController
- * This allows us to render the variable controller outside the SVG
- * while still having access to the article's context
- */
-export declare function VariableControllerWrapper({ article, articleId }: VariableControllerWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/controls/VariablePanel2D.d.ts

@@ -1,2 +0,0 @@
-import { VariablePanelProps } from './VariablePanel';
-export declare function VariablePanel2D(props: VariablePanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/controls/VariablePanel3D.d.ts

@@ -1,2 +0,0 @@
-import { VariablePanelProps } from './VariablePanel';
-export declare function VariablePanel3D(props: VariablePanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/controls/ZoomControls.d.ts

@@ -1,8 +0,0 @@
-export interface ZoomControlsProps {
-    zoom: number;
-    onZoomIn: () => void;
-    onZoomOut: () => void;
-    onReset: () => void;
-    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-}
-export declare function ZoomControls({ zoom, onZoomIn, onZoomOut, onReset, position }: ZoomControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/test/LevaVariableController.d.ts

@@ -1,7 +0,0 @@
-interface LevaVariableControllerProps {
-    articleName: string;
-    articleId: string;
-    onArticleNameChange?: (name: string) => void;
-}
-export declare function LevaVariableController({ articleName, articleId, onArticleNameChange }: LevaVariableControllerProps): null;
-export {};

package/dist/components/ui/test/LevaVisibilityController.d.ts

@@ -1,11 +0,0 @@
-import { ArticleGroupTypes } from '../../../types/article-group.types';
-interface LevaVisibilityControllerProps {
-    articleList: ArticleGroupTypes[];
-    onVisibilityChange: (articleName: string, visible: boolean) => void;
-}
-/**
- * Leva-based visibility controller for articles
- * Renders outside SVG, works in both 3D and 2D views
- */
-export declare function LevaVisibilityController({ articleList, onVisibilityChange }: LevaVisibilityControllerProps): null;
-export {};

package/dist/rp-article-designer.css

@@ -1 +0,0 @@
-.leva-c-kWgxhW{width:450px!important;max-height:80vh!important;font-size:12px!important}.leva-c-kWgxhW{position:fixed!important;top:20px!important;right:20px!important}.leva-c-lfSEqC{font-size:13px!important;font-weight:600!important;padding:8px 10px!important}.leva-c-guFiPV{min-width:60px!important}.leva-c-kJFgFS{min-width:150px!important}.leva-c-bXZCSs{width:100px!important}.leva-c-jUkAsD{min-height:28px!important}.leva-c-kWgxhW{background:#000000d9!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.leva-c-kWgxhW::-webkit-scrollbar{width:8px}.leva-c-kWgxhW::-webkit-scrollbar-track{background:#ffffff1a}.leva-c-kWgxhW::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.leva-c-kWgxhW::-webkit-scrollbar-thumb:hover{background:#ffffff80}