@processandtools/rp-article-designer 1.0.33 → 1.0.35

package/dist/rp-article-designer.css

@@ -1 +1 @@
-.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}.var-controller__range-info{font-size:11px;color:#666;margin-top:2px}.var-controller__numeric-control{display:flex;align-items:center;gap:10px}.var-controller__number-input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;width:80px}.var-controller{padding:20px;font-family:monospace;max-width:1200px;margin:0 auto}.var-controller__header{color:#666;margin-bottom:20px}.var-controller__section{margin-bottom:30px;border:2px solid #333;border-radius:8px;padding:15px;background-color:#f9f9f9}.var-controller__section-title{margin-top:0;border-bottom:1px solid #ccc;padding-bottom:10px}.var-controller__table{width:100%;border-collapse:collapse}.var-controller__table thead tr{background-color:#e0e0e0}.var-controller__table th{padding:8px;text-align:left}.var-controller__table th.center{text-align:center}.var-controller__table tbody tr{border-bottom:1px solid #ddd}.var-controller__table tbody tr:nth-child(2n){background-color:#f5f5f5}.var-controller__table tbody tr:nth-child(odd){background-color:#fff}.var-controller__table td{padding:8px}.var-controller__var-name{font-weight:700}.var-controller__value--reference{color:#007bff}.var-controller__reference{color:#666;font-size:.9em}.var-controller__type-badge{padding:2px 8px;border-radius:4px;background-color:#e0e0e0;font-size:.85em}.var-controller__slider-container{display:flex;align-items:center;gap:10px}.var-controller__slider{flex:1;height:6px;border-radius:3px;background:#d3d3d3;outline:none;-webkit-appearance:none}.var-controller__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer}.var-controller__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.var-controller__slider-value{min-width:60px;text-align:right;font-weight:700;color:#007bff}.var-controller__text-input{width:100%;padding:4px;border:2px solid #007bff;border-radius:4px}.var-controller__btn{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.var-controller__btn--edit{background-color:#007bff;color:#fff}.var-controller__btn--save{background-color:#28a745;color:#fff;margin-right:4px}.var-controller__btn--cancel{background-color:#dc3545;color:#fff}.var-controller__btn:hover{opacity:.9}.var-controller__stats{padding:15px;background-color:#e8f4f8;border-radius:8px;margin-top:20px}.var-controller__stats h4{margin-top:0}.var-controller__stats ul{margin:0;padding-left:20px}
+.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}

package/dist/services/GenericApi.d.ts

@@ -10,4 +10,5 @@ export declare class GenericAPI<T> {
      * Fetch bulk data by values array (POST)
      */
     fetchBulk(values: string[]): Promise<T | undefined>;
+    private parseResponse;
 }

package/dist/types/article-group.types.d.ts

@@ -2,5 +2,6 @@ import { DimensionProps } from './zone.types';
 export interface ArticleGroupTypes {
     name: string;
     dimensions: DimensionProps;
-    variables: Record<string, string | number>;
+    visibility?: boolean;
+    variables?: Record<string, string | number>;
 }

package/dist/types/data.types.d.ts

@@ -6,7 +6,9 @@ import { KmsTypes } from '../construction_principle/kms/kms.types';
 import { MaterialTypes } from '../construction_principle/material/material.types';
 import { SurfaceTypes } from '../construction_principle/surface/surface.types';
 import { CabinTypes } from '../construction_principle/cabin/cabin.types';
-import { CPTypeCode } from './cp.types';
+import { DoorTypes } from '../construction_principle/door/door.types';
+import { CabbackTypes } from '../construction_principle/back_panel/cabback.types';
+import { CPTypeCode } from '../construction_principle/dto/cp.types';
 export interface AngleElem {
     NAME: string;
     TREEID: string;
@@ -71,9 +73,11 @@ export interface DataContextType {
     anglPrims: AnglPrim[];
     anglClies: AnglClie[];
     anglGrtxs: AnglGrtx[];
+    cabins: CabinTypes[];
     csides: CsideTypes[];
+    doors: DoorTypes[];
+    cabbacks: CabbackTypes[];
     kmsList: KmsTypes[];
-    cabins: CabinTypes[];
     variables: ImosVariable[];
     selectedElem: string | null;
     setSelectedElem: (elemId: string | null) => void;
@@ -90,8 +94,10 @@ export interface DataContextType {
         anglPrims: AnglPrim[];
         anglClies: AnglClie[];
         anglGrtxs: AnglGrtx[];
-        csides: CsideTypes[];
         cabins: CabinTypes[];
+        csides: CsideTypes[];
+        doors: DoorTypes[];
+        cabbacks: CabbackTypes[];
         variables: ImosVariable[];
     };
     allData: {
@@ -100,9 +106,11 @@ export interface DataContextType {
         anglprim: AnglPrim[];
         anglclie: AnglClie[];
         anglgrtx: AnglGrtx[];
+        cabin: CabinTypes[];
         cside: CsideTypes[];
+        door: DoorTypes[];
+        cabback: CabbackTypes[];
         kms: KmsTypes[];
-        cabin: CabinTypes[];
     };
 }
 export interface ArticleData {
@@ -113,9 +121,11 @@ export interface ArticleData {
     anglgrtx: AnglGrtx[];
     descriptors: DescriptorResponse[];
     variables: ImosVariable[];
+    cabin?: CabinTypes[];
     cside?: CsideTypes[];
+    door?: DoorTypes[];
+    cabback?: CabbackTypes[];
     kms?: KmsTypes[];
-    cabin?: CabinTypes[];
     materials?: MaterialTypes[];
     surfaces?: SurfaceTypes[];
 }

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

@@ -3,7 +3,7 @@ import { DimensionProps } from './zone.types';
 export type DivisionDirection = 'A' | 'D' | 'H' | 'I' | 'V';
 export type HorizontalDefType = '2' | 'A' | 'D' | 'P' | 'W';
 export type DividerType = 'A' | 'B' | 'C' | 'D' | 'F' | 'P' | 'S' | 'T' | 'V';
-type DividerProps = Pick<AnglZone, 'TREEID' | 'DIVDIR' | 'DIVTYPE' | 'HORDEFTYPE' | 'LINDIV1' | 'DIVELEM1' | 'DIVIDER'>;
+type DividerProps = Pick<AnglZone, 'NAME' | 'TREEID' | 'DIVDIR' | 'DIVTYPE' | 'HORDEFTYPE' | 'LINDIV1' | 'DIVELEM1' | 'DIVIDER'>;
 export declare const DividerTypeConst: {
     readonly LINEAR_DIVISION: "linear-division";
     readonly ARTICLE: "article";
@@ -13,39 +13,33 @@ export declare const ValueSourceConst: {
     readonly DESCRIPTOR: "descriptor";
 };
 interface BaseDivider {
+    NAME: string;
     TREEID: string;
     DIVDIR: DivisionDirection;
     DIVTYPE: DividerType;
     HORDEFTYPE: HorizontalDefType;
     LINDIV1: string;
     DIVELEM1: number;
+    DIVIDER: string;
 }
 export interface LinearDivisionString extends BaseDivider {
     type: typeof DividerTypeConst.LINEAR_DIVISION;
     valueSource: typeof ValueSourceConst.STRING;
-    DIVIDER: '';
-    formula: string;
     thickness: number;
 }
 export interface LinearDivisionDescriptor extends BaseDivider {
     type: typeof DividerTypeConst.LINEAR_DIVISION;
     valueSource: typeof ValueSourceConst.DESCRIPTOR;
-    DIVIDER: '';
-    descriptorName: string;
     thickness: number;
 }
 export type LinearDivisionMode = LinearDivisionString | LinearDivisionDescriptor;
 export interface ArticleString extends BaseDivider {
     type: typeof DividerTypeConst.ARTICLE;
     valueSource: typeof ValueSourceConst.STRING;
-    DIVIDER: string;
-    articleName: string;
 }
 export interface ArticleDescriptor extends BaseDivider {
     type: typeof DividerTypeConst.ARTICLE;
     valueSource: typeof ValueSourceConst.DESCRIPTOR;
-    DIVIDER: string;
-    descriptorName: string;
 }
 export type ArticleMode = ArticleString | ArticleDescriptor;
 export type DividerMode = LinearDivisionMode | ArticleMode;
@@ -62,18 +56,12 @@ export declare const isArticle: {
     descriptor: (divider: DividerMode) => divider is ArticleDescriptor;
 };
 export declare const createDivider: {
-    linearDivisionString(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, formula: string, thickness: number): LinearDivisionString;
-    linearDivisionDescriptor(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, descriptorName: string, thickness: number): LinearDivisionDescriptor;
-    articleString(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, articleName: string): ArticleString;
-    articleDescriptor(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, descriptorName: string): ArticleDescriptor;
+    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;
+    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;
     fromZoneData(divProps: DividerProps, thickness: number): DividerMode;
 };
-export declare function getArticleName(divider: DividerMode): string | undefined;
-export declare function getArticleDescriptorName(divider: DividerMode): string | undefined;
-export declare function getFormula(divider: DividerMode): string | undefined;
-export declare function getLinearDescriptorName(divider: DividerMode): string | undefined;
-export declare function needsDescriptorEvaluation(divider: DividerMode): boolean;
-export declare function getDescriptorName(divider: DividerMode): string | undefined;
 export declare function getDividedAxis(divider?: DividerMode): 'width' | 'depth' | 'height';
 export declare function getDividedLength(axis: 'width' | 'depth' | 'height', dimensions?: DimensionProps): number;
 export declare function isHorizontalDivision(divider: DividerMode): boolean;

package/dist/types/zone.types.d.ts

@@ -1,5 +1,6 @@
 import { VIEW } from './view.types';
 export interface ZoneProps {
+    articleName: string;
     view?: VIEW;
     TREEID: string;
     dimension: {

package/dist/variables/VariableResolver.d.ts

@@ -17,6 +17,7 @@ export declare function setValue(varName: string, newValue: string | number, tre
  * Resolve variables in a string (e.g., "1:$VAR_M1 mm" → "1:300 mm")
  */
 export declare function resolveString(str: string, tree: VariableTree): string;
+export declare function resolveRecursive(str: string, tree: VariableTree, maxDepth?: number): string;
 /**
  * Check if a string contains variable references
  */

package/dist/variables/useVariables.d.ts

@@ -5,7 +5,8 @@
 export declare function useVariables(): {
     tree: import('./VariableResolver.ts').VariableTree;
     getValue: (name: string) => string | number | undefined;
-    resolveString: (str: string) => string;
+    resolveVar: (str: string) => string;
+    resolveVarRecursive: (str: string) => string;
     hasVariables: (str: string) => boolean;
     setVarValue: (name: string, value: string | number) => void;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@processandtools/rp-article-designer",
   "private": false,
-  "version": "1.0.33",
+  "version": "1.0.35",
   "author": "Otman Abid Lmerabetine",
   "license": "MIT",
   "type": "module",
@@ -36,6 +36,8 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "build:lib": "vite build --mode production",
+    "build:app": "vite build --mode app",
+    "build:app:protected": "vite build --mode app && npx javascript-obfuscator dist --output dist --disable-console-output false",
     "build:protected": "vite build --mode production && npx javascript-obfuscator dist --output dist --disable-console-output false",
     "lint": "eslint .",
     "preview": "vite preview",
@@ -60,6 +62,7 @@
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-use": "^17.6.0",
+    "react-zoom-pan-pinch": "^3.7.0",
     "three": ">=0.150.0"
   },
   "devDependencies": {

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

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

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

@@ -1,8 +0,0 @@
-import { ConditionTreeResponse } from '../../../conditions/types/condition.types';
-interface DataFieldsViewerProps {
-    data: Record<string, any>;
-    onDataChange: (newData: Record<string, any>) => void;
-    tree?: ConditionTreeResponse | null;
-}
-export declare function DataFieldsViewer({ data, onDataChange, tree }: DataFieldsViewerProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

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

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

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

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

@@ -1 +0,0 @@
-export default function PropertiesPanel(): import("react/jsx-runtime").JSX.Element | null;

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

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

package/dist/construction_principle/cabin/CabinHelper.d.ts

@@ -1,52 +0,0 @@
-export default function CabinHelper(NAME: string): {
-    kms: {
-        name: string;
-        material: {
-            renderInfo: {
-                textureId: undefined;
-                isValid: boolean;
-            } | {
-                textureId: string;
-                isValid: boolean;
-            };
-            NAME: string;
-            TEXT: string;
-            THK: number;
-            MATCAT: string;
-            GRAIN: number;
-            RENDER: string;
-        } | undefined;
-        surfaceTop: {
-            renderInfo: {
-                textureId: undefined;
-                isValid: boolean;
-            } | {
-                textureId: string;
-                isValid: boolean;
-            };
-            NAME: string;
-            TEXT: string;
-            THK: number;
-            SURFCAT: string;
-            GRAIN: number;
-            RENDER: string;
-        } | undefined;
-        surfaceBot: {
-            renderInfo: {
-                textureId: undefined;
-                isValid: boolean;
-            } | {
-                textureId: string;
-                isValid: boolean;
-            };
-            NAME: string;
-            TEXT: string;
-            THK: number;
-            SURFCAT: string;
-            GRAIN: number;
-            RENDER: string;
-        } | undefined;
-        render: string | undefined;
-        thk: number;
-    } | undefined;
-} | undefined;

package/dist/contexts/article/ArticleContext.d.ts

@@ -1,7 +0,0 @@
-import { DimensionProps } from '../../types/zone.types';
-export interface ArticleContextType {
-    articleName: string;
-    articleId?: string;
-    dimensionOverrides?: Partial<DimensionProps>;
-}
-export declare const ArticleContext: import('react').Context<ArticleContextType | null>;

package/dist/contexts/article/ArticleProvider.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { ArticleContextType } from './ArticleContext';
-interface ArticleProviderProps extends ArticleContextType {
-    children: ReactNode;
-}
-export declare function ArticleProvider({ children, articleName, articleId, dimensionOverrides }: ArticleProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hooks/useArticle.d.ts

@@ -1 +0,0 @@
-export declare function useArticle(): import('../contexts/article/ArticleContext.ts').ArticleContextType;

package/dist/hooks/useData.d.ts

@@ -1 +0,0 @@
-export declare function useData(): import('../types/data.types.js').DataContextType;

package/dist/hooks/useDescriptorManager.d.ts

@@ -1,2 +0,0 @@
-import { DescriptorManager } from '../descriptor/services/DescriptorManager';
-export declare function useDescriptorManager(): DescriptorManager;

package/dist/hooks/useZoneSelection.d.ts

@@ -1,12 +0,0 @@
-/**
- * Custom hook for managing zone element selection and hover states
- * @param TREEID - Unique identifier for the zone element
- * @returns Selection state and event handlers
- */
-export declare function useZoneSelection(TREEID: string): {
-    isSelected: boolean;
-    isHovered: boolean;
-    handleClick: () => void;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-};

package/dist/hooks/zoneDescriptor.d.ts

@@ -1,92 +0,0 @@
-import { DividerMode } from '../types/divider.types';
-export interface UseZoneDescriptorOptions {
-    inputData: Record<string, unknown>;
-    divider?: DividerMode;
-}
-export declare function ZoneDescriptor({ divider, inputData }: UseZoneDescriptorOptions): {
-    updatedDivider: {
-        LINDIV1: string;
-        articleName: string;
-        type: "linear-division";
-        valueSource: "string";
-        DIVIDER: "";
-        formula: string;
-        thickness: number;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | {
-        LINDIV1: string;
-        articleName: string;
-        type: "linear-division";
-        valueSource: "descriptor";
-        DIVIDER: "";
-        descriptorName: string;
-        thickness: number;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | {
-        LINDIV1: string;
-        articleName: string;
-        type: "article";
-        valueSource: "string";
-        DIVIDER: string;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | {
-        LINDIV1: string;
-        articleName: string;
-        type: "article";
-        valueSource: "descriptor";
-        DIVIDER: string;
-        descriptorName: string;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | {
-        LINDIV1: string;
-        type: "linear-division";
-        valueSource: "string";
-        DIVIDER: "";
-        formula: string;
-        thickness: number;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | {
-        LINDIV1: string;
-        type: "linear-division";
-        valueSource: "descriptor";
-        DIVIDER: "";
-        descriptorName: string;
-        thickness: number;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | {
-        LINDIV1: string;
-        type: "article";
-        valueSource: "descriptor";
-        DIVIDER: string;
-        descriptorName: string;
-        TREEID: string;
-        DIVDIR: import('../types/divider.types').DivisionDirection;
-        DIVTYPE: import('../types/divider.types').DividerType;
-        HORDEFTYPE: import('../types/divider.types').HorizontalDefType;
-        DIVELEM1: number;
-    } | undefined;
-};

package/dist/types/cp.types.d.ts

@@ -1,13 +0,0 @@
-export declare enum CPTypeCode {
-    SidePanel = "S",
-    Door = "D",
-    Back = "B",
-    Shelf = "H"
-}
-export declare enum CPTypeName {
-    SidePanel = "side_panel",
-    Door = "door",
-    Back = "back",
-    Shelf = "shelf"
-}
-export declare const CP_TYPE_MAP: Record<CPTypeCode, CPTypeName>;