@rws-aoa/react-library 9.2.0 → 9.3.1

package/dist/components-domain/ivon-project-planning/IvonProjectPlanning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IvonProjectPlanning.d.ts","sourceRoot":"","sources":["../../../src/components-domain/ivon-project-planning/IvonProjectPlanning.tsx"],"names":[],"mappings":"AAWA,wBAAgB,mBAAmB,4CAwDlC"}
+{"version":3,"file":"IvonProjectPlanning.d.ts","sourceRoot":"","sources":["../../../src/components-domain/ivon-project-planning/IvonProjectPlanning.tsx"],"names":[],"mappings":"AAeA,wBAAgB,mBAAmB,4CAqHlC"}

package/dist/components-domain/ivon-project-planning/IvonProjectPlanning.js

@@ -1,71 +1,128 @@
-import { jsxs as k, jsx as t, Fragment as D } from "react/jsx-runtime";
-import { c as I } from "../../chunks/compiler-runtime.BNHg76kC.js";
-import { useState as R } from "react";
-import { IvonDataGrid as _ } from "./_IvonDataGrid/IvonDataGrid.js";
-import { HectometerView as P } from "./_IvonHectometerView/IvonHectometerView.js";
-import { EditPavementPopup as j } from "./_IvonPopup/IvonDeklaagPopup.js";
-import { ProjectPlanningView as C } from "./_IvonProjectPlanningView/IvonProjectPlanningView.js";
-import { SchematicView as B } from "./_IvonSchematicView/IvonSchematicView.js";
-import { loadData as N } from "./_backend/backend.js";
-import { IvonDataBridge as W } from "./_helpers/IvonDataBridge.js";
-const q = { trackSerialNumber: 1, trackType: "HR", kmFrom: 10, kmTo: 16, bps: "RW001 1 HR L", laneSegments: [{ laneSerialNumber: 1, laneType: "R", kmFrom: 10, kmTo: 11, bps: "RW001 10,0 +0 1 HR L", pavements: [{ pavementId: 1, pavementType: "laag-1.1", constructionDate: "2020-05-15", qualityIndex: 4, roadSide: "Links" }, { pavementId: 2, pavementType: "laag-2.1", constructionDate: "2021-03-20", qualityIndex: 5, roadSide: "Links" }], plans: [{ year: 2026, description: "Plan description A", color: "rijks-yellow-light" }, { year: 2025, description: "Plan description C", color: "rijks-yellow-light" }] }, { laneSerialNumber: 1, laneType: "R", kmFrom: 11, kmTo: 12, bps: "RW001 11,0 +0 1 HR L", pavements: [{ pavementId: 3, pavementType: "laag-1.2", constructionDate: "2019-08-10", qualityIndex: 6, roadSide: "Links" }], plans: [{ year: 2026, description: "Plan description B", color: "rijks-yellow-light" }] }, { laneSerialNumber: 1, laneType: "R", kmFrom: 12, kmTo: 16, bps: "RW001 12,0 +0 1 HR L", pavements: [{ pavementId: 4, pavementType: "laag-1.3", constructionDate: "2022-01-15", qualityIndex: 7, roadSide: "Links" }, { pavementId: 5, pavementType: "laag-2.3", constructionDate: "2022-06-30", qualityIndex: 8, roadSide: "Links" }], plans: [{ year: 2026, description: "Plan description D", color: "rijks-yellow-light" }] }], borders: [{ bps: "RW001 10,0 +0 1 HR L", hectometer: 10, distanceToHectometer: 0, color: "text-link-visited" }, { bps: "RW001 11,0 +0 1 HR L", hectometer: 11, distanceToHectometer: 0, color: "text-link-visited" }] }, F = {
-  track: q
+import { jsxs as o, Fragment as A, jsx as t } from "react/jsx-runtime";
+import { c as z } from "../../chunks/compiler-runtime.BNHg76kC.js";
+import { Select as E, MenuItem as M } from "@mui/material";
+import { useState as H } from "react";
+import { IvonDataGrid as Q } from "./_IvonDataGrid/IvonDataGrid.js";
+import { HectometerView as $ } from "./_IvonHectometerView/IvonHectometerView.js";
+import { PopupRenderer as K } from "./_IvonPopup/IvonPopupRenderer.js";
+import { ProjectPlanningView as U } from "./_IvonProjectPlanningView/IvonProjectPlanningView.js";
+import { SchematicView as X } from "./_IvonSchematicView/IvonSchematicView.js";
+import { loadData as Z, loadPopupData as ee } from "./_backend/backend.js";
+import { IvonDataBridge as te } from "./_helpers/IvonDataBridge.js";
+import { IvonPopupDataBridge as le } from "./_helpers/IvonPopupDataBridge.js";
+const ae = [{ type: "generic", popupTemplate: { title: "Generieke eigenschappen", tabs: [{ label: "Basis", fields: [{ key: "year", label: "Year", editable: !0, type: "numberInput" }, { key: "description", label: "Description", editable: !0, type: "textInput" }] }] } }, { type: "detailed", popupTemplate: { title: "Gedetailleerde eigenschappen", tabs: [{ label: "Basis", fields: [{ key: "year", label: "Year", editable: !1, type: "numberInput" }, { key: "description", label: "Description", editable: !1, type: "textInput" }] }] } }, { type: "detailed2", popupTemplate: { title: "Gedetailleerde eigenschappen", tabs: [{ label: "Basis", fields: [{ key: "year", label: "Year", editable: !0, type: "numberInput" }] }, { label: "Basis", fields: [{ key: "description", label: "Description", editable: !0, type: "textInput" }] }] } }, { type: "pavement", popupTemplate: { title: "Gedetailleerde eigenschappen", tabs: [{ label: "Basis", fields: [{ key: "pavementType", label: "Pavement Type", editable: !1, type: "numberInput" }, { key: "qualityIndex", label: "Quality Index", editable: !1, type: "textInput" }, { key: "constructionDate", label: "Construction Date", editable: !1, type: "textInput" }] }] } }, { type: "createItem", popupTemplate: { title: "Creëer nieuw plan", tabs: [{ label: "Basis", fields: [{ key: "year", label: "Year", editable: !0, type: "numberInput" }, { key: "type", label: "Type", editable: !0, type: "textInput" }] }] } }], ie = {
+  popupDefinitions: ae
+}, ne = { trackSerialNumber: 1, trackType: "HR", kmFrom: 10, kmTo: 16, bps: "RW001 1 HR L", laneSegments: [{ laneSerialNumber: 1, laneType: "R", kmFrom: 10, kmTo: 11.5, bps: "RW001 10,0 +0 1 HR L", pavements: [{ pavementId: 1, pavementType: "laag-1.1", constructionDate: "2020-05-15", qualityIndex: 4 }], plans: [{ type: "generic", year: 2026, description: "Plan description A", color: "rijks-yellow-light" }, { type: "generic", year: 2025, description: "Plan description C", color: "rijks-yellow-light" }] }, { laneSerialNumber: 1, laneType: "R", kmFrom: 10.2, kmTo: 10.8, bps: "RW001 10,5 +0 1 HR L", pavements: [], plans: [{ type: "generic", year: 2026, description: "schade 1", color: "rijks-notification-red" }] }, { laneSerialNumber: 1, laneType: "R", kmFrom: 11, kmTo: 11.3, bps: "RW001 11,0 +0 1 HR L", pavements: [], plans: [{ type: "generic", year: 2025, description: "schade 2", color: "rijks-notification-red" }] }, { laneSerialNumber: 2, laneType: "R", kmFrom: 10, kmTo: 11.5, bps: "RW001 10,0 +0 1 HR L", pavements: [{ pavementId: 2, pavementType: "laag-2.1", constructionDate: "2021-03-20", qualityIndex: 5 }], plans: [{ type: "generic", year: 2026, description: "Plan description A", color: "rijks-yellow-light" }, { type: "generic", year: 2025, description: "Plan description C", color: "rijks-yellow-light" }] }, { laneSerialNumber: 1, laneType: "R", kmFrom: 11.5, kmTo: 12, bps: "RW001 11,0 +0 1 HR L", pavements: [{ pavementId: 3, pavementType: "laag-1.2", constructionDate: "2019-08-10", qualityIndex: 6 }], plans: [{ type: "generic", year: 2026, description: "Plan description B", color: "rijks-yellow-light" }] }, { laneSerialNumber: 1, laneType: "R", kmFrom: 12, kmTo: 16, bps: "RW001 12,0 +0 1 HR L", pavements: [{ pavementId: 5, pavementType: "laag-2.3", constructionDate: "2022-06-30", qualityIndex: 8 }], plans: [{ type: "generic", year: 2026, description: "Plan description D", color: "rijks-yellow-light" }] }, { laneSerialNumber: 2, laneType: "R", kmFrom: 12, kmTo: 16, bps: "RW001 12,0 +0 1 HR L", pavements: [{ pavementId: 5, pavementType: "laag-2.4", constructionDate: "2022-06-30", qualityIndex: 8 }], plans: [{ type: "generic", year: 2026, description: "Plan description D", color: "rijks-yellow-light" }] }], borders: [{ bps: "RW001 10,0 +0 1 HR L", hectometer: 10, distanceToHectometer: 0, color: "text-link-visited" }, { bps: "RW001 11,0 +0 1 HR L", hectometer: 11, distanceToHectometer: 0, color: "text-link-visited" }], lanes: [{ bps: "RW001 10,0-16 HR L", laneSerialNumber: 1 }, { bps: "RW001 10,0-16 HR R", laneSerialNumber: 2 }] }, re = {
+  track: ne
 };
-function X() {
-  const e = I.c(19), n = N(JSON.stringify(F)), o = new W(n), [c, m] = R(null), [s, w] = R(null), H = (S, L) => {
-    const x = o.getLaneSegmentByIndex(S), b = o.getPavementByLaneSegmentAndRow(S, L);
-    x && b && (w(x), m(b));
-  }, T = o.getYears().map(A);
-  let d, p;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+function Se() {
+  const e = z.c(31), p = Z(JSON.stringify(re)), B = ee(JSON.stringify(ie)), r = new te(p), _ = new le(B), [s, l] = H(null), [c, a] = H(null), [C, W] = H(r.getLanes()[0]), [N, F] = H("");
+  let m;
+  e[0] !== a || e[1] !== l ? (m = () => {
+    const i = _.getPopupTemplate("createItem"), n = {
+      type: "",
+      year: ""
+    };
+    l(i), a(n);
+  }, e[0] = a, e[1] = l, e[2] = m) : m = e[2];
+  const q = m;
+  let d;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (i) => {
+    F("Saved item");
+  }, e[3] = d) : d = e[3];
+  const L = d, Y = r.getYears().map(pe);
+  let y;
+  e[4] !== a || e[5] !== l ? (y = (i) => {
+    const n = _.getPopupTemplate("pavement");
+    i && n && (l(n), a(i));
+  }, e[4] = a, e[5] = l, e[6] = y) : y = e[6];
+  const G = y;
+  let u;
+  e[7] !== a || e[8] !== l ? (u = (i) => {
+    if (i) {
+      const n = _.getPopupTemplate(i.type);
+      n && (l(n), a(i));
+    }
+  }, e[7] = a, e[8] = l, e[9] = u) : u = e[9];
+  const J = u, O = (i) => {
+    const n = r.getLanes().find((V) => V.laneSerialNumber === i.target.value);
+    W(n);
+  };
+  let b, f, g;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
+    display: "flex",
+    flexDirection: "column"
+  }, f = {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "var(--color-rijks-grey-2)",
+    padding: "5px",
+    border: "1px solid var(--color-rijks-grey-7)"
+  }, g = /* @__PURE__ */ t("div", { style: {
+    width: "100px"
+  } }), e[10] = b, e[11] = f, e[12] = g) : (b = e[10], f = e[11], g = e[12]);
+  let h;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
+    height: "30px"
+  }, e[13] = h) : h = e[13];
+  let k, v;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
     display: "flex",
     flexDirection: "row"
-  }, p = {
+  }, v = {
     width: "100px"
-  }, e[0] = d, e[1] = p) : (d = e[0], p = e[1]);
-  let g, y;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = [], y = [], e[2] = g, e[3] = y) : (g = e[2], y = e[3]);
-  let f;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+  }, e[14] = k, e[15] = v) : (k = e[14], v = e[15]);
+  let S, T;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = [], T = [], e[16] = S, e[17] = T) : (S = e[16], T = e[17]);
+  let x;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
     overflow: "auto"
-  }, e[4] = f) : f = e[4];
-  let u;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ t("div", { style: {
-    paddingTop: "10px",
-    paddingBottom: "10px"
-  }, children: /* @__PURE__ */ t(P, { dataBridge: o, maxHeight: 35 }) }), e[5] = u) : u = e[5];
-  let i, l;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ k("div", { id: "ivon-view", style: d, children: [
-    /* @__PURE__ */ t("div", { style: p, children: /* @__PURE__ */ t(_, { blocks: g, boundaries: y, cells: T, columns: 1, height: 100, rows: o.getYears().length, width: "100px" }) }),
-    /* @__PURE__ */ k("div", { style: f, children: [
-      /* @__PURE__ */ t(C, { cellClickHandler: V, dataBridge: o, itemClickHandler: $, maxHeight: 100 }),
-      u,
-      /* @__PURE__ */ t(B, { dataBridge: o, itemClickHandler: H, maxHeight: 200 })
-    ] })
-  ] }), l = /* @__PURE__ */ t("h1", { children: "Data" }), e[6] = i, e[7] = l) : (i = e[6], l = e[7]);
-  const h = JSON.stringify(n, void 0, 2);
-  let a;
-  e[8] !== h ? (a = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("pre", { children: h }) }), e[8] = h, e[9] = a) : a = e[9];
-  let r;
-  e[10] !== c || e[11] !== s || e[12] !== m ? (r = c && s && /* @__PURE__ */ t(j, { laneSegment: s, onClose: () => m(null), pavement: c }), e[10] = c, e[11] = s, e[12] = m, e[13] = r) : r = e[13];
-  let v;
-  return e[14] !== r || e[15] !== i || e[16] !== l || e[17] !== a ? (v = /* @__PURE__ */ k(D, { children: [
-    i,
-    l,
-    a,
-    r,
-    ";"
-  ] }), e[14] = r, e[15] = i, e[16] = l, e[17] = a, e[18] = v) : v = e[18], v;
-}
-function $(e, n) {
-  return console.log(`item ${e},${n} clicked`);
+  }, e[18] = x) : x = e[18];
+  let I;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+    display: "flex",
+    flexDirection: "row",
+    marginTop: "5px",
+    marginBottom: "5px"
+  }, e[19] = I) : I = e[19];
+  let R;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ t("h1", { children: "Data" }), e[20] = R) : R = e[20];
+  const j = JSON.stringify(p, void 0, 2);
+  let D;
+  e[21] !== j ? (D = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("pre", { children: j }) }), e[21] = j, e[22] = D) : D = e[22];
+  let w;
+  e[23] !== N ? (w = /* @__PURE__ */ t("h6", { children: N }), e[23] = N, e[24] = w) : w = e[24];
+  let P;
+  return e[25] !== L || e[26] !== c || e[27] !== s || e[28] !== a || e[29] !== l ? (P = s && c && /* @__PURE__ */ t(K, { item: c, onClose: () => {
+    l(null), a(null);
+  }, onSave: L, template: s }), e[25] = L, e[26] = c, e[27] = s, e[28] = a, e[29] = l, e[30] = P) : P = e[30], /* @__PURE__ */ o(A, { children: [
+    /* @__PURE__ */ o("div", { id: "ivon-view", style: b, children: [
+      /* @__PURE__ */ o("div", { style: f, children: [
+        g,
+        /* @__PURE__ */ t(E, { id: "ivon-lane-select", onChange: O, style: h, value: C?.laneSerialNumber, children: r.getLanes().map(oe) })
+      ] }),
+      /* @__PURE__ */ o("div", { style: k, children: [
+        /* @__PURE__ */ t("div", { style: v, children: /* @__PURE__ */ t(Q, { blocks: S, boundaries: T, cells: Y, columns: 1, height: 120, rows: r.getYears().length, width: "100px" }) }),
+        /* @__PURE__ */ o("div", { style: x, children: [
+          /* @__PURE__ */ t(U, { cellClickHandler: q, dataBridge: r, itemClickHandler: J, laneSerialNumber: C?.laneSerialNumber, maxHeight: 120 }),
+          /* @__PURE__ */ t("div", { style: I, children: /* @__PURE__ */ t($, { dataBridge: r, maxHeight: 35 }) }),
+          /* @__PURE__ */ t(X, { dataBridge: r, itemClickHandler: G, maxHeight: 200 })
+        ] })
+      ] })
+    ] }),
+    R,
+    D,
+    w,
+    P
+  ] });
 }
-function V(e, n) {
-  return console.log(`Cell ${e},${n} clicked`);
+function oe(e) {
+  return /* @__PURE__ */ t(M, { role: "option", value: e.laneSerialNumber, children: e.bps }, e.laneSerialNumber);
 }
-function A(e, n) {
+function pe(e, p) {
   return {
-    row: n,
+    row: p,
     column: 0,
     value: e.toString(),
     alignment: "center",
@@ -73,6 +130,6 @@ function A(e, n) {
   };
 }
 export {
-  X as IvonProjectPlanning
+  Se as IvonProjectPlanning
 };
 //# sourceMappingURL=IvonProjectPlanning.js.map

package/dist/components-domain/ivon-project-planning/IvonProjectPlanning.js.map

@@ -1 +1 @@
-{"version":3,"file":"IvonProjectPlanning.js","sources":["../../../src/components-domain/ivon-project-planning/IvonProjectPlanning.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { IvonDataGrid } from './_IvonDataGrid/IvonDataGrid';\nimport { HectometerView } from './_IvonHectometerView/IvonHectometerView';\nimport { EditPavementPopup } from './_IvonPopup/IvonDeklaagPopup';\nimport { ProjectPlanningView } from './_IvonProjectPlanningView/IvonProjectPlanningView';\nimport { SchematicView } from './_IvonSchematicView/IvonSchematicView';\nimport { loadData } from './_backend/backend';\nimport ivon3Data from './_dummy-data/ivon3-test-data.json' with { type: 'json' };\nimport { IvonDataBridge } from './_helpers/IvonDataBridge';\nimport type { Pavement, LaneSegment } from './_types/ivon-types';\n\nexport function IvonProjectPlanning() {\n  const data = loadData(JSON.stringify(ivon3Data));\n  const dataBridge = new IvonDataBridge(data);\n\n  const [selectedDeklaag, setSelectedDeklaag] = useState<Pavement | null>(null);\n  const [selectedLaneSegment, setSelectedLaneSegment] = useState<LaneSegment | null>(null);\n\n  const handleSchematicItemClick = (segmentIndex: number, row: number) => {\n    const laneSegment = dataBridge.getLaneSegmentByIndex(segmentIndex);\n    const pavement = dataBridge.getPavementByLaneSegmentAndRow(segmentIndex, row);\n\n    if (laneSegment && pavement) {\n      setSelectedLaneSegment(laneSegment);\n      setSelectedDeklaag(pavement);\n    }\n  };\n\n  const yearCells = dataBridge.getYears().map((year, index) => {\n    return {\n      row: index,\n      column: 0,\n      value: year.toString(),\n      alignment: 'center',\n      fontSize: 12\n    };\n  });\n\n  return (\n    <>\n      <div id='ivon-view' style={{ display: 'flex', flexDirection: 'row' }}>\n        <div style={{ width: '100px' }}>\n          <IvonDataGrid blocks={[]} boundaries={[]} cells={yearCells} columns={1} height={100} rows={dataBridge.getYears().length} width='100px' />\n        </div>\n        <div style={{ overflow: 'auto' }}>\n          <ProjectPlanningView\n            cellClickHandler={(_row, _column) => console.log(`Cell ${_row},${_column} clicked`)}\n            dataBridge={dataBridge}\n            itemClickHandler={(_row, _column) => console.log(`item ${_row},${_column} clicked`)}\n            maxHeight={100}\n          />\n          <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>\n            <HectometerView dataBridge={dataBridge} maxHeight={35} />\n          </div>\n          <SchematicView dataBridge={dataBridge} itemClickHandler={handleSchematicItemClick} maxHeight={200} />\n        </div>\n      </div>\n      <h1>Data</h1>\n      <div>\n        <pre>{JSON.stringify(data, undefined, 2)}</pre>\n      </div>\n      {selectedDeklaag && selectedLaneSegment && (\n        <EditPavementPopup laneSegment={selectedLaneSegment} onClose={() => setSelectedDeklaag(null)} pavement={selectedDeklaag} />\n      )}\n      ;\n    </>\n  );\n}\n"],"names":["IvonProjectPlanning","$","_c","data","loadData","JSON","stringify","ivon3Data","dataBridge","IvonDataBridge","selectedDeklaag","setSelectedDeklaag","useState","selectedLaneSegment","setSelectedLaneSegment","handleSchematicItemClick","segmentIndex","row","laneSegment","getLaneSegmentByIndex","pavement","getPavementByLaneSegmentAndRow","yearCells","getYears","map","_temp","t0","t1","Symbol","for","display","flexDirection","width","t2","t3","t4","overflow","t5","jsx","paddingTop","paddingBottom","HectometerView","t6","t7","jsxs","IvonDataGrid","length","ProjectPlanningView","_temp2","_temp3","SchematicView","t8","undefined","t9","t10","EditPavementPopup","t11","Fragment","_row_0","_column_0","console","log","_row","_column","year","index","column","value","toString","alignment","fontSize"],"mappings":"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"}
+{"version":3,"file":"IvonProjectPlanning.js","sources":["../../../src/components-domain/ivon-project-planning/IvonProjectPlanning.tsx"],"sourcesContent":["import { Select, MenuItem } from '@mui/material';\nimport { useState } from 'react';\nimport { IvonDataGrid } from './_IvonDataGrid/IvonDataGrid';\nimport { HectometerView } from './_IvonHectometerView/IvonHectometerView';\nimport { PopupRenderer } from './_IvonPopup/IvonPopupRenderer';\nimport { ProjectPlanningView } from './_IvonProjectPlanningView/IvonProjectPlanningView';\nimport { SchematicView } from './_IvonSchematicView/IvonSchematicView';\nimport { loadData, loadPopupData } from './_backend/backend';\nimport ivon3PopupData from './_dummy-data/ivon3-dynamic-popup.json' with { type: 'json' };\nimport ivon3Data from './_dummy-data/ivon3-test-data.json' with { type: 'json' };\nimport { IvonDataBridge } from './_helpers/IvonDataBridge';\nimport { IvonPopupDataBridge } from './_helpers/IvonPopupDataBridge';\nimport type { Lane, Pavement, LaneSegmentPlan } from './_types/ivon-types';\nimport type { PopupTemplate } from './_types/popup-types';\n\nexport function IvonProjectPlanning() {\n  const data = loadData(JSON.stringify(ivon3Data));\n  const popupData = loadPopupData(JSON.stringify(ivon3PopupData));\n  const dataBridge = new IvonDataBridge(data);\n\n  const popupDataBridge = new IvonPopupDataBridge(popupData);\n  const [selectedPopupTemplate, setSelectedPopupTemplate] = useState<PopupTemplate | null>(null);\n  const [selectedItem, setSelectedItem] = useState<Record<string, any> | null>(null);\n  const [selectedLane, setSelectedLane] = useState<Lane | undefined>(dataBridge.getLanes()[0]);\n  const [status, setStatus] = useState<string>('');\n\n  const handleCellClick = () => {\n    const popupTemplate = popupDataBridge.getPopupTemplate('createItem');\n    const newPlanDraft = {\n      type: '',\n      year: ''\n    };\n    setSelectedPopupTemplate(popupTemplate);\n    setSelectedItem(newPlanDraft);\n  };\n\n  const handleProjectItemSave = (_updatedItem: Record<string, any>) => {\n    setStatus('Saved item');\n  };\n\n  const yearCells = dataBridge.getYears().map((year, index) => {\n    return {\n      row: index,\n      column: 0,\n      value: year.toString(),\n      alignment: 'center',\n      fontSize: 12\n    };\n  });\n\n  const handleSchematicItemClick = (pavement: Pavement) => {\n    const popupTemplate = popupDataBridge.getPopupTemplate('pavement');\n    if (pavement && popupTemplate) {\n      setSelectedPopupTemplate(popupTemplate);\n      setSelectedItem(pavement);\n    }\n  };\n\n  const handlePlanningItemClick = (plan: LaneSegmentPlan | undefined) => {\n    if (plan) {\n      const popupTemplate = popupDataBridge.getPopupTemplate(plan.type);\n      if (popupTemplate) {\n        setSelectedPopupTemplate(popupTemplate);\n        setSelectedItem(plan);\n      }\n    }\n  };\n\n  const handleLaneSelectClick = (event: any) => {\n    const lane = dataBridge.getLanes().find((lane) => lane.laneSerialNumber === event.target.value);\n    setSelectedLane(lane);\n  };\n\n  return (\n    <>\n      <div id='ivon-view' style={{ display: 'flex', flexDirection: 'column' }}>\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            backgroundColor: 'var(--color-rijks-grey-2)',\n            padding: '5px',\n            border: '1px solid var(--color-rijks-grey-7)'\n          }}\n        >\n          <div style={{ width: '100px' }} />\n          <Select id='ivon-lane-select' onChange={handleLaneSelectClick} style={{ height: '30px' }} value={selectedLane?.laneSerialNumber}>\n            {dataBridge.getLanes().map((lane) => (\n              <MenuItem key={lane.laneSerialNumber} role='option' value={lane.laneSerialNumber}>\n                {lane.bps}\n              </MenuItem>\n            ))}\n          </Select>\n        </div>\n        <div style={{ display: 'flex', flexDirection: 'row' }}>\n          <div style={{ width: '100px' }}>\n            <IvonDataGrid blocks={[]} boundaries={[]} cells={yearCells} columns={1} height={120} rows={dataBridge.getYears().length} width='100px' />\n          </div>\n          <div style={{ overflow: 'auto' }}>\n            <ProjectPlanningView\n              cellClickHandler={handleCellClick}\n              dataBridge={dataBridge}\n              itemClickHandler={handlePlanningItemClick}\n              laneSerialNumber={selectedLane?.laneSerialNumber}\n              maxHeight={120}\n            />\n            <div style={{ display: 'flex', flexDirection: 'row', marginTop: '5px', marginBottom: '5px' }}>\n              <HectometerView dataBridge={dataBridge} maxHeight={35} />\n            </div>\n            <SchematicView dataBridge={dataBridge} itemClickHandler={handleSchematicItemClick} maxHeight={200} />\n          </div>\n        </div>\n      </div>\n      <h1>Data</h1>\n      <div>\n        <pre>{JSON.stringify(data, undefined, 2)}</pre>\n      </div>\n      <h6>{status}</h6>\n      {selectedPopupTemplate && selectedItem && (\n        <PopupRenderer\n          item={selectedItem}\n          onClose={() => {\n            setSelectedPopupTemplate(null);\n            setSelectedItem(null);\n          }}\n          onSave={handleProjectItemSave}\n          template={selectedPopupTemplate}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["IvonProjectPlanning","$","_c","data","loadData","JSON","stringify","ivon3Data","popupData","loadPopupData","ivon3PopupData","dataBridge","IvonDataBridge","popupDataBridge","IvonPopupDataBridge","selectedPopupTemplate","setSelectedPopupTemplate","useState","selectedItem","setSelectedItem","selectedLane","setSelectedLane","getLanes","status","setStatus","t0","popupTemplate","getPopupTemplate","newPlanDraft","type","year","handleCellClick","t1","Symbol","for","_updatedItem","handleProjectItemSave","yearCells","getYears","map","_temp","t2","pavement","popupTemplate_0","handleSchematicItemClick","t3","plan","popupTemplate_1","handlePlanningItemClick","handleLaneSelectClick","event","lane_0","find","lane","laneSerialNumber","target","value","t4","t5","t6","display","flexDirection","alignItems","backgroundColor","padding","border","jsx","width","t7","height","t8","t9","t10","t11","t12","overflow","t13","marginTop","marginBottom","t14","t15","undefined","t16","t17","t18","PopupRenderer","jsxs","Fragment","Select","_temp2","IvonDataGrid","length","ProjectPlanningView","HectometerView","SchematicView","lane_1","MenuItem","bps","index","row","column","toString","alignment","fontSize"],"mappings":"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"}

package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.d.ts

@@ -2,7 +2,9 @@ export interface IvonDataGridBlockData {
     color: string;
     endPosition: number;
     row: number;
+    scale: number;
     startPosition: number;
+    type?: string;
     value: string;
 }
 export interface IvonDataGridBoundaryData {
@@ -18,7 +20,7 @@ export interface IvonDataGridCellData {
     value: string;
 }
 interface IvonDataGridProps {
-    blockClickHandler?(this: void, row: number, column: number, data: IvonDataGridBlockData): void;
+    blockClickHandler?(this: void, data: IvonDataGridBlockData): void;
     readonly blocks: IvonDataGridBlockData[];
     readonly boundaries: IvonDataGridBoundaryData[];
     cellClickHandler?(this: void, row: number, column: number, data?: IvonDataGridCellData): void;

package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IvonDataGrid.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC/F,QAAQ,CAAC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IACzC,QAAQ,CAAC,UAAU,EAAE,wBAAwB,EAAE,CAAC;IAChD,gBAAgB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CA2H/I"}
+{"version":3,"file":"IvonDataGrid.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAClE,QAAQ,CAAC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IACzC,QAAQ,CAAC,UAAU,EAAE,wBAAwB,EAAE,CAAC;IAChD,gBAAgB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CAyI/I"}

package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.js

@@ -1,83 +1,89 @@
-import { jsx as O, jsxs as J } from "react/jsx-runtime";
+import { jsx as j, jsxs as J } from "react/jsx-runtime";
 import { c as K } from "../../../chunks/compiler-runtime.BNHg76kC.js";
-function V(j) {
-  const e = K.c(41), {
+function V(R) {
+  const e = K.c(43), {
     rows: n,
     columns: f,
-    width: k,
-    height: q,
-    cells: R,
-    blocks: b,
-    boundaries: S,
-    cellClickHandler: z,
-    blockClickHandler: A
-  } = j;
+    width: b,
+    height: p,
+    cells: S,
+    blocks: z,
+    boundaries: A,
+    cellClickHandler: _,
+    blockClickHandler: E
+  } = R;
   let m;
-  e[0] !== R ? (m = (t, r) => R.find((i) => i.row === t && i.column === r), e[0] = R, e[1] = m) : m = e[1];
+  e[0] !== S ? (m = (t, r) => S.find((i) => i.row === t && i.column === r), e[0] = S, e[1] = m) : m = e[1];
   const l = m;
-  let p;
-  e[2] !== l ? (p = (t, r) => {
+  let u;
+  e[2] !== l ? (u = (t, r) => {
     const i = l(t, r);
     return i === void 0 ? "" : i.value;
-  }, e[2] = l, e[3] = p) : p = e[3];
-  const _ = p;
-  let u;
-  e[4] !== l ? (u = (t, r) => {
+  }, e[2] = l, e[3] = u) : u = e[3];
+  const N = u;
+  let C;
+  e[4] !== l ? (C = (t, r) => {
     const i = l(t, r);
     return i === void 0 ? "center" : i.alignment;
-  }, e[4] = l, e[5] = u) : u = e[5];
-  const E = u;
-  let C;
-  e[6] !== l ? (C = (t, r) => {
+  }, e[4] = l, e[5] = C) : C = e[5];
+  const B = C;
+  let h;
+  e[6] !== l ? (h = (t, r) => {
     const i = l(t, r);
     return i === void 0 ? 12 : i.fontSize;
-  }, e[6] = l, e[7] = C) : C = e[7];
-  const N = C, o = M;
+  }, e[6] = l, e[7] = h) : h = e[7];
+  const P = h, o = M;
   let y;
-  e[8] !== z ? (y = (t, r, i) => z?.(t, r, i), e[8] = z, e[9] = y) : y = e[9];
-  const P = y;
+  e[8] !== _ ? (y = (t, r, i) => _?.(t, r, i), e[8] = _, e[9] = y) : y = e[9];
+  const T = y;
   let x;
-  e[10] !== A ? (x = (t, r, i) => A?.(t, r, i), e[10] = A, e[11] = x) : x = e[11];
-  const B = x;
-  let h;
-  e[12] !== f || e[13] !== l || e[14] !== P || e[15] !== E || e[16] !== _ || e[17] !== N || e[18] !== n ? (h = () => Array.from({
+  e[10] !== E ? (x = (t) => E?.(t), e[10] = E, e[11] = x) : x = e[11];
+  const H = x;
+  let v;
+  e[12] !== f || e[13] !== l || e[14] !== T || e[15] !== B || e[16] !== N || e[17] !== P || e[18] !== n ? (v = () => Array.from({
     length: n
   }, (t, r) => Array.from({
     length: f
-  }, (i, s) => /* @__PURE__ */ O("div", { className: "data-grid-cell", onDoubleClick: () => P(r, s, l(r, s)), role: "gridcell", style: {
+  }, (i, s) => /* @__PURE__ */ j("div", { className: "data-grid-cell", onDoubleClick: () => T(r, s, l(r, s)), role: "gridcell", style: {
     display: "flex",
     gridRow: r + 1,
     gridColumn: s + 1,
-    justifyContent: E(r, s),
+    justifyContent: B(r, s),
     alignItems: "center",
     borderBottom: `1px solid ${o("rijks-grey-7")}`,
     borderLeft: s % 10 === 0 ? `2px solid ${o("rijks-grey-7")}` : `1px dashed ${o("rijks-grey-4")}`,
     backgroundColor: s % 2 === 0 ? o("rijks-grey-1") : "#ffffff",
-    fontSize: N(r, s)
-  }, tabIndex: 0, children: _(r, s) }, `${r}-${s}`))), e[12] = f, e[13] = l, e[14] = P, e[15] = E, e[16] = _, e[17] = N, e[18] = n, e[19] = h) : h = e[19];
-  const H = h;
+    fontSize: P(r, s)
+  }, tabIndex: 0, children: N(r, s) }, `${r}-${s}`))), e[12] = f, e[13] = l, e[14] = T, e[15] = B, e[16] = N, e[17] = P, e[18] = n, e[19] = v) : v = e[19];
+  const L = v;
   let $;
-  e[20] !== b || e[21] !== B ? ($ = () => b.map((t, r) => /* @__PURE__ */ O("div", { className: "data-grid-block", onDoubleClick: () => B(t.row, t.startPosition, t), role: "gridcell", style: {
+  e[20] !== z || e[21] !== H || e[22] !== p || e[23] !== n ? ($ = () => z.map((t, r) => /* @__PURE__ */ j("div", { className: "data-grid-block", onDoubleClick: () => H(t), role: "gridcell", style: {
     gridRow: t.row + 1,
     zIndex: 10,
     gridColumnStart: t.startPosition + 1,
     gridColumnEnd: t.endPosition + 1,
     gridRowStart: t.row + 1,
     gridRowEnd: t.row + 1,
+    overflow: "hidden",
+    alignContent: "end"
+  }, tabIndex: 0, children: /* @__PURE__ */ j("div", { style: {
     textAlign: "left",
-    display: "flex",
     textOverflow: "clip",
+    height: (p * t.scale / n - 13).toString() + "px",
+    marginLeft: "2px",
+    marginRight: "2px",
     padding: "5px",
+    cursor: "pointer",
     borderRadius: "4px",
     border: `1px solid ${o("rijks-grey-7")}`,
     boxShadow: `1px 1px 1px ${o("rijks-grey-7")}`,
     overflow: "hidden",
-    opacity: 0.8,
+    opacity: 0.7,
     backgroundImage: `linear-gradient(180deg, ${o(t.color)}, color-mix(in srgb, ${o(t.color)}, #000000 10%))`
-  }, tabIndex: 0, children: t.value }, r)), e[20] = b, e[21] = B, e[22] = $) : $ = e[22];
-  const T = $;
-  let v;
-  e[23] !== S || e[24] !== n ? (v = () => S.map((t, r) => /* @__PURE__ */ O("div", { className: "data-grid-boundary", style: {
+  }, children: t.value }) }, r)), e[20] = z, e[21] = H, e[22] = p, e[23] = n, e[24] = $) : $ = e[24];
+  const F = $;
+  let w;
+  e[25] !== A || e[26] !== n ? (w = () => A.map((t, r) => /* @__PURE__ */ j("div", { className: "data-grid-boundary", style: {
     zIndex: 20,
     gridColumn: t.startPosition + 1,
     gridRowStart: 1,
@@ -87,32 +93,32 @@ function V(j) {
     width: `${t.width}px`,
     position: "relative",
     backgroundColor: o(t.color)
-  } }, r)), e[23] = S, e[24] = n, e[25] = v) : v = e[25];
-  const F = v, G = `repeat(${f}, 1fr)`, L = `${q}px`;
+  } }, r)), e[25] = A, e[26] = n, e[27] = w) : w = e[27];
+  const G = w, O = `repeat(${f}, 1fr)`, q = `${p}px`;
   let d;
-  e[26] !== G || e[27] !== L || e[28] !== k ? (d = {
+  e[28] !== O || e[29] !== q || e[30] !== b ? (d = {
     display: "grid",
-    gridTemplateColumns: G,
+    gridTemplateColumns: O,
     gridTemplateRows: "auto",
-    border: `1px solid ${o("rijks-grey-7")}`,
-    width: k,
-    height: L
-  }, e[26] = G, e[27] = L, e[28] = k, e[29] = d) : d = e[29];
+    borderTop: `1px solid ${o("rijks-grey-7")}`,
+    width: b,
+    height: q
+  }, e[28] = O, e[29] = q, e[30] = b, e[31] = d) : d = e[31];
   let g;
-  e[30] !== H ? (g = H(), e[30] = H, e[31] = g) : g = e[31];
+  e[32] !== L ? (g = L(), e[32] = L, e[33] = g) : g = e[33];
   let a;
-  e[32] !== T ? (a = T(), e[32] = T, e[33] = a) : a = e[33];
+  e[34] !== F ? (a = F(), e[34] = F, e[35] = a) : a = e[35];
   let c;
-  e[34] !== F ? (c = F(), e[34] = F, e[35] = c) : c = e[35];
-  let w;
-  return e[36] !== d || e[37] !== g || e[38] !== a || e[39] !== c ? (w = /* @__PURE__ */ J("div", { className: "data-grid-container", style: d, children: [
+  e[36] !== G ? (c = G(), e[36] = G, e[37] = c) : c = e[37];
+  let k;
+  return e[38] !== d || e[39] !== g || e[40] !== a || e[41] !== c ? (k = /* @__PURE__ */ J("div", { className: "data-grid-container", style: d, children: [
     g,
     a,
     c
-  ] }), e[36] = d, e[37] = g, e[38] = a, e[39] = c, e[40] = w) : w = e[40], w;
+  ] }), e[38] = d, e[39] = g, e[40] = a, e[41] = c, e[42] = k) : k = e[42], k;
 }
-function M(j) {
-  return `var(--color-${j})`;
+function M(R) {
+  return `var(--color-${R})`;
 }
 export {
   V as IvonDataGrid

package/dist/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"IvonDataGrid.js","sources":["../../../../src/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.tsx"],"sourcesContent":["export interface IvonDataGridBlockData {\n  color: string;\n  endPosition: number;\n  row: number;\n  startPosition: number;\n  value: string;\n}\n\nexport interface IvonDataGridBoundaryData {\n  color: string;\n  startPosition: number;\n  width: number;\n}\n\nexport interface IvonDataGridCellData {\n  alignment: string;\n  column: number;\n  fontSize: number;\n  row: number;\n  value: string;\n}\n\ninterface IvonDataGridProps {\n  blockClickHandler?(this: void, row: number, column: number, data: IvonDataGridBlockData): void;\n  readonly blocks: IvonDataGridBlockData[];\n  readonly boundaries: IvonDataGridBoundaryData[];\n  cellClickHandler?(this: void, row: number, column: number, data?: IvonDataGridCellData): void;\n  readonly cells: IvonDataGridCellData[];\n  readonly columns: number;\n  readonly height: number;\n  readonly rows: number;\n  readonly width: string;\n}\n\nexport function IvonDataGrid({ rows, columns, width, height, cells, blocks, boundaries, cellClickHandler, blockClickHandler }: IvonDataGridProps) {\n  const findCell = (row: number, column: number) => {\n    return cells.find((cell) => cell.row === row && cell.column === column);\n  };\n\n  const renderCellData = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? '' : data.value;\n  };\n\n  const renderCellAlignment = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? 'center' : data.alignment;\n  };\n\n  const renderCellFontSize = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? 12 : data.fontSize;\n  };\n\n  const styleColor = (colorVariable: string) => {\n    return `var(--color-${colorVariable})`;\n  };\n\n  const gridCellClicked = (row: number, column: number, data?: IvonDataGridCellData) => cellClickHandler?.(row, column, data);\n  const gridItemClicked = (row: number, column: number, data: IvonDataGridBlockData) => blockClickHandler?.(row, column, data);\n\n  const renderCells = () => {\n    return Array.from({ length: rows }, (_index1, rowIndex) =>\n      Array.from({ length: columns }, (_index2, colIndex) => (\n        <div\n          className='data-grid-cell'\n          key={`${rowIndex}-${colIndex}`}\n          onDoubleClick={() => gridCellClicked(rowIndex, colIndex, findCell(rowIndex, colIndex))}\n          role='gridcell'\n          style={{\n            display: 'flex',\n            gridRow: rowIndex + 1,\n            gridColumn: colIndex + 1,\n            justifyContent: renderCellAlignment(rowIndex, colIndex),\n            alignItems: 'center',\n            borderBottom: `1px solid ${styleColor('rijks-grey-7')}`,\n            borderLeft: colIndex % 10 === 0 ? `2px solid ${styleColor('rijks-grey-7')}` : `1px dashed ${styleColor('rijks-grey-4')}`,\n            backgroundColor: colIndex % 2 === 0 ? styleColor('rijks-grey-1') : '#ffffff',\n            fontSize: renderCellFontSize(rowIndex, colIndex)\n          }}\n          tabIndex={0}\n        >\n          {renderCellData(rowIndex, colIndex)}\n        </div>\n      ))\n    );\n  };\n\n  const renderBlocks = () => {\n    return blocks.map((blockData, index) => (\n      <div\n        className='data-grid-block'\n        key={index}\n        onDoubleClick={() => gridItemClicked(blockData.row, blockData.startPosition, blockData)}\n        role='gridcell'\n        style={{\n          gridRow: blockData.row + 1,\n          zIndex: 10,\n          gridColumnStart: blockData.startPosition + 1,\n          gridColumnEnd: blockData.endPosition + 1,\n          gridRowStart: blockData.row + 1,\n          gridRowEnd: blockData.row + 1,\n          textAlign: 'left',\n          display: 'flex',\n          textOverflow: 'clip',\n          padding: '5px',\n          borderRadius: '4px',\n          border: `1px solid ${styleColor('rijks-grey-7')}`,\n          boxShadow: `1px 1px 1px ${styleColor('rijks-grey-7')}`,\n          overflow: 'hidden',\n          opacity: 0.8,\n          backgroundImage: `linear-gradient(180deg, ${styleColor(blockData.color)}, color-mix(in srgb, ${styleColor(blockData.color)}, #000000 10%))`\n        }}\n        tabIndex={0}\n      >\n        {blockData.value}\n      </div>\n    ));\n  };\n\n  const renderBoundaries = () => {\n    return boundaries.map((boundaryData, index) => (\n      <div\n        className='data-grid-boundary'\n        key={index}\n        style={{\n          zIndex: 20,\n          gridColumn: boundaryData.startPosition + 1,\n          gridRowStart: 1,\n          gridRowEnd: rows + 1,\n          textAlign: 'left',\n          display: 'flex',\n          width: `${boundaryData.width}px`,\n          position: 'relative',\n          backgroundColor: styleColor(boundaryData.color)\n        }}\n      />\n    ));\n  };\n\n  return (\n    <div\n      className='data-grid-container'\n      style={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n        gridTemplateRows: 'auto',\n        border: `1px solid ${styleColor('rijks-grey-7')}`,\n        width,\n        height: `${height}px`\n      }}\n    >\n      {renderCells()}\n      {renderBlocks()}\n      {renderBoundaries()}\n    </div>\n  );\n}\n"],"names":["IvonDataGrid","t0","$","_c","rows","columns","width","height","cells","blocks","boundaries","cellClickHandler","blockClickHandler","t1","row","column","find","cell","findCell","t2","row_0","column_0","data","undefined","value","renderCellData","t3","row_1","column_1","data_0","alignment","renderCellAlignment","t4","row_2","column_2","data_1","fontSize","renderCellFontSize","styleColor","_temp","t5","row_3","column_3","data_2","gridCellClicked","t6","row_4","column_4","data_3","gridItemClicked","t7","Array","from","length","_index1","rowIndex","_index2","colIndex","display","gridRow","gridColumn","justifyContent","alignItems","borderBottom","borderLeft","backgroundColor","renderCells","t8","map","blockData","index","jsx","startPosition","zIndex","gridColumnStart","gridColumnEnd","endPosition","gridRowStart","gridRowEnd","textAlign","textOverflow","padding","borderRadius","border","boxShadow","overflow","opacity","backgroundImage","color","renderBlocks","t9","boundaryData","index_0","position","renderBoundaries","t10","t11","t12","gridTemplateColumns","gridTemplateRows","t13","t14","t15","t16","jsxs","colorVariable"],"mappings":"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"}
+{"version":3,"file":"IvonDataGrid.js","sources":["../../../../src/components-domain/ivon-project-planning/_IvonDataGrid/IvonDataGrid.tsx"],"sourcesContent":["export interface IvonDataGridBlockData {\n  color: string;\n  endPosition: number;\n  row: number;\n  scale: number;\n  startPosition: number;\n  type?: string;\n  value: string;\n}\n\nexport interface IvonDataGridBoundaryData {\n  color: string;\n  startPosition: number;\n  width: number;\n}\n\nexport interface IvonDataGridCellData {\n  alignment: string;\n  column: number;\n  fontSize: number;\n  row: number;\n  value: string;\n}\n\ninterface IvonDataGridProps {\n  blockClickHandler?(this: void, data: IvonDataGridBlockData): void;\n  readonly blocks: IvonDataGridBlockData[];\n  readonly boundaries: IvonDataGridBoundaryData[];\n  cellClickHandler?(this: void, row: number, column: number, data?: IvonDataGridCellData): void;\n  readonly cells: IvonDataGridCellData[];\n  readonly columns: number;\n  readonly height: number;\n  readonly rows: number;\n  readonly width: string;\n}\n\nexport function IvonDataGrid({ rows, columns, width, height, cells, blocks, boundaries, cellClickHandler, blockClickHandler }: IvonDataGridProps) {\n  const findCell = (row: number, column: number) => {\n    return cells.find((cell) => cell.row === row && cell.column === column);\n  };\n\n  const renderCellData = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? '' : data.value;\n  };\n\n  const renderCellAlignment = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? 'center' : data.alignment;\n  };\n\n  const renderCellFontSize = (row: number, column: number) => {\n    const data = findCell(row, column);\n    return data === undefined ? 12 : data.fontSize;\n  };\n\n  const styleColor = (colorVariable: string) => {\n    return `var(--color-${colorVariable})`;\n  };\n\n  const gridCellClicked = (row: number, column: number, data?: IvonDataGridCellData) => cellClickHandler?.(row, column, data);\n  const gridItemClicked = (data: IvonDataGridBlockData) => blockClickHandler?.(data);\n\n  const renderCells = () => {\n    return Array.from({ length: rows }, (_index1, rowIndex) =>\n      Array.from({ length: columns }, (_index2, colIndex) => (\n        <div\n          className='data-grid-cell'\n          key={`${rowIndex}-${colIndex}`}\n          onDoubleClick={() => gridCellClicked(rowIndex, colIndex, findCell(rowIndex, colIndex))}\n          role='gridcell'\n          style={{\n            display: 'flex',\n            gridRow: rowIndex + 1,\n            gridColumn: colIndex + 1,\n            justifyContent: renderCellAlignment(rowIndex, colIndex),\n            alignItems: 'center',\n            borderBottom: `1px solid ${styleColor('rijks-grey-7')}`,\n            borderLeft: colIndex % 10 === 0 ? `2px solid ${styleColor('rijks-grey-7')}` : `1px dashed ${styleColor('rijks-grey-4')}`,\n            backgroundColor: colIndex % 2 === 0 ? styleColor('rijks-grey-1') : '#ffffff',\n            fontSize: renderCellFontSize(rowIndex, colIndex)\n          }}\n          tabIndex={0}\n        >\n          {renderCellData(rowIndex, colIndex)}\n        </div>\n      ))\n    );\n  };\n\n  const renderBlocks = () => {\n    const padding = 5;\n    const border = 1;\n    const heightMargins = padding * 2 + border * 2 + 1;\n\n    return blocks.map((blockData, index) => (\n      <div\n        className='data-grid-block'\n        key={index}\n        onDoubleClick={() => gridItemClicked(blockData)}\n        role='gridcell'\n        style={{\n          gridRow: blockData.row + 1,\n          zIndex: 10,\n          gridColumnStart: blockData.startPosition + 1,\n          gridColumnEnd: blockData.endPosition + 1,\n          gridRowStart: blockData.row + 1,\n          gridRowEnd: blockData.row + 1,\n          overflow: 'hidden',\n          alignContent: 'end'\n        }}\n        tabIndex={0}\n      >\n        <div\n          style={{\n            textAlign: 'left',\n            textOverflow: 'clip',\n            height: ((height * blockData.scale) / rows - heightMargins).toString() + 'px',\n            marginLeft: '2px',\n            marginRight: '2px',\n            padding: `${padding}px`,\n            cursor: 'pointer',\n            borderRadius: '4px',\n            border: `${border}px solid ${styleColor('rijks-grey-7')}`,\n            boxShadow: `1px 1px 1px ${styleColor('rijks-grey-7')}`,\n            overflow: 'hidden',\n            opacity: 0.7,\n            backgroundImage: `linear-gradient(180deg, ${styleColor(blockData.color)}, color-mix(in srgb, ${styleColor(blockData.color)}, #000000 10%))`\n          }}\n        >\n          {blockData.value}\n        </div>\n      </div>\n    ));\n  };\n\n  const renderBoundaries = () => {\n    return boundaries.map((boundaryData, index) => (\n      <div\n        className='data-grid-boundary'\n        key={index}\n        style={{\n          zIndex: 20,\n          gridColumn: boundaryData.startPosition + 1,\n          gridRowStart: 1,\n          gridRowEnd: rows + 1,\n          textAlign: 'left',\n          display: 'flex',\n          width: `${boundaryData.width}px`,\n          position: 'relative',\n          backgroundColor: styleColor(boundaryData.color)\n        }}\n      />\n    ));\n  };\n\n  return (\n    <div\n      className='data-grid-container'\n      style={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n        gridTemplateRows: 'auto',\n        borderTop: `1px solid ${styleColor('rijks-grey-7')}`,\n        width,\n        height: `${height}px`\n      }}\n    >\n      {renderCells()}\n      {renderBlocks()}\n      {renderBoundaries()}\n    </div>\n  );\n}\n"],"names":["IvonDataGrid","t0","$","_c","rows","columns","width","height","cells","blocks","boundaries","cellClickHandler","blockClickHandler","t1","row","column","find","cell","findCell","t2","row_0","column_0","data","undefined","value","renderCellData","t3","row_1","column_1","data_0","alignment","renderCellAlignment","t4","row_2","column_2","data_1","fontSize","renderCellFontSize","styleColor","_temp","t5","row_3","column_3","data_2","gridCellClicked","t6","data_3","gridItemClicked","t7","Array","from","length","_index1","rowIndex","_index2","colIndex","display","gridRow","gridColumn","justifyContent","alignItems","borderBottom","borderLeft","backgroundColor","renderCells","t8","map","blockData","index","jsx","zIndex","gridColumnStart","startPosition","gridColumnEnd","endPosition","gridRowStart","gridRowEnd","overflow","alignContent","textAlign","textOverflow","scale","toString","marginLeft","marginRight","padding","cursor","borderRadius","border","boxShadow","opacity","backgroundImage","color","renderBlocks","t9","boundaryData","index_0","position","renderBoundaries","t10","t11","t12","gridTemplateColumns","gridTemplateRows","borderTop","t13","t14","t15","t16","jsxs","colorVariable"],"mappings":"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"}

package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.d.ts

@@ -0,0 +1,10 @@
+import { PopupTemplate } from '../_types/popup-types';
+interface PopupRendererProps {
+    readonly item: Record<string, any>;
+    onClose(this: void): void;
+    onSave(this: void, updatedItem: Record<string, any>): void;
+    readonly template: PopupTemplate;
+}
+export declare function PopupRenderer({ template, item, onClose, onSave }: PopupRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IvonPopupRenderer.d.ts.map

package/dist/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IvonPopupRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components-domain/ivon-project-planning/_IvonPopup/IvonPopupRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,uBAAuB,CAAC;AAEvE,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3D,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;CAClC;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAmGpF"}