@apia/table2-controller 4.0.102 → 5.0.1

package/dist/data/plugins/FocusControllerPlugin/useFocusByClick.js

@@ -0,0 +1,80 @@
+import { useRef } from 'react';
+
+function getRow(controller, rowElement) {
+  const rowId = rowElement.dataset.rowid;
+  const row = controller.getRowById(rowId);
+  return row;
+}
+function selectBetweenRows(controller, rowA, rowB) {
+  const relativePosition = rowA.compareDocumentPosition(rowB);
+  let finished = false;
+  if (relativePosition & Node.DOCUMENT_POSITION_FOLLOWING) {
+    let current = rowA;
+    if (rowA.closest("thead") && !rowB.closest("thead")) {
+      current = rowA.closest("table")?.querySelector("tbody")?.firstElementChild;
+    }
+    while (!finished) {
+      if (current) {
+        getRow(controller, current)?.toggleSelection(true, false);
+        finished = current === rowB;
+        current = current.nextElementSibling;
+      } else {
+        finished = true;
+      }
+    }
+  } else if (relativePosition & Node.DOCUMENT_POSITION_PRECEDING) {
+    let current = rowA;
+    while (!finished) {
+      if (current) {
+        getRow(controller, current)?.toggleSelection(true, false);
+        finished = current === rowB;
+        current = current.previousElementSibling;
+      } else {
+        finished = true;
+      }
+    }
+  }
+  controller.shoutSelection();
+}
+function useFocusByClick(controller) {
+  const lastRow = useRef(null);
+  return (ev) => {
+    if (controller.isEditionMode) {
+      return;
+    }
+    const { target } = ev;
+    if (target instanceof HTMLElement) {
+      const cellElement = target.closest("td[data-colname],th[data-colname]");
+      const rowElement = target.closest("tr[data-rowid]");
+      if (rowElement instanceof HTMLTableRowElement) {
+        const row = getRow(controller, rowElement);
+        if (row?.getState("isSelectable")) {
+          if (ev.shiftKey) {
+            if (lastRow.current) {
+              selectBetweenRows(controller, lastRow.current, rowElement);
+            }
+          } else if (ev.ctrlKey) {
+            row?.toggleSelection();
+          } else {
+            controller.clearSelection();
+            row?.toggleSelection(true);
+          }
+          lastRow.current = rowElement;
+          if (cellElement instanceof HTMLTableCellElement) {
+            const colName = cellElement.dataset.colname;
+            const cell = row?.getCellByColumnName(colName);
+            if (cell) {
+              if (target.closest("thead")) {
+                controller.emit("columnSort", cell);
+              }
+              cell?.focus(true);
+            }
+          }
+        }
+      }
+    }
+  };
+}
+
+export { getRow, selectBetweenRows, useFocusByClick };
+//# sourceMappingURL=useFocusByClick.js.map

package/dist/data/plugins/FocusControllerPlugin/useFocusByClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusByClick.js","sources":["../../../../src/data/plugins/FocusControllerPlugin/useFocusByClick.ts"],"sourcesContent":["import type { MouseEvent } from 'react';\r\nimport { useRef } from 'react';\r\nimport type { Column, TableController } from '../..';\r\n\r\nexport function getRow(\r\n  controller: TableController,\r\n  rowElement: HTMLTableRowElement,\r\n) {\r\n  const rowId = rowElement.dataset.rowid!;\r\n  const row = controller.getRowById(rowId);\r\n  return row;\r\n}\r\n\r\nexport function selectBetweenRows(\r\n  controller: TableController,\r\n  rowA: HTMLTableRowElement,\r\n  rowB: HTMLTableRowElement,\r\n) {\r\n  const relativePosition = rowA.compareDocumentPosition(rowB);\r\n  let finished = false;\r\n  if (relativePosition & Node.DOCUMENT_POSITION_FOLLOWING) {\r\n    let current = rowA;\r\n    if (rowA.closest('thead') && !rowB.closest('thead')) {\r\n      current = rowA.closest('table')?.querySelector('tbody')\r\n        ?.firstElementChild as HTMLTableRowElement;\r\n    }\r\n    while (!finished) {\r\n      if (current) {\r\n        getRow(controller, current)?.toggleSelection(true, false);\r\n        finished = current === rowB;\r\n        current = current.nextElementSibling as HTMLTableRowElement;\r\n      } else {\r\n        finished = true;\r\n      }\r\n    }\r\n  } else if (relativePosition & Node.DOCUMENT_POSITION_PRECEDING) {\r\n    let current = rowA;\r\n    while (!finished) {\r\n      if (current) {\r\n        getRow(controller, current)?.toggleSelection(true, false);\r\n        finished = current === rowB;\r\n        current = current.previousElementSibling as HTMLTableRowElement;\r\n      } else {\r\n        finished = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  controller.shoutSelection();\r\n}\r\n\r\nexport function useFocusByClick(controller: TableController) {\r\n  const lastRow = useRef<HTMLTableRowElement | null>(null);\r\n\r\n  return (ev: MouseEvent) => {\r\n    if (controller.isEditionMode) {\r\n      return;\r\n    }\r\n\r\n    const { target } = ev;\r\n    if (target instanceof HTMLElement) {\r\n      const cellElement = target.closest('td[data-colname],th[data-colname]');\r\n      const rowElement = target.closest('tr[data-rowid]');\r\n\r\n      if (rowElement instanceof HTMLTableRowElement) {\r\n        const row = getRow(controller, rowElement);\r\n\r\n        if (row?.getState('isSelectable')) {\r\n          if (ev.shiftKey) {\r\n            if (lastRow.current) {\r\n              selectBetweenRows(controller, lastRow.current, rowElement);\r\n            }\r\n          } else if (ev.ctrlKey) {\r\n            row?.toggleSelection();\r\n          } else {\r\n            controller.clearSelection();\r\n            row?.toggleSelection(true);\r\n          }\r\n\r\n          lastRow.current = rowElement;\r\n\r\n          if (cellElement instanceof HTMLTableCellElement) {\r\n            const colName = cellElement.dataset.colname!;\r\n            const cell = row?.getCellByColumnName(colName);\r\n\r\n            if (cell) {\r\n              if (target.closest('thead')) {\r\n                controller.emit('columnSort', cell as Column);\r\n              }\r\n\r\n              cell?.focus(true);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/data/plugins/FocusControllerPlugin/useFocusByKey.js

@@ -0,0 +1,156 @@
+import { getRow, selectBetweenRows } from './useFocusByClick.js';
+
+const pageSize = 6;
+function handleArrowKey(controller, ev) {
+  const { target } = ev;
+  if (target instanceof HTMLElement) {
+    const cellElement = target.closest("td[data-colname],th[data-colname]");
+    const rowElement = target.closest("tr[data-rowid]");
+    if (rowElement instanceof HTMLTableRowElement) {
+      if (cellElement instanceof HTMLTableCellElement) {
+        const colName = cellElement.dataset.colname;
+        let nextFocusedRow = rowElement;
+        let nextFocusedCell = cellElement;
+        switch (ev.code) {
+          case "ArrowUp": {
+            const test = rowElement?.previousElementSibling;
+            if (test) {
+              nextFocusedRow = test;
+            } else if (nextFocusedRow.closest("tbody")) {
+              const thead = nextFocusedRow.closest("table").querySelector("thead");
+              nextFocusedRow = thead.lastElementChild;
+            }
+            break;
+          }
+          case "ArrowDown": {
+            const test = rowElement?.nextElementSibling;
+            if (test) {
+              nextFocusedRow = test;
+            } else if (nextFocusedRow.closest("thead")) {
+              const tbody = nextFocusedRow.closest("table").querySelector("tbody");
+              nextFocusedRow = tbody.firstElementChild;
+            }
+            break;
+          }
+          case "ArrowLeft":
+            nextFocusedCell = cellElement.previousElementSibling;
+            break;
+          case "ArrowRight":
+            nextFocusedCell = cellElement.nextElementSibling;
+            break;
+          case "PageUp": {
+            let i = 0;
+            do {
+              const test = nextFocusedRow.previousElementSibling;
+              if (!test && nextFocusedRow.closest("tbody")) {
+                const thead = nextFocusedRow.closest("table").querySelector("thead");
+                nextFocusedRow = thead.lastElementChild;
+              } else if (test) {
+                nextFocusedRow = test;
+              }
+            } while (nextFocusedRow instanceof HTMLTableRowElement && ++i < pageSize);
+            break;
+          }
+          case "PageDown": {
+            let i = 0;
+            do {
+              const test = nextFocusedRow.nextElementSibling;
+              if (!test && nextFocusedRow.closest("thead")) {
+                const tbody = nextFocusedRow.closest("table").querySelector("tbody");
+                nextFocusedRow = tbody.firstElementChild;
+              } else if (test) {
+                nextFocusedRow = test;
+              }
+            } while (nextFocusedRow instanceof HTMLTableRowElement && ++i < pageSize);
+            break;
+          }
+          case "Home": {
+            if (ev.ctrlKey) {
+              nextFocusedRow = rowElement.closest("table")?.querySelector("thead tr");
+            } else {
+              nextFocusedCell = rowElement.firstElementChild;
+            }
+            break;
+          }
+          case "End":
+            if (ev.ctrlKey) {
+              nextFocusedRow = rowElement.closest("table").querySelector("tbody").lastElementChild;
+            } else {
+              nextFocusedCell = rowElement.lastChild;
+            }
+        }
+        if (nextFocusedCell !== cellElement && nextFocusedCell) {
+          getRow(controller, rowElement).getCellByColumnName(nextFocusedCell.dataset.colname).focus();
+        } else if (nextFocusedRow !== rowElement && nextFocusedRow) {
+          if (ev.shiftKey) {
+            selectBetweenRows(controller, rowElement, nextFocusedRow);
+          } else {
+            controller.clearSelection();
+            getRow(controller, nextFocusedRow)?.toggleSelection(true);
+          }
+          const cell = getRow(controller, nextFocusedRow).getCellByColumnName(colName) || getRow(controller, nextFocusedRow).getCellByIndex(0);
+          cell?.focus();
+        }
+      }
+    }
+  }
+}
+function useFocusByKey(controller) {
+  return (ev) => {
+    if (controller.isEditionMode) {
+      if (!ev.ctrlKey && ["Enter", "Escape"].includes(ev.code)) {
+        ev.preventDefault();
+        switch (ev.code) {
+          case "Enter":
+            controller.emit("keyEnter", null);
+            break;
+          case "Escape":
+            controller.toggleEditionMode(false);
+        }
+      }
+    } else {
+      if ([
+        "Escape",
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "PageUp",
+        "PageDown",
+        "Home",
+        "End"
+      ].includes(ev.code) || ev.code === "Enter" && controller.getState("allowEdition") || ev.code === "Space" && ev.ctrlKey) {
+        ev.preventDefault();
+      }
+      switch (ev.code) {
+        case "Enter":
+          controller.emit("keyEnter", null);
+          controller.toggleEditionMode();
+          break;
+        case "Space":
+          {
+            if (ev.ctrlKey) {
+              const row = ev.target?.closest("tr");
+              if (row instanceof HTMLElement) {
+                getRow(controller, row).toggleSelection();
+              }
+            }
+          }
+          break;
+        case "ArrowUp":
+        case "ArrowDown":
+        case "ArrowLeft":
+        case "ArrowRight":
+        case "Home":
+        case "End":
+        case "PageUp":
+        case "PageDown":
+          handleArrowKey(controller, ev);
+          break;
+      }
+    }
+  };
+}
+
+export { useFocusByKey };
+//# sourceMappingURL=useFocusByKey.js.map

package/dist/data/plugins/FocusControllerPlugin/useFocusByKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusByKey.js","sources":["../../../../src/data/plugins/FocusControllerPlugin/useFocusByKey.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\r\nimport type { TableController } from '../..';\r\nimport { getRow, selectBetweenRows } from './useFocusByClick';\r\n\r\nconst pageSize = 6;\r\n\r\nfunction handleArrowKey(controller: TableController, ev: KeyboardEvent) {\r\n  const { target } = ev;\r\n  if (target instanceof HTMLElement) {\r\n    const cellElement = target.closest('td[data-colname],th[data-colname]');\r\n    const rowElement = target.closest('tr[data-rowid]');\r\n\r\n    if (rowElement instanceof HTMLTableRowElement) {\r\n      if (cellElement instanceof HTMLTableCellElement) {\r\n        const colName = cellElement.dataset.colname!;\r\n\r\n        let nextFocusedRow: HTMLTableRowElement = rowElement;\r\n        let nextFocusedCell: HTMLTableCellElement = cellElement;\r\n        switch (ev.code) {\r\n          case 'ArrowUp': {\r\n            const test =\r\n              rowElement?.previousElementSibling as HTMLTableRowElement;\r\n            if (test) {\r\n              nextFocusedRow = test;\r\n            } else if (nextFocusedRow.closest('tbody')) {\r\n              const thead = nextFocusedRow\r\n                .closest<HTMLElement>('table')!\r\n                .querySelector('thead');\r\n              nextFocusedRow = thead!.lastElementChild! as HTMLTableRowElement;\r\n            }\r\n            break;\r\n          }\r\n          case 'ArrowDown': {\r\n            const test = rowElement?.nextElementSibling as HTMLTableRowElement;\r\n            if (test) {\r\n              nextFocusedRow = test;\r\n            } else if (nextFocusedRow.closest('thead')) {\r\n              const tbody = nextFocusedRow\r\n                .closest<HTMLElement>('table')!\r\n                .querySelector('tbody');\r\n              nextFocusedRow = tbody!.firstElementChild! as HTMLTableRowElement;\r\n            }\r\n            break;\r\n          }\r\n          case 'ArrowLeft':\r\n            nextFocusedCell =\r\n              cellElement.previousElementSibling as HTMLTableCellElement;\r\n            break;\r\n          case 'ArrowRight':\r\n            nextFocusedCell =\r\n              cellElement.nextElementSibling as HTMLTableCellElement;\r\n            break;\r\n          case 'PageUp': {\r\n            let i = 0;\r\n            do {\r\n              const test = nextFocusedRow.previousElementSibling as HTMLElement;\r\n              if (!test && nextFocusedRow.closest('tbody')) {\r\n                const thead = nextFocusedRow\r\n                  .closest<HTMLElement>('table')!\r\n                  .querySelector('thead');\r\n                nextFocusedRow = thead!\r\n                  .lastElementChild! as HTMLTableRowElement;\r\n              } else if (test) {\r\n                nextFocusedRow = test as HTMLTableRowElement;\r\n              }\r\n            } while (\r\n              nextFocusedRow instanceof HTMLTableRowElement &&\r\n              ++i < pageSize\r\n            );\r\n            break;\r\n          }\r\n          case 'PageDown': {\r\n            let i = 0;\r\n\r\n            do {\r\n              const test = nextFocusedRow.nextElementSibling as HTMLElement;\r\n              if (!test && nextFocusedRow.closest('thead')) {\r\n                const tbody = nextFocusedRow\r\n                  .closest<HTMLElement>('table')!\r\n                  .querySelector('tbody');\r\n                nextFocusedRow = tbody!\r\n                  .firstElementChild! as HTMLTableRowElement;\r\n              } else if (test) {\r\n                nextFocusedRow = test as HTMLTableRowElement;\r\n              }\r\n            } while (\r\n              nextFocusedRow instanceof HTMLTableRowElement &&\r\n              ++i < pageSize\r\n            );\r\n            break;\r\n          }\r\n          case 'Home': {\r\n            if (ev.ctrlKey) {\r\n              nextFocusedRow = rowElement\r\n                .closest<HTMLElement>('table')\r\n                ?.querySelector('thead tr') as HTMLTableRowElement;\r\n            } else {\r\n              nextFocusedCell =\r\n                rowElement.firstElementChild as HTMLTableCellElement;\r\n            }\r\n            break;\r\n          }\r\n          case 'End':\r\n            if (ev.ctrlKey) {\r\n              nextFocusedRow = (\r\n                rowElement\r\n                  .closest<HTMLElement>('table')!\r\n                  .querySelector('tbody') as HTMLElement\r\n              ).lastElementChild as HTMLTableRowElement;\r\n            } else {\r\n              nextFocusedCell = rowElement.lastChild! as HTMLTableCellElement;\r\n            }\r\n        }\r\n\r\n        if (nextFocusedCell !== cellElement && nextFocusedCell) {\r\n          getRow(controller, rowElement)!\r\n            .getCellByColumnName(nextFocusedCell.dataset.colname!)!\r\n            .focus();\r\n        } else if (nextFocusedRow !== rowElement && nextFocusedRow) {\r\n          if (ev.shiftKey) {\r\n            selectBetweenRows(controller, rowElement, nextFocusedRow);\r\n          } else {\r\n            controller.clearSelection();\r\n            getRow(controller, nextFocusedRow)?.toggleSelection(true);\r\n          }\r\n\r\n          const cell =\r\n            getRow(controller, nextFocusedRow)!.getCellByColumnName(colName) ||\r\n            getRow(controller, nextFocusedRow)!.getCellByIndex(0);\r\n          cell?.focus();\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport function useFocusByKey(controller: TableController) {\r\n  return (ev: KeyboardEvent) => {\r\n    if (controller.isEditionMode) {\r\n      if (!ev.ctrlKey && ['Enter', 'Escape'].includes(ev.code)) {\r\n        ev.preventDefault();\r\n\r\n        switch (ev.code) {\r\n          case 'Enter':\r\n            controller.emit('keyEnter', null);\r\n            break;\r\n          // eslint-disable-next-line no-fallthrough\r\n          case 'Escape':\r\n            controller.toggleEditionMode(false);\r\n        }\r\n      }\r\n    } else {\r\n      if (\r\n        [\r\n          'Escape',\r\n          'ArrowUp',\r\n          'ArrowDown',\r\n          'ArrowLeft',\r\n          'ArrowRight',\r\n          'PageUp',\r\n          'PageDown',\r\n          'Home',\r\n          'End',\r\n        ].includes(ev.code) ||\r\n        (ev.code === 'Enter' && controller.getState('allowEdition')) ||\r\n        (ev.code === 'Space' && ev.ctrlKey)\r\n      ) {\r\n        ev.preventDefault();\r\n      }\r\n      switch (ev.code) {\r\n        case 'Enter':\r\n          controller.emit('keyEnter', null);\r\n          controller.toggleEditionMode();\r\n          break;\r\n        case 'Space':\r\n          {\r\n            if (ev.ctrlKey) {\r\n              const row = (ev.target as HTMLElement)?.closest('tr');\r\n              if (row instanceof HTMLElement) {\r\n                getRow(controller, row)!.toggleSelection();\r\n              }\r\n            }\r\n          }\r\n          break;\r\n        case 'ArrowUp':\r\n        case 'ArrowDown':\r\n        case 'ArrowLeft':\r\n        case 'ArrowRight':\r\n        case 'Home':\r\n        case 'End':\r\n        case 'PageUp':\r\n        case 'PageDown':\r\n          handleArrowKey(controller, ev);\r\n          break;\r\n      }\r\n    }\r\n  };\r\n}\r\n"],"names":[],"mappings":";;AAIA,MAAM,QAAA,GAAW,CAAA;AAEjB,SAAS,cAAA,CAAe,YAA6B,EAAA,EAAmB;AACtE,EAAA,MAAM,EAAE,QAAO,GAAI,EAAA;AACnB,EAAA,IAAI,kBAAkB,WAAA,EAAa;AACjC,IAAA,MAAM,WAAA,GAAc,MAAA,CAAO,OAAA,CAAQ,mCAAmC,CAAA;AACtE,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,OAAA,CAAQ,gBAAgB,CAAA;AAElD,IAAA,IAAI,sBAAsB,mBAAA,EAAqB;AAC7C,MAAA,IAAI,uBAAuB,oBAAA,EAAsB;AAC/C,QAAA,MAAM,OAAA,GAAU,YAAY,OAAA,CAAQ,OAAA;AAEpC,QAAA,IAAI,cAAA,GAAsC,UAAA;AAC1C,QAAA,IAAI,eAAA,GAAwC,WAAA;AAC5C,QAAA,QAAQ,GAAG,IAAA;AAAM,UACf,KAAK,SAAA,EAAW;AACd,YAAA,MAAM,OACJ,UAAA,EAAY,sBAAA;AACd,YAAA,IAAI,IAAA,EAAM;AACR,cAAA,cAAA,GAAiB,IAAA;AAAA,aACnB,MAAA,IAAW,cAAA,CAAe,OAAA,CAAQ,OAAO,CAAA,EAAG;AAC1C,cAAA,MAAM,QAAQ,cAAA,CACX,OAAA,CAAqB,OAAO,CAAA,CAC5B,cAAc,OAAO,CAAA;AACxB,cAAA,cAAA,GAAiB,KAAA,CAAO,gBAAA;AAAA;AAE1B,YAAA;AAAA;AACF,UACA,KAAK,WAAA,EAAa;AAChB,YAAA,MAAM,OAAO,UAAA,EAAY,kBAAA;AACzB,YAAA,IAAI,IAAA,EAAM;AACR,cAAA,cAAA,GAAiB,IAAA;AAAA,aACnB,MAAA,IAAW,cAAA,CAAe,OAAA,CAAQ,OAAO,CAAA,EAAG;AAC1C,cAAA,MAAM,QAAQ,cAAA,CACX,OAAA,CAAqB,OAAO,CAAA,CAC5B,cAAc,OAAO,CAAA;AACxB,cAAA,cAAA,GAAiB,KAAA,CAAO,iBAAA;AAAA;AAE1B,YAAA;AAAA;AACF,UACA,KAAK,WAAA;AACH,YAAA,eAAA,GACE,WAAA,CAAY,sBAAA;AACd,YAAA;AAAA,UACF,KAAK,YAAA;AACH,YAAA,eAAA,GACE,WAAA,CAAY,kBAAA;AACd,YAAA;AAAA,UACF,KAAK,QAAA,EAAU;AACb,YAAA,IAAI,CAAA,GAAI,CAAA;AACR,YAAA,GAAG;AACD,cAAA,MAAM,OAAO,cAAA,CAAe,sBAAA;AAC5B,cAAA,IAAI,CAAC,IAAA,IAAQ,cAAA,CAAe,OAAA,CAAQ,OAAO,CAAA,EAAG;AAC5C,gBAAA,MAAM,QAAQ,cAAA,CACX,OAAA,CAAqB,OAAO,CAAA,CAC5B,cAAc,OAAO,CAAA;AACxB,gBAAA,cAAA,GAAiB,KAAA,CACd,gBAAA;AAAA,yBACM,IAAA,EAAM;AACf,gBAAA,cAAA,GAAiB,IAAA;AAAA;AACnB,aACF,QACE,cAAA,YAA0B,mBAAA,IAC1B,EAAE,CAAA,GAAI,QAAA;AAER,YAAA;AAAA;AACF,UACA,KAAK,UAAA,EAAY;AACf,YAAA,IAAI,CAAA,GAAI,CAAA;AAER,YAAA,GAAG;AACD,cAAA,MAAM,OAAO,cAAA,CAAe,kBAAA;AAC5B,cAAA,IAAI,CAAC,IAAA,IAAQ,cAAA,CAAe,OAAA,CAAQ,OAAO,CAAA,EAAG;AAC5C,gBAAA,MAAM,QAAQ,cAAA,CACX,OAAA,CAAqB,OAAO,CAAA,CAC5B,cAAc,OAAO,CAAA;AACxB,gBAAA,cAAA,GAAiB,KAAA,CACd,iBAAA;AAAA,yBACM,IAAA,EAAM;AACf,gBAAA,cAAA,GAAiB,IAAA;AAAA;AACnB,aACF,QACE,cAAA,YAA0B,mBAAA,IAC1B,EAAE,CAAA,GAAI,QAAA;AAER,YAAA;AAAA;AACF,UACA,KAAK,MAAA,EAAQ;AACX,YAAA,IAAI,GAAG,OAAA,EAAS;AACd,cAAA,cAAA,GAAiB,UAAA,CACd,OAAA,CAAqB,OAAO,CAAA,EAC3B,cAAc,UAAU,CAAA;AAAA,aAC9B,MAAO;AACL,cAAA,eAAA,GACE,UAAA,CAAW,iBAAA;AAAA;AAEf,YAAA;AAAA;AACF,UACA,KAAK,KAAA;AACH,YAAA,IAAI,GAAG,OAAA,EAAS;AACd,cAAA,cAAA,GACE,WACG,OAAA,CAAqB,OAAO,CAAA,CAC5B,aAAA,CAAc,OAAO,CAAA,CACxB,gBAAA;AAAA,aACJ,MAAO;AACL,cAAA,eAAA,GAAkB,UAAA,CAAW,SAAA;AAAA;AAC/B;AAGJ,QAAA,IAAI,eAAA,KAAoB,eAAe,eAAA,EAAiB;AACtD,UAAA,MAAA,CAAO,UAAA,EAAY,UAAU,CAAA,CAC1B,mBAAA,CAAoB,gBAAgB,OAAA,CAAQ,OAAQ,EACpD,KAAA,EAAM;AAAA,SACX,MAAA,IAAW,cAAA,KAAmB,UAAA,IAAc,cAAA,EAAgB;AAC1D,UAAA,IAAI,GAAG,QAAA,EAAU;AACf,YAAA,iBAAA,CAAkB,UAAA,EAAY,YAAY,cAAc,CAAA;AAAA,WAC1D,MAAO;AACL,YAAA,UAAA,CAAW,cAAA,EAAe;AAC1B,YAAA,MAAA,CAAO,UAAA,EAAY,cAAc,CAAA,EAAG,eAAA,CAAgB,IAAI,CAAA;AAAA;AAG1D,UAAA,MAAM,IAAA,GACJ,MAAA,CAAO,UAAA,EAAY,cAAc,CAAA,CAAG,mBAAA,CAAoB,OAAO,CAAA,IAC/D,MAAA,CAAO,UAAA,EAAY,cAAc,CAAA,CAAG,eAAe,CAAC,CAAA;AACtD,UAAA,IAAA,EAAM,KAAA,EAAM;AAAA;AACd;AACF;AACF;AAEJ;AAEO,SAAS,cAAc,UAAA,EAA6B;AACzD,EAAA,OAAO,CAAC,EAAA,KAAsB;AAC5B,IAAA,IAAI,WAAW,aAAA,EAAe;AAC5B,MAAA,IAAI,CAAC,EAAA,CAAG,OAAA,IAAW,CAAC,OAAA,EAAS,QAAQ,CAAA,CAAE,QAAA,CAAS,EAAA,CAAG,IAAI,CAAA,EAAG;AACxD,QAAA,EAAA,CAAG,cAAA,EAAe;AAElB,QAAA,QAAQ,GAAG,IAAA;AAAM,UACf,KAAK,OAAA;AACH,YAAA,UAAA,CAAW,IAAA,CAAK,YAAY,IAAI,CAAA;AAChC,YAAA;AAAA,UAEF,KAAK,QAAA;AACH,YAAA,UAAA,CAAW,kBAAkB,KAAK,CAAA;AAAA;AACtC;AACF,KACF,MAAO;AACL,MAAA,IACE;AAAA,QACE,QAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,QACA,QAAA,CAAS,EAAA,CAAG,IAAI,CAAA,IACjB,GAAG,IAAA,KAAS,OAAA,IAAW,UAAA,CAAW,QAAA,CAAS,cAAc,CAAA,IACzD,EAAA,CAAG,IAAA,KAAS,OAAA,IAAW,GAAG,OAAA,EAC3B;AACA,QAAA,EAAA,CAAG,cAAA,EAAe;AAAA;AAEpB,MAAA,QAAQ,GAAG,IAAA;AAAM,QACf,KAAK,OAAA;AACH,UAAA,UAAA,CAAW,IAAA,CAAK,YAAY,IAAI,CAAA;AAChC,UAAA,UAAA,CAAW,iBAAA,EAAkB;AAC7B,UAAA;AAAA,QACF,KAAK,OAAA;AACH,UAAA;AACE,YAAA,IAAI,GAAG,OAAA,EAAS;AACd,cAAA,MAAM,GAAA,GAAO,EAAA,CAAG,MAAA,EAAwB,OAAA,CAAQ,IAAI,CAAA;AACpD,cAAA,IAAI,eAAe,WAAA,EAAa;AAC9B,gBAAA,MAAA,CAAO,UAAA,EAAY,GAAG,CAAA,CAAG,eAAA,EAAgB;AAAA;AAC3C;AACF;AAEF,UAAA;AAAA,QACF,KAAK,SAAA;AAAA,QACL,KAAK,WAAA;AAAA,QACL,KAAK,WAAA;AAAA,QACL,KAAK,YAAA;AAAA,QACL,KAAK,MAAA;AAAA,QACL,KAAK,KAAA;AAAA,QACL,KAAK,QAAA;AAAA,QACL,KAAK,UAAA;AACH,UAAA,cAAA,CAAe,YAAY,EAAE,CAAA;AAC7B,UAAA;AAAA;AACJ;AACF,GACF;AACF;;;;"}

package/dist/data/plugins/TablePlugin.d.ts

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'react';
+import { Cell } from '../primitive/Cell.js';
+import { Row } from '../primitive/Row.js';
+import { TableController } from '../TableController.js';
+import { Element } from '../primitive/Element.js';
+import { RowsGroup } from '../primitive/RowsGroup.js';
+import { FocusControllerPlugin } from './FocusControllerPlugin/index.js';
+import { WaiAriaPlugin } from './WaiAriaPlugin.js';
+
+/**
+ * This class is the default way to customize the table behavior.
+ */
+interface TablePlugin {
+    getRenderers?: () => {
+        cell?: React.FC<{
+            cell: Cell;
+        }>;
+    };
+    onAddRow?: (controller: TableController, target: RowsGroup<any>, newRow: Row) => void;
+    onResize?: (controller: TableController, colName: string, newSize: number) => void;
+    /**
+     * This hook is called when the table is renderized.
+     * The elements returned by this hook will be added to the dom of the element.
+     */
+    useElementDomProps?: (controller: TableController, _element: TableController | Element<any>, _context: any) => HTMLAttributes<HTMLElement>;
+}
+declare const defaultPlugins: () => (FocusControllerPlugin | WaiAriaPlugin)[];
+
+export { type TablePlugin, defaultPlugins };
+//# sourceMappingURL=TablePlugin.d.ts.map

package/dist/data/plugins/TablePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePlugin.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/plugins/TablePlugin.js

@@ -0,0 +1,10 @@
+import { FocusControllerPlugin } from './FocusControllerPlugin/index.js';
+import { WaiAriaPlugin } from './WaiAriaPlugin.js';
+
+const defaultPlugins = () => [
+  new WaiAriaPlugin(),
+  new FocusControllerPlugin()
+];
+
+export { defaultPlugins };
+//# sourceMappingURL=TablePlugin.js.map

package/dist/data/plugins/TablePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePlugin.js","sources":["../../../src/data/plugins/TablePlugin.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\r\nimport type { TableController, Row, Cell } from '..';\r\nimport type { Element } from '../primitive/Element';\r\nimport type { RowsGroup } from '../primitive/RowsGroup';\r\nimport { FocusControllerPlugin } from './FocusControllerPlugin';\r\nimport { WaiAriaPlugin } from './WaiAriaPlugin';\r\n\r\nexport type TDistinctorProperties = HTMLAttributes<HTMLElement>;\r\n\r\n/**\r\n * This class is the default way to customize the table behavior.\r\n */\r\nexport interface TablePlugin {\r\n  getRenderers?: () => {\r\n    cell?: React.FC<{\r\n      cell: Cell;\r\n    }>;\r\n  };\r\n\r\n  onAddRow?: (\r\n    controller: TableController,\r\n    target: RowsGroup<any>,\r\n    newRow: Row,\r\n  ) => void;\r\n\r\n  onResize?: (\r\n    controller: TableController,\r\n    colName: string,\r\n    newSize: number,\r\n  ) => void;\r\n\r\n  /**\r\n   * This hook is called when the table is renderized.\r\n   * The elements returned by this hook will be added to the dom of the element.\r\n   */\r\n  useElementDomProps?: (\r\n    controller: TableController,\r\n    _element: TableController | Element<any>,\r\n    _context: any,\r\n  ) => HTMLAttributes<HTMLElement>;\r\n}\r\n\r\nexport const defaultPlugins = () => [\r\n  new WaiAriaPlugin(),\r\n  new FocusControllerPlugin(),\r\n];\r\n"],"names":[],"mappings":";;;AA0CO,MAAM,iBAAiB,MAAM;AAAA,EAClC,IAAI,aAAA,EAAc;AAAA,EAClB,IAAI,qBAAA;AACN;;;;"}

package/dist/data/plugins/WaiAriaPlugin.d.ts

@@ -0,0 +1,42 @@
+import { Element } from '../primitive/Element.js';
+import { TableController } from '../TableController.js';
+import { TablePlugin } from './TablePlugin.js';
+
+declare class WaiAriaPlugin implements TablePlugin {
+    useElementDomProps(controller: TableController, element: TableController | Element<any>, context: any): {
+        'aria-selected': boolean;
+        'aria-rowindex': any;
+        'aria-colindex'?: undefined;
+        role?: undefined;
+        'aria-multiselectable'?: undefined;
+        'aria-colcount'?: undefined;
+        'aria-rowcount'?: undefined;
+    } | {
+        'aria-colindex': any;
+        'aria-selected'?: undefined;
+        'aria-rowindex'?: undefined;
+        role?: undefined;
+        'aria-multiselectable'?: undefined;
+        'aria-colcount'?: undefined;
+        'aria-rowcount'?: undefined;
+    } | {
+        role: string;
+        'aria-multiselectable': boolean | undefined;
+        'aria-colcount': number;
+        'aria-rowcount': number;
+        'aria-selected'?: undefined;
+        'aria-rowindex'?: undefined;
+        'aria-colindex'?: undefined;
+    } | {
+        'aria-selected'?: undefined;
+        'aria-rowindex'?: undefined;
+        'aria-colindex'?: undefined;
+        role?: undefined;
+        'aria-multiselectable'?: undefined;
+        'aria-colcount'?: undefined;
+        'aria-rowcount'?: undefined;
+    };
+}
+
+export { WaiAriaPlugin };
+//# sourceMappingURL=WaiAriaPlugin.d.ts.map

package/dist/data/plugins/WaiAriaPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaiAriaPlugin.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/plugins/WaiAriaPlugin.js

@@ -0,0 +1,29 @@
+import { Cell } from '../primitive/Cell.js';
+import { Row } from '../primitive/Row.js';
+
+class WaiAriaPlugin {
+  useElementDomProps(controller, element, context) {
+    if (element instanceof Row) {
+      const base = element.getContainer() === controller.head ? 0 : controller.head.rows.length;
+      return {
+        "aria-selected": element.isSelected,
+        "aria-rowindex": context + base + 1
+      };
+    } else if (element instanceof Cell) {
+      return {
+        "aria-colindex": context + 1
+      };
+    } else if (element === controller) {
+      return {
+        role: "treegrid",
+        "aria-multiselectable": controller.getState("allowSelection") && controller.getState("isSelectionMultiple") ? true : void 0,
+        "aria-colcount": controller.head.rows[0]?.cells.length || 0,
+        "aria-rowcount": controller.head.rows.length + controller.body.rows.length
+      };
+    }
+    return {};
+  }
+}
+
+export { WaiAriaPlugin };
+//# sourceMappingURL=WaiAriaPlugin.js.map

package/dist/data/plugins/WaiAriaPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaiAriaPlugin.js","sources":["../../../src/data/plugins/WaiAriaPlugin.ts"],"sourcesContent":["import { Cell } from '../primitive/Cell';\r\nimport type { Element } from '../primitive/Element';\r\nimport { Row } from '../primitive/Row';\r\nimport type { TableController } from '../TableController';\r\nimport type { TablePlugin } from './TablePlugin';\r\n\r\nexport class WaiAriaPlugin implements TablePlugin {\r\n  public useElementDomProps(\r\n    controller: TableController,\r\n    element: TableController | Element<any>,\r\n    context: any,\r\n  ) {\r\n    if (element instanceof Row) {\r\n      const base =\r\n        element.getContainer() === controller.head\r\n          ? 0\r\n          : controller.head.rows.length;\r\n      return {\r\n        'aria-selected': element.isSelected,\r\n        'aria-rowindex': context + base + 1,\r\n      };\r\n    } else if (element instanceof Cell) {\r\n      return {\r\n        'aria-colindex': context + 1,\r\n      };\r\n    } else if (element === controller) {\r\n      return {\r\n        role: 'treegrid',\r\n        'aria-multiselectable':\r\n          controller.getState('allowSelection') &&\r\n          controller.getState('isSelectionMultiple')\r\n            ? true\r\n            : undefined,\r\n        'aria-colcount': controller.head.rows[0]?.cells.length || 0,\r\n        'aria-rowcount':\r\n          controller.head.rows.length + controller.body.rows.length,\r\n      };\r\n    }\r\n\r\n    return {};\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAMO,MAAM,aAAA,CAAqC;AAAA,EACzC,kBAAA,CACL,UAAA,EACA,OAAA,EACA,OAAA,EACA;AACA,IAAA,IAAI,mBAAmB,GAAA,EAAK;AAC1B,MAAA,MAAM,IAAA,GACJ,QAAQ,YAAA,EAAa,KAAM,WAAW,IAAA,GAClC,CAAA,GACA,UAAA,CAAW,IAAA,CAAK,IAAA,CAAK,MAAA;AAC3B,MAAA,OAAO;AAAA,QACL,iBAAiB,OAAA,CAAQ,UAAA;AAAA,QACzB,eAAA,EAAiB,UAAU,IAAA,GAAO;AAAA,OACpC;AAAA,KACF,MAAA,IAAW,mBAAmB,IAAA,EAAM;AAClC,MAAA,OAAO;AAAA,QACL,iBAAiB,OAAA,GAAU;AAAA,OAC7B;AAAA,KACF,MAAA,IAAW,YAAY,UAAA,EAAY;AACjC,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,UAAA;AAAA,QACN,sBAAA,EACE,WAAW,QAAA,CAAS,gBAAgB,KACpC,UAAA,CAAW,QAAA,CAAS,qBAAqB,CAAA,GACrC,IAAA,GACA,MAAA;AAAA,QACN,iBAAiB,UAAA,CAAW,IAAA,CAAK,KAAK,CAAC,CAAA,EAAG,MAAM,MAAA,IAAU,CAAA;AAAA,QAC1D,iBACE,UAAA,CAAW,IAAA,CAAK,KAAK,MAAA,GAAS,UAAA,CAAW,KAAK,IAAA,CAAK;AAAA,OACvD;AAAA;AAGF,IAAA,OAAO,EAAC;AAAA;AAEZ;;;;"}

package/dist/data/primitive/AdditionalCell.d.ts

@@ -0,0 +1,11 @@
+import { Cell, CellState } from './Cell.js';
+
+declare class AdditionalCell extends Cell<CellState & {
+    expanded: boolean;
+}> {
+    constructor();
+    onToggle(): Promise<void>;
+}
+
+export { AdditionalCell };
+//# sourceMappingURL=AdditionalCell.d.ts.map

package/dist/data/primitive/AdditionalCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalCell.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/primitive/AdditionalCell.js

@@ -0,0 +1,38 @@
+import { Cell } from './Cell.js';
+
+class AdditionalCell extends Cell {
+  constructor() {
+    super({
+      expanded: false,
+      colName: "__additional",
+      domProperties: {
+        className: "additionalColumn",
+        style: {
+          width: "50px"
+        }
+      }
+    });
+  }
+  async onToggle() {
+    const { AdditionalRow } = await import('./AdditionalRow.js');
+    const currentIndex = this.getRow().getIndex();
+    if (!(this.getTable().body.getRowByIndex(currentIndex + 1) instanceof AdditionalRow)) {
+      const res = await this.table.onRowExpand(this.getRow());
+      if (res !== false) {
+        const newRow = new AdditionalRow(
+          `${this.getRow()?.getState("id")}__additional`,
+          res,
+          this.getRow()
+        );
+        this.getTable().body.insertAfter(this.getRow(), newRow);
+        this.state.expanded = true;
+      }
+    } else {
+      this.getTable().body.getRowByIndex(currentIndex + 1).remove();
+      this.state.expanded = false;
+    }
+  }
+}
+
+export { AdditionalCell };
+//# sourceMappingURL=AdditionalCell.js.map

package/dist/data/primitive/AdditionalCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalCell.js","sources":["../../../src/data/primitive/AdditionalCell.ts"],"sourcesContent":["import { Cell, type CellState } from './Cell';\r\n\r\nexport class AdditionalCell extends Cell<CellState & { expanded: boolean }> {\r\n  constructor() {\r\n    super({\r\n      expanded: false,\r\n      colName: '__additional',\r\n      domProperties: {\r\n        className: 'additionalColumn',\r\n        style: {\r\n          width: '50px',\r\n        },\r\n      },\r\n    });\r\n  }\r\n\r\n  async onToggle() {\r\n    const { AdditionalRow } = await import('./AdditionalRow');\r\n    const currentIndex = this.getRow()!.getIndex()!;\r\n    if (\r\n      !(\r\n        this.getTable().body.getRowByIndex(currentIndex + 1) instanceof\r\n        AdditionalRow\r\n      )\r\n    ) {\r\n      const res = await this.table.onRowExpand(this.getRow()!);\r\n\r\n      if (res !== false) {\r\n        const newRow = new AdditionalRow(\r\n          `${this.getRow()?.getState('id')}__additional`,\r\n          res,\r\n          this.getRow()!,\r\n        );\r\n\r\n        this.getTable().body.insertAfter(this.getRow()!, newRow);\r\n\r\n        this.state.expanded = true;\r\n      }\r\n    } else {\r\n      this.getTable()\r\n        .body.getRowByIndex(currentIndex + 1)\r\n        .remove();\r\n      this.state.expanded = false;\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAEO,MAAM,uBAAuB,IAAA,CAAwC;AAAA,EAC1E,WAAA,GAAc;AACZ,IAAA,KAAA,CAAM;AAAA,MACJ,QAAA,EAAU,KAAA;AAAA,MACV,OAAA,EAAS,cAAA;AAAA,MACT,aAAA,EAAe;AAAA,QACb,SAAA,EAAW,kBAAA;AAAA,QACX,KAAA,EAAO;AAAA,UACL,KAAA,EAAO;AAAA;AACT;AACF,KACD,CAAA;AAAA;AACH,EAEA,MAAM,QAAA,GAAW;AACf,IAAA,MAAM,EAAE,aAAA,EAAc,GAAI,MAAM,OAAO,oBAAiB,CAAA;AACxD,IAAA,MAAM,YAAA,GAAe,IAAA,CAAK,MAAA,EAAO,CAAG,QAAA,EAAS;AAC7C,IAAA,IACE,EACE,KAAK,QAAA,EAAS,CAAE,KAAK,aAAA,CAAc,YAAA,GAAe,CAAC,CAAA,YACnD,aAAA,CAAA,EAEF;AACA,MAAA,MAAM,MAAM,MAAM,IAAA,CAAK,MAAM,WAAA,CAAY,IAAA,CAAK,QAAS,CAAA;AAEvD,MAAA,IAAI,QAAQ,KAAA,EAAO;AACjB,QAAA,MAAM,SAAS,IAAI,aAAA;AAAA,UACjB,GAAG,IAAA,CAAK,MAAA,EAAO,EAAG,QAAA,CAAS,IAAI,CAAC,CAAA,YAAA,CAAA;AAAA,UAChC,GAAA;AAAA,UACA,KAAK,MAAA;AAAO,SACd;AAEA,QAAA,IAAA,CAAK,UAAS,CAAE,IAAA,CAAK,YAAY,IAAA,CAAK,MAAA,IAAW,MAAM,CAAA;AAEvD,QAAA,IAAA,CAAK,MAAM,QAAA,GAAW,IAAA;AAAA;AACxB,KACF,MAAO;AACL,MAAA,IAAA,CAAK,UAAS,CACX,IAAA,CAAK,cAAc,YAAA,GAAe,CAAC,EACnC,MAAA,EAAO;AACV,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,KAAA;AAAA;AACxB;AAEJ;;;;"}

package/dist/data/primitive/AdditionalRow.d.ts

@@ -0,0 +1,12 @@
+import { Cell, CellState } from './Cell.js';
+import { Row } from './Row.js';
+
+declare class AdditionalRow extends Row {
+    additionalData: unknown;
+    parentRow: Row;
+    constructor(id: string, additionalData: unknown, parentRow: Row);
+    get cells(): Cell<CellState<any>>[];
+}
+
+export { AdditionalRow };
+//# sourceMappingURL=AdditionalRow.d.ts.map

package/dist/data/primitive/AdditionalRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalRow.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/primitive/AdditionalRow.js

@@ -0,0 +1,16 @@
+import { Row } from './Row.js';
+
+class AdditionalRow extends Row {
+  constructor(id, additionalData, parentRow) {
+    super(id);
+    this.additionalData = additionalData;
+    this.parentRow = parentRow;
+    this.setState("isSelectable", false);
+  }
+  get cells() {
+    return this.state.cells;
+  }
+}
+
+export { AdditionalRow };
+//# sourceMappingURL=AdditionalRow.js.map

package/dist/data/primitive/AdditionalRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalRow.js","sources":["../../../src/data/primitive/AdditionalRow.ts"],"sourcesContent":["import { Cell, type CellState } from './Cell';\r\nimport { Row } from './Row';\r\n\r\nexport class AdditionalRow extends Row {\r\n  constructor(\r\n    id: string,\r\n    public additionalData: unknown,\r\n    public parentRow: Row,\r\n  ) {\r\n    super(id);\r\n    this.setState('isSelectable', false);\r\n  }\r\n\r\n  get cells(): Cell<CellState<any>>[] {\r\n    return this.state.cells;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAGO,MAAM,sBAAsB,GAAA,CAAI;AAAA,EACrC,WAAA,CACE,EAAA,EACO,cAAA,EACA,SAAA,EACP;AACA,IAAA,KAAA,CAAM,EAAE,CAAA;AAHD,IAAA,IAAA,CAAA,cAAA,GAAA,cAAA;AACA,IAAA,IAAA,CAAA,SAAA,GAAA,SAAA;AAGP,IAAA,IAAA,CAAK,QAAA,CAAS,gBAAgB,KAAK,CAAA;AAAA;AACrC,EAEA,IAAI,KAAA,GAAgC;AAClC,IAAA,OAAO,KAAK,KAAA,CAAM,KAAA;AAAA;AAEtB;;;;"}

package/dist/data/primitive/Cell.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode, FC, ThHTMLAttributes } from 'react';
+import { Element } from './Element.js';
+import { Row } from './Row.js';
+
+type CellState<T extends CellState<any> = CellState<any>> = {
+    colName: string;
+    content?: ReactNode;
+    className?: string;
+    allowResize?: boolean;
+    isFocused?: boolean;
+    isHidden?: boolean;
+    isHtml?: boolean;
+    isBold?: boolean;
+    isDocument?: boolean;
+    documentUrl?: string;
+    tag?: 'td' | 'th;';
+    Renderer?: FC<{
+        cell: Cell<T>;
+    }>;
+    domProperties?: ThHTMLAttributes<HTMLTableCellElement>;
+    properties?: Record<string, unknown>;
+};
+declare class Cell<State extends CellState<any> = CellState<any>> extends Element<State> {
+    protected parentRow: Row | null;
+    getColumnName(): State["colName"];
+    getIndex(): number;
+    getRow(): Row | null;
+    setRow(row: Row | null): this;
+    /**
+     *
+     * @param doFocus - If true, the cell will be focused after being set as the focused cell.
+     *                 If false, the cell will contain the tabIndex = 0 but will not be focused.
+     */
+    focus(doFocus?: boolean): void;
+    updateState(state: Partial<State>): void;
+}
+
+export { Cell, type CellState };
+//# sourceMappingURL=Cell.d.ts.map

package/dist/data/primitive/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/primitive/Cell.js

@@ -0,0 +1,41 @@
+import { Element } from './Element.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+class Cell extends Element {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "parentRow", null);
+  }
+  getColumnName() {
+    return this.getState("colName");
+  }
+  getIndex() {
+    return this.getRow().getCellIndex(this);
+  }
+  getRow() {
+    return this.parentRow;
+  }
+  setRow(row) {
+    this.parentRow = row;
+    return this;
+  }
+  /**
+   *
+   * @param doFocus - If true, the cell will be focused after being set as the focused cell.
+   *                 If false, the cell will contain the tabIndex = 0 but will not be focused.
+   */
+  focus(doFocus = true) {
+    this.table.setFocusedCell(this, doFocus);
+  }
+  updateState(state) {
+    this.state = { ...this.state, ...state };
+  }
+}
+
+export { Cell };
+//# sourceMappingURL=Cell.js.map

package/dist/data/primitive/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../src/data/primitive/Cell.ts"],"sourcesContent":["import type { ThHTMLAttributes, ReactNode, FC } from 'react';\r\nimport { Element } from './Element';\r\nimport type { Row } from './Row';\r\n\r\nexport type CellState<T extends CellState<any> = CellState<any>> = {\r\n  colName: string;\r\n\r\n  content?: ReactNode;\r\n  className?: string;\r\n  allowResize?: boolean;\r\n  isFocused?: boolean;\r\n  isHidden?: boolean;\r\n  isHtml?: boolean;\r\n  isBold?: boolean;\r\n  isDocument?: boolean;\r\n  documentUrl?: string;\r\n  tag?: 'td' | 'th;';\r\n\r\n  Renderer?: FC<{ cell: Cell<T> }>;\r\n  domProperties?: ThHTMLAttributes<HTMLTableCellElement>;\r\n  properties?: Record<string, unknown>;\r\n};\r\n\r\nexport class Cell<\r\n  State extends CellState<any> = CellState<any>,\r\n> extends Element<State> {\r\n  protected parentRow: Row | null = null;\r\n\r\n  getColumnName() {\r\n    return this.getState('colName');\r\n  }\r\n\r\n  getIndex() {\r\n    return this.getRow()!.getCellIndex(this);\r\n  }\r\n\r\n  getRow() {\r\n    return this.parentRow;\r\n  }\r\n\r\n  setRow(row: Row | null) {\r\n    this.parentRow = row;\r\n    return this;\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param doFocus - If true, the cell will be focused after being set as the focused cell.\r\n   *                 If false, the cell will contain the tabIndex = 0 but will not be focused.\r\n   */\r\n  focus(doFocus: boolean = true) {\r\n    this.table.setFocusedCell(this, doFocus);\r\n  }\r\n\r\n  updateState(state: Partial<State>) {\r\n    this.state = { ...this.state, ...state };\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;AAuBO,MAAM,aAEH,OAAA,CAAe;AAAA,EAFlB,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAGL,IAAA,aAAA,CAAA,IAAA,EAAU,WAAA,EAAwB,IAAA,CAAA;AAAA;AAAA,EAElC,aAAA,GAAgB;AACd,IAAA,OAAO,IAAA,CAAK,SAAS,SAAS,CAAA;AAAA;AAChC,EAEA,QAAA,GAAW;AACT,IAAA,OAAO,IAAA,CAAK,MAAA,EAAO,CAAG,YAAA,CAAa,IAAI,CAAA;AAAA;AACzC,EAEA,MAAA,GAAS;AACP,IAAA,OAAO,IAAA,CAAK,SAAA;AAAA;AACd,EAEA,OAAO,GAAA,EAAiB;AACtB,IAAA,IAAA,CAAK,SAAA,GAAY,GAAA;AACjB,IAAA,OAAO,IAAA;AAAA;AACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,KAAA,CAAM,UAAmB,IAAA,EAAM;AAC7B,IAAA,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,IAAA,EAAM,OAAO,CAAA;AAAA;AACzC,EAEA,YAAY,KAAA,EAAuB;AACjC,IAAA,IAAA,CAAK,QAAQ,EAAE,GAAG,IAAA,CAAK,KAAA,EAAO,GAAG,KAAA,EAAM;AAAA;AAE3C;;;;"}

package/dist/data/primitive/Element.d.ts

@@ -0,0 +1,18 @@
+import { TableController } from '../TableController.js';
+
+type ElementBaseState = {
+    properties?: Record<string, unknown>;
+};
+declare abstract class Element<T extends ElementBaseState> {
+    protected state: T;
+    protected table: TableController;
+    constructor(state: T);
+    getTable(): TableController;
+    setTable(table: null | TableController): this;
+    getState<K extends keyof T>(prop: K): T[K];
+    setState(cb: (s: T) => T): this;
+    setState<K extends keyof T>(prop: K, value: T[K]): this;
+}
+
+export { Element, type ElementBaseState };
+//# sourceMappingURL=Element.d.ts.map

package/dist/data/primitive/Element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Element.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}