@jield/solodb-react-components 1.2.9 → 1.3.0

package/dist/modules/run/components/run/layout/elements/runLayoutTrayVisual.d.ts

@@ -1,9 +1,8 @@
-import { Run, RunPart, RunStep, RunStepPart } from '@jield/solodb-typescript-core';
-type RunTray = NonNullable<Run["run_trays"]>[number];
+import { RunPart, RunStep, RunStepPart } from '@jield/solodb-typescript-core';
+import { RunTray } from '../../../../utils/runTrays';
 export default function RunLayoutTrayVisual({ step, tray, parts, stepParts, }: {
     step: RunStep;
     tray: RunTray;
     parts: RunPart[];
     stepParts: RunStepPart[];
 }): import("react").JSX.Element;
-export {};

package/dist/modules/run/components/shared/parts/runPartList/trayGrid.d.ts

@@ -1,6 +1,6 @@
-import { Run, RunPart, RunStepPart } from '@jield/solodb-typescript-core';
+import { RunPart, RunStepPart } from '@jield/solodb-typescript-core';
+import { RunTray } from '../../../../utils/runTrays';
 import { RunPartRenderContext } from './partCell';
-type RunTray = NonNullable<Run["run_trays"]>[number];
 export declare const TrayGrid: ({ tray, trayParts, trayAllParts, stepParts, isSplitLevel, context, }: {
     tray: RunTray;
     trayParts: RunPart[];
@@ -9,4 +9,3 @@ export declare const TrayGrid: ({ tray, trayParts, trayAllParts, stepParts, isSp
     isSplitLevel: boolean;
     context: RunPartRenderContext;
 }) => import("react").JSX.Element;
-export {};

package/dist/modules/run/components/shared/parts/runPartList.d.ts

@@ -1,6 +1,4 @@
 import { Run, RunPart, RunStep, RunStepPart } from '@jield/solodb-typescript-core';
-export declare const getTrayIdPerStepPart: (part: RunPart, stepPart: RunStepPart | null | undefined) => number;
-export declare const groupPartsByTrayId: (parts: RunPart[], stepParts: RunStepPart[]) => Map<number, RunPart[]>;
 export declare const RunPartList: ({ step, parts, stepParts, run, }: {
     step: RunStep;
     parts: RunPart[];

package/dist/modules/run/hooks/useRun.d.ts

@@ -1,5 +1,7 @@
-import { Run } from '@jield/solodb-typescript-core';
 export declare const useRun: () => {
-    run: Run | null;
+    run: import('@jield/solodb-typescript-core').Run | null;
+    isError: boolean;
+    canRetry: boolean;
+    error: Error | null;
     reloadRun: () => void;
 };

package/dist/modules/run/utils/runCache.d.ts

@@ -0,0 +1,4 @@
+import { QueryClient } from '@tanstack/react-query';
+import { RunTray } from './runTrays';
+export declare const getRunQueryKey: (runId: number) => readonly ["run", number];
+export declare const upsertRunTrayCache: (queryClient: QueryClient, runId: number, tray: RunTray) => void;

package/dist/modules/run/utils/runParts.d.ts

@@ -0,0 +1,2 @@
+import { RunPart, RunStep } from '@jield/solodb-typescript-core';
+export declare const getLeveledPartsForStep: (parts: RunPart[], step: RunStep) => RunPart[];

package/dist/modules/run/utils/runTrays.d.ts

@@ -0,0 +1,26 @@
+import { Run, RunPart, RunStepPart, TrayType } from '@jield/solodb-typescript-core';
+type CoreRunTray = NonNullable<Run["run_trays"]>[number];
+export type RunTray = CoreRunTray & {
+    extra_tray_id: number;
+};
+export declare const getExtraTrayId: (tray: CoreRunTray) => number;
+export declare const PLACEHOLDER_EXTRA_TRAY_ID = -1;
+export declare const getNormalTrays: (run: Run) => RunTray[];
+export declare const getExtraTrays: (run: Run) => RunTray[];
+export declare const getOrderedTrays: (run: Run) => RunTray[];
+export declare const isPlaceholderExtraTray: (tray: RunTray) => boolean;
+export declare const getNextExtraTrayId: (extraTrays: RunTray[]) => number;
+export declare const buildPlaceholderExtraTray: (run: Run, extraTrayId: number) => RunTray | null;
+export declare const resolveTrayForUpdate: (run: Run, tray: RunTray) => RunTray | null;
+export declare const getTrayIdPerStepPart: (part: RunPart, stepPart: RunStepPart | null | undefined) => number;
+export declare const groupPartsByTrayId: (parts: RunPart[], stepParts: RunStepPart[]) => Map<number, RunPart[]>;
+export declare const getSlotIndex: (trayType: TrayType, row: number | null, column: number | null) => number | null;
+export declare const getSlotPosition: (trayType: TrayType, slotIndex: number) => {
+    row: number;
+    column: number;
+};
+export declare const getForbiddenSlotIndices: (trayType: TrayType) => Set<number>;
+export declare const getStepPartSlotPriority: (stepPart: RunStepPart | null | undefined) => number;
+export declare const buildTraySlots: (trayType: TrayType, trayParts: RunPart[], stepParts: RunStepPart[]) => (RunStepPart | null)[];
+export declare const isTrayFull: (slots: (RunStepPart | null)[], trayType: TrayType) => boolean;
+export {};

package/dist/solodb-react-components.css

@@ -1,2 +1,2 @@
-.equipment_container{border:5px solid #000;margin:10px;padding:10px}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;padding:20px;display:flex}.loading-spinner{border:4px solid #0000001a;border-top-color:#0d6efd;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-waiting-caret{margin-left:.1em;animation:1s step-end infinite scanner-caret-blink;display:inline-block}@keyframes scanner-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.scanner-waiting-caret{animation:none}}.tray-grid-group{flex-flow:row;align-items:flex-start;gap:20px;padding-bottom:4px;display:flex;overflow-x:auto}.tray-grid-wrapper{flex-direction:column;flex:none;gap:10px;display:flex}.tray-grid__label{color:#f1f3f5;text-align:center;letter-spacing:.2px;background:#33383e;border-radius:10px;padding:8px 12px;font-size:.85rem}.tray-grid{--tray-columns:1;--tray-rows:1;--tray-gap:10px;--tray-padding:0px;--tray-cell-size:25px;--tray-cell-radius:5px;grid-template-columns:repeat(var(--tray-columns), minmax(var(--tray-cell-size), 1fr));grid-template-rows:repeat(var(--tray-rows), minmax(var(--tray-cell-size), 1fr));gap:var(--tray-gap);padding:var(--tray-padding);background:0 0;border-radius:12px;display:grid}.tray-grid[data-orientation=ttb]{grid-auto-flow:column}.tray-grid__cell{min-height:var(--tray-cell-size);min-width:var(--tray-cell-size);border-radius:var(--tray-cell-radius);color:#f8f9fa;text-align:center;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.85rem;display:flex}.tray-grid__cell--multi{flex-direction:column;justify-content:center;gap:4px}.tray-grid__cell--empty{background:0 0}.tray-grid__cell--inactive{background:#3b4148}.tray-grid__cell-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tray-grid__badge{width:100%;min-height:var(--tray-cell-size);min-width:var(--tray-cell-size);border-radius:var(--tray-cell-radius);color:#f8f9fa;text-align:center;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.tray-grid__badge--init{text-transform:none;color:#f8f9fa;background:#3b4148;border-color:#3b4148;font-size:.75rem}.step-part-selected{box-shadow:0 0 0 2px #0d6efd59}.tray-visual{--tray-rows:1;--tray-columns:1;flex:none}.tray-visual__frame{background:#f8f9fa;border-radius:6px;padding:12px}.tray-visual__grid{grid-template-columns:repeat(var(--tray-columns), 64px);grid-template-rows:repeat(var(--tray-rows), 64px);gap:6px;display:grid}.tray-visual__grid[data-orientation=ttb]{grid-auto-flow:column}.tray-visual__pocket{min-width:0}.tray-visual__slot{background:#fff;border:1px solid #dee2e6;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:6px;display:flex}.tray-visual__part{text-overflow:ellipsis;cursor:grab;max-width:100%;overflow:hidden}.tray-visual__part:active{cursor:grabbing}.tray-visual__index{color:#fff;background:#8f9397;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;line-height:1;display:inline-flex}
+.equipment_container{border:5px solid #000;margin:10px;padding:10px}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;padding:20px;display:flex}.loading-spinner{border:4px solid #0000001a;border-top-color:#0d6efd;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-waiting-caret{margin-left:.1em;animation:1s step-end infinite scanner-caret-blink;display:inline-block}@keyframes scanner-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.scanner-waiting-caret{animation:none}}.tray-grid-group{flex-flow:row;align-items:flex-start;gap:20px;padding-bottom:4px;display:flex;overflow-x:auto}.tray-grid-wrapper{flex-direction:column;flex:none;gap:10px;display:flex}.tray-grid__label{color:#f1f3f5;text-align:center;letter-spacing:.2px;background:#33383e;border-radius:10px;padding:8px 12px;font-size:.85rem}.tray-grid{--tray-columns:1;--tray-rows:1;--tray-gap:10px;--tray-padding:0px;--tray-cell-size:25px;--tray-cell-radius:5px;grid-template-columns:repeat(var(--tray-columns), minmax(var(--tray-cell-size), 1fr));grid-template-rows:repeat(var(--tray-rows), minmax(var(--tray-cell-size), 1fr));gap:var(--tray-gap);padding:var(--tray-padding);background:0 0;border-radius:12px;display:grid}.tray-grid[data-orientation=ttb]{grid-auto-flow:column}.tray-grid__cell{min-height:var(--tray-cell-size);min-width:var(--tray-cell-size);border-radius:var(--tray-cell-radius);color:#f8f9fa;text-align:center;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.85rem;display:flex}.tray-grid__cell--multi{flex-direction:column;justify-content:center;gap:4px}.tray-grid__cell--empty{background:0 0}.tray-grid__cell--inactive{background:#3b4148}.tray-grid__cell-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tray-grid__badge{width:100%;min-height:var(--tray-cell-size);min-width:var(--tray-cell-size);border-radius:var(--tray-cell-radius);color:#f8f9fa;text-align:center;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.tray-grid__badge--init{text-transform:none;color:#f8f9fa;background:#3b4148;border-color:#3b4148;font-size:.75rem}.step-part-selected{box-shadow:0 0 0 2px #0d6efd59}.tray-visual{--tray-rows:1;--tray-columns:1;flex:none}.tray-visual__frame{background:#f8f9fa;border-radius:6px;padding:12px}.tray-visual--extra .tray-visual__frame{background:0 0;border:1px dashed #adb5bd}.tray-visual__grid{grid-template-columns:repeat(var(--tray-columns), 64px);grid-template-rows:repeat(var(--tray-rows), 64px);gap:6px;display:grid}.tray-visual__grid[data-orientation=ttb]{grid-auto-flow:column}.tray-visual__pocket{min-width:0}.tray-visual__slot{background:#fff;border:1px solid #dee2e6;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:6px;display:flex}.tray-visual__part{text-overflow:ellipsis;cursor:grab;max-width:100%;overflow:hidden}.tray-visual__part:active{cursor:grabbing}.tray-visual__index{color:#fff;background:#8f9397;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;line-height:1;display:inline-flex}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jield/solodb-react-components",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "type": "module",
   "repository": "jield-webdev/solodb-react-components",
   "main": "./dist/index.cjs",
@@ -28,18 +28,18 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@jield/solodb-typescript-core": "^1.2.5",
+    "@jield/solodb-typescript-core": "^1.2.6",
     "@testing-library/dom": "^10.4.1",
-    "dompurify": "^3.4.12",
+    "dompurify": "^3.4.14",
     "qrcode.react": "^4.2.0",
     "react-bootstrap": "^2.10.10",
-    "react-dropzone": "^19.1.1",
+    "react-dropzone": "^20.1.1",
     "react-google-charts": "^5.2.1",
-    "react-hook-form": "^7.82.0",
-    "react-intersection-observer": "^10.1.0",
+    "react-hook-form": "^7.87.0",
+    "react-intersection-observer": "^11.0.1",
     "react-markdown": "^10.1.0",
     "react-select": "^5.10.2",
-    "yet-another-react-lightbox": "^3.32.1"
+    "yet-another-react-lightbox": "^3.32.2"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.90",
@@ -51,29 +51,30 @@
   },
   "devDependencies": {
     "@originjs/vite-plugin-commonjs": "^1.0.3",
-    "@tanstack/react-query": "^5.101.2",
-    "@tanstack/react-query-devtools": "^5.101.2",
-    "@tanstack/react-table": "^8.21.3",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@tanstack/react-query": "^5.102.8",
+    "@tanstack/react-query-devtools": "^5.102.8",
+    "@tanstack/react-table": "^9.2.4",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^26.4.1",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
     "@types/react-router-dom": "^5.3.3",
-    "@vitejs/plugin-react": "^6.0.3",
-    "@vitest/coverage-v8": "^4.1.10",
-    "axios": "^1.18.1",
-    "jsdom": "^29.1.1",
-    "prettier": "^3.9.5",
+    "@typescript/typescript6": "^6.0.2",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/coverage-v8": "^5.0.0",
+    "axios": "^1.20.0",
+    "jsdom": "^30.0.1",
+    "prettier": "^3.9.6",
     "prop-types": "^15.8.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-router-dom": "^7.18.1",
-    "typescript": "^6.0.3",
-    "vite": "^8.1.5",
-    "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.10"
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-router-dom": "^7.18.3",
+    "typescript": "^7.0.2",
+    "vite": "^8.2.2",
+    "vite-plugin-dts": "^5.1.0",
+    "vitest": "^5.0.0"
   },
-  "packageManager": "yarn@4.17.1"
+  "packageManager": "yarn@4.18.0"
 }