npm - @apia/table2-component - Versions diffs - 4.0.43 → 4.0.45 - Mend

@apia/table2-component 4.0.43 → 4.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, HTMLAttributes } from 'react';
-import { TableController, TablePlugin, Row, RowsGroup, Element } from '@apia/table2-controller';
+import { TableController, TablePlugin, Element } from '@apia/table2-controller';
 export * from '@apia/table2-controller';
 declare const TableContext: react.Context<TableController | null>;
@@ -14,14 +13,6 @@ declare const Table: (({ controller, variant, }: {
     displayName: string;
 };
-type AdditionalCellDataRetriever = (row: Row) => Promise<ReactNode>;
-declare class AdditionalInformationPlugin implements TablePlugin {
-    private onExpand;
-    constructor(onExpand: AdditionalCellDataRetriever);
-    onAddRow(_controller: TableController, target: RowsGroup<any>, newRow: Row): void;
-    useElementDomProps(_controller: TableController, element: TableController | Element<any>, _context: any): HTMLAttributes<HTMLElement>;
-}
 declare class SessionStorageResizePlugin implements TablePlugin {
     private prefix;
     constructor(prefix: string);
@@ -37,5 +28,5 @@ declare class SessionStorageResizePlugin implements TablePlugin {
     };
 }
-export { AdditionalInformationPlugin, SessionStorageResizePlugin, type TAvailableTables, Table, TableContext, useTable };
+export { SessionStorageResizePlugin, type TAvailableTables, Table, TableContext, useTable };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js CHANGED Viewed

@@ -1,12 +1,10 @@
-import { TableHead, Cell, Row as Row$1, TableBody } from '@apia/table2-controller';
+import { AdditionalCell, Cell, TableHead } from '@apia/table2-controller';
 export * from '@apia/table2-controller';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Box, Table as Table$1, getVariant, Spinner } from '@apia/theme';
-import { getLabel } from '@apia/util';
-import { makeObservable, action, observable } from 'mobx';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { observer } from 'mobx-react-lite';
-import { createElement, createContext, useContext, useMemo, lazy, Suspense } from 'react';
-import { IconButton } from '@apia/components';
+import { createElement, createContext, useContext } from 'react';
+import { Box, Input, Label, Table as Table$1, getVariant } from '@apia/theme';
+import { DateInput, IconButton } from '@apia/components';
 const Resizer = () => {
   const controller = useTable();
@@ -52,65 +50,228 @@ const Resizer = () => {
   );
 };
-const Head = observer(() => {
-  const controller = useTable();
-  const plugins = controller.getApplicablePlugins("useElementDomProps");
-  const CellsRendererPlugin = controller.getApplicablePlugins("getRenderers")[0]?.().cell;
-  return /* @__PURE__ */ jsx("thead", { ...controller.head.getState("domProperties"), children: [...controller.head.rows.values()].map((row, i) => {
+const HeaderRow = observer(
+  ({
+    children,
+    className,
+    row,
+    rowIndex
+  }) => {
+    const controller = useTable();
+    const plugins = controller.getApplicablePlugins("useElementDomProps");
+    const pluginProps = plugins.reduce((acc, plugin) => {
+      const props = plugin(row, rowIndex);
+      return { ...acc, ...props };
+    }, {});
     return /* @__PURE__ */ createElement(
       "tr",
       {
         ...row.getState("domProperties"),
-        ...plugins.reduce((acc, plugin) => {
-          const props = plugin(row, i);
-          return { ...acc, ...props };
-        }, {}),
+        ...pluginProps,
+        className: `${className || ""} ${row.getState("domProperties")?.className || ""} ${pluginProps.className || ""}`,
         key: row.getState("id"),
         "data-rowid": row.getState("id")
       },
-      row.cells.map((cell, j) => {
-        const Renderer = cell.getState("Renderer") || CellsRendererPlugin;
-        const content = cell.getState("content");
-        if (!controller.isColumnVisible(cell.getState("colName"))) {
-          return null;
+      children
+    );
+  }
+);
+const ColumnsRow = observer(() => {
+  const controller = useTable();
+  const plugins = controller.getApplicablePlugins("useElementDomProps");
+  const CellsRendererPlugin = controller.getApplicablePlugins("getRenderers")[0]?.().cell;
+  const row = controller.head.getHeaderRow();
+  if (!row) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(HeaderRow, { row, rowIndex: 0, children: row.cells.map((cell, j) => {
+    const Renderer = cell.getState("Renderer") || CellsRendererPlugin;
+    const content = cell.getState("content");
+    const pluginProps = plugins.reduce((acc, plugin) => {
+      const props = plugin(cell, j);
+      return { ...acc, ...props };
+    }, {});
+    return /* @__PURE__ */ createElement(
+      Box,
+      {
+        as: cell.getState("tag") === "td" ? "td" : "th",
+        ...cell.getState("domProperties"),
+        ...pluginProps,
+        "data-colname": cell.getState("colName"),
+        key: cell.getState("colName"),
+        sx: {
+          ...cell.getState("domProperties")?.style,
+          position: "relative",
+          ...pluginProps.style
         }
-        if (cell.getState("isHidden") || cell.getTable().getState("hiddenColumns").has(cell.getState("colName"))) {
-          return null;
+      },
+      Renderer ? /* @__PURE__ */ jsx(Renderer, { cell }) : content,
+      !(cell instanceof AdditionalCell) && controller.getState("allowResize") && /* @__PURE__ */ jsx(Resizer, {})
+    );
+  }) });
+});
+const InputFilter = observer(({ cell }) => {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      value: cell.getValue(),
+      onChange: (ev) => {
+        cell.setValue(ev.target.value);
+      },
+      onKeyDown: (ev) => {
+        if (ev.code === "Enter") {
+          cell.fire("enter");
         }
-        const pluginProps = plugins.reduce((acc, plugin) => {
-          const props = plugin(cell, j);
-          return { ...acc, ...props };
-        }, {});
-        return /* @__PURE__ */ createElement(
-          Box,
-          {
-            as: cell.getState("tag") === "td" ? "td" : "th",
-            ...cell.getState("domProperties"),
-            ...pluginProps,
-            "data-colname": cell.getState("colName"),
-            key: cell.getState("colName"),
-            sx: {
-              ...cell.getState("domProperties")?.style,
-              position: "relative",
-              ...pluginProps.style
-            }
-          },
-          Renderer ? /* @__PURE__ */ jsx(Renderer, { cell }) : content,
-          controller.getState("allowResize") && /* @__PURE__ */ jsx(Resizer, {})
-        );
-      })
+      },
+      onBlur: () => {
+        cell.fire("blur");
+      }
+    }
+  );
+});
+const DateFilter = observer(({ cell }) => {
+  return /* @__PURE__ */ jsx(
+    DateInput,
+    {
+      value: cell.getValue(),
+      onChange: (ev) => {
+        cell.setValue(ev);
+      }
+    }
+  );
+});
+const FilterRender = observer(({ cell }) => {
+  let Component = null;
+  switch (cell?.getState("type")) {
+    case "INPUT":
+      Component = InputFilter;
+      break;
+    case "DATE":
+      Component = DateFilter;
+      break;
+    case "DATERANGE":
+      Component = () => /* @__PURE__ */ jsx(Fragment, { children: "Not implemented" });
+      break;
+  }
+  if (!Component) {
+    return /* @__PURE__ */ jsx(Input, { disabled: true });
+  }
+  if (!cell.asAdditional()) {
+    return /* @__PURE__ */ jsx(Component, { cell });
+  }
+  return /* @__PURE__ */ jsxs(Label, { children: [
+    cell.getState("title"),
+    /* @__PURE__ */ jsx(Component, { cell })
+  ] });
+});
+const FiltersRow = observer(() => {
+  const controller = useTable();
+  const plugins = controller.getApplicablePlugins("useElementDomProps");
+  const row = controller.head.getFiltersRow();
+  if (!row) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(HeaderRow, { row, rowIndex: 1, className: "filtersRow", children: row.getCells().map((cell, j) => {
+    const Renderer = cell.getState("Renderer") || FilterRender;
+    const content = cell.getState("content");
+    const pluginProps = plugins.reduce((acc, plugin) => {
+      const props = plugin(cell, j);
+      return { ...acc, ...props };
+    }, {});
+    return /* @__PURE__ */ createElement(
+      Box,
+      {
+        as: "td",
+        ...cell.getState("domProperties"),
+        ...pluginProps,
+        "data-colname": cell.getState("colName"),
+        key: cell.getState("colName"),
+        sx: {
+          ...cell.getState("domProperties")?.style,
+          ...pluginProps.style
+        }
+      },
+      Renderer ? /* @__PURE__ */ jsx(Renderer, { cell }) : content
     );
   }) });
 });
+const Head = observer(() => {
+  const controller = useTable();
+  const plugins = controller.getApplicablePlugins("useElementDomProps");
+  const CellsRendererPlugin = controller.getApplicablePlugins("getRenderers")[0]?.().cell;
+  if (controller.head.getHeaderRow()) {
+    return /* @__PURE__ */ jsxs("thead", { ...controller.head.getState("domProperties"), children: [
+      /* @__PURE__ */ jsx(ColumnsRow, {}),
+      /* @__PURE__ */ jsx(FiltersRow, {})
+    ] });
+  }
+  return /* @__PURE__ */ jsx("thead", { ...controller.head.getState("domProperties"), children: [...controller.head.rows.values()].map((row, i) => {
+    return /* @__PURE__ */ jsx(HeaderRow, { row, rowIndex: i, children: row.cells.map((cell, j) => {
+      const Renderer = cell.getState("Renderer") || CellsRendererPlugin;
+      const content = cell.getState("content");
+      const pluginProps = plugins.reduce((acc, plugin) => {
+        const props = plugin(cell, j);
+        return { ...acc, ...props };
+      }, {});
+      if (cell.getState("isHidden")) {
+        return null;
+      }
+      return /* @__PURE__ */ createElement(
+        Box,
+        {
+          as: cell.getState("tag") === "td" ? "td" : "th",
+          ...cell.getState("domProperties"),
+          ...pluginProps,
+          "data-colname": cell.getState("colName"),
+          key: cell.getState("colName"),
+          sx: {
+            ...cell.getState("domProperties")?.style,
+            position: "relative",
+            ...pluginProps.style
+          }
+        },
+        Renderer ? /* @__PURE__ */ jsx(Renderer, { cell }) : content,
+        controller.getState("allowResize") && /* @__PURE__ */ jsx(Resizer, {})
+      );
+    }) });
+  }) });
+});
+const AdditionalCellRenderer = observer(
+  ({ cell: _ }) => {
+    const cell = _;
+    if (!cell.getTable().hasAdditionalContent()) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: "ArrowRight",
+        onClick: () => {
+          cell.onToggle();
+        }
+      }
+    );
+  }
+);
 const RowContent = observer(({ row }) => {
   const controller = useTable();
   const plugins = controller.getApplicablePlugins("useElementDomProps");
   const CellsRendererPlugin = controller.getApplicablePlugins("getRenderers")[0]?.().cell;
   return /* @__PURE__ */ jsx(Fragment, { children: row.cells.map((cell, i) => {
-    const Renderer = cell.getState("Renderer") || CellsRendererPlugin;
+    const Renderer = cell.getState("Renderer") || (cell instanceof AdditionalCell ? AdditionalCellRenderer : CellsRendererPlugin);
     const content = cell.getState("content");
-    const isHidden = !controller.isColumnVisible(cell.getState("colName")) || cell.getState("isHidden") || cell.getTable().getState("hiddenColumns").has(cell.getState("colName"));
+    const isHidden = controller.head.getHeaderRow()?.getColumn(cell.getColumnName()).isHidden?.() ?? controller.head.rows[0]?.cells.find((c) => c.getState("colName") === cell.getState("colName"))?.getState("isHidden");
+    if (controller.head.getHeaderRow()?.getColumn(cell.getColumnName()).asAdditional?.()) {
+      return null;
+    }
     return /* @__PURE__ */ createElement(
       "td",
       {
@@ -135,19 +296,22 @@ const Row = observer(
   ({ index, row }) => {
     const controller = useTable();
     const plugins = controller.getApplicablePlugins("useElementDomProps");
-    return /* @__PURE__ */ createElement(
-      "tr",
-      {
-        ...row.getState("domProperties"),
-        ...plugins.reduce((acc, plugin) => {
-          const props = plugin(row, index);
-          return { ...acc, ...props };
-        }, {}),
-        key: row.getState("id"),
-        "data-rowid": row.getState("id")
-      },
-      /* @__PURE__ */ jsx(RowContent, { row })
-    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ createElement(
+        "tr",
+        {
+          ...row.getState("domProperties"),
+          ...plugins.reduce((acc, plugin) => {
+            const props = plugin(row, index);
+            return { ...acc, ...props };
+          }, {}),
+          key: row.getState("id"),
+          "data-rowid": row.getState("id")
+        },
+        /* @__PURE__ */ jsx(RowContent, { row })
+      )
+    ] });
   }
 );
@@ -185,186 +349,6 @@ const Table = observer(
   }
 );
-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 AdditionalRow extends Row$1 {
-}
-const ExpandButtonRenderer = observer(({ cell }) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        transform: `rotate(${cell.expanded ? "90deg" : "0"})`,
-        transition: "transform 0.1s"
-      },
-      children: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          icon: "ArrowRight",
-          title: cell.expanded ? getLabel("lblCollapse").text : getLabel("lblExpand").text,
-          onClick: () => {
-            cell.toggle();
-          }
-        }
-      )
-    }
-  );
-});
-const AdditionalInfoRenderer = ({ cell }) => {
-  const C = useMemo(
-    () => lazy(async () => {
-      const result = await cell.retriever(cell.getRow().getPreviousRow());
-      return { default: () => result };
-    }),
-    [cell]
-  );
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Spinner, {}), children: /* @__PURE__ */ jsx(C, {}) });
-};
-class AdditionalInfoCell extends Cell {
-  constructor(props, retriever) {
-    super(props);
-    this.retriever = retriever;
-  }
-}
-class AdditionalCell extends Cell {
-  constructor(props, retriever) {
-    super(props);
-    this.retriever = retriever;
-    __publicField(this, "expanded", false);
-    makeObservable(this, {
-      expanded: observable,
-      expand: action,
-      toggle: action,
-      collapse: action
-    });
-  }
-  collapseAction() {
-    const row = this.getRow();
-    const container = row.getContainer();
-    const index = container.getRowIndex(row);
-    const nextRow = container.getRowByIndex(index + 1);
-    if (nextRow instanceof AdditionalRow) {
-      nextRow.remove();
-      this.expanded = false;
-    }
-  }
-  expandAction() {
-    const row = this.getRow();
-    const container = row.getContainer();
-    const index = container.getRowIndex(row);
-    const nextRow = container.getRowByIndex(index + 1);
-    if (!(nextRow instanceof AdditionalRow)) {
-      const newRow = new AdditionalRow(`${row.getState("id")}-additional`);
-      newRow.addCell(
-        new AdditionalInfoCell(
-          {
-            colName: "additional",
-            Renderer: AdditionalInfoRenderer,
-            domProperties: { colSpan: row.cells.length }
-          },
-          this.retriever
-        )
-      );
-      container.insertAfter(row, newRow);
-      this.expanded = true;
-    }
-  }
-  collapse() {
-    const row = this.getRow();
-    const container = row.getContainer();
-    const index = container.getRowIndex(row);
-    if (index !== -1) {
-      this.collapseAction();
-    }
-  }
-  expand() {
-    const row = this.getRow();
-    const container = row.getContainer();
-    const index = container.getRowIndex(row);
-    if (index !== -1) {
-      this.expandAction();
-    }
-  }
-  toggle() {
-    if (this.expanded) {
-      this.collapseAction();
-    } else {
-      this.expandAction();
-    }
-  }
-}
-class AdditionalInformationPlugin {
-  constructor(onExpand) {
-    this.onExpand = onExpand;
-  }
-  onAddRow(_controller, target, newRow) {
-    if (!(newRow instanceof AdditionalRow)) {
-      let newCell;
-      if (target instanceof TableHead) {
-        newCell = new Cell({
-          colName: "additional",
-          Renderer: () => null,
-          domProperties: {
-            className: "additional-column"
-          }
-        });
-      } else {
-        newCell = new AdditionalCell(
-          {
-            colName: "additional",
-            Renderer: ExpandButtonRenderer,
-            domProperties: {
-              className: "additional-column"
-            }
-          },
-          this.onExpand
-        );
-      }
-      if (newRow.cells.length) {
-        newRow.addCellBefore(newRow.cells[0], newCell);
-      } else {
-        newRow.addCell(newCell);
-      }
-    }
-  }
-  useElementDomProps(_controller, element, _context) {
-    if (element instanceof Row$1 && element.getContainer() instanceof TableBody) {
-      return {
-        "aria-expanded": element instanceof AdditionalRow ? void 0 : element.cells.find(
-          (c) => c instanceof AdditionalCell
-        )?.expanded,
-        onKeyDown: (ev) => {
-          let row = element;
-          if (element instanceof AdditionalRow) {
-            row = row.getContainer()?.getRowByIndex(row.getContainer().getRowIndex(row) - 1);
-          }
-          if (ev.code === "ArrowRight" && ev.ctrlKey) {
-            ev.stopPropagation();
-            ev.preventDefault();
-            row.cells.find(
-              (c) => c instanceof AdditionalCell
-            )?.expand();
-          } else if (ev.code === "ArrowLeft" && ev.ctrlKey) {
-            ev.stopPropagation();
-            ev.preventDefault();
-            row.cells.find(
-              (c) => c instanceof AdditionalCell
-            )?.collapse();
-            if (element instanceof AdditionalRow) {
-              row.cells[0].focus();
-            }
-          }
-        }
-      };
-    }
-    return {};
-  }
-}
 class SessionStorageResizePlugin {
   constructor(prefix) {
     this.prefix = prefix;
@@ -376,7 +360,7 @@ class SessionStorageResizePlugin {
     sessionStorage.setItem(this.buildId(colName), String(newSize));
   }
   useElementDomProps(_controller, element) {
-    if (element instanceof Cell) {
+    if (element instanceof Cell && !(element instanceof AdditionalCell)) {
       if (element.getRow().getContainer() instanceof TableHead) {
         const storedSize = sessionStorage.getItem(
           this.buildId(element.getState("colName"))
@@ -395,5 +379,5 @@ class SessionStorageResizePlugin {
   }
 }
-export { AdditionalInformationPlugin, SessionStorageResizePlugin, Table, TableContext, useTable };
+export { SessionStorageResizePlugin, Table, TableContext, useTable };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/component/Resizer.tsx","../src/component/Head.tsx","../src/component/Body/Row.tsx","../src/component/Body/Body.tsx","../src/component/Table.tsx","../src/plugins/AdditionalInformationPlugin.tsx","../src/plugins/SessionStorageResizePlugin.ts"],"sourcesContent":["import { useTable } from './Table';\r\n\r\nexport const Resizer = () => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('onResize');\r\n\r\n return (\r\n <div\r\n style={{\r\n cursor: 'ew-resize',\r\n position: 'absolute',\r\n right: 0,\r\n width: '30px',\r\n opacity: 0,\r\n height: '100%',\r\n top: 0,\r\n transform: 'translateX(15px)',\r\n zIndex: 2,\r\n }}\r\n className=\"resizer\"\r\n onMouseDown={(ev) => {\r\n const el = (ev.target as HTMLElement)?.closest?.('.resizer');\r\n const th = (ev.target as HTMLElement)?.closest?.('th');\r\n\r\n const colName = th?.dataset.colname;\r\n\r\n if (el instanceof HTMLElement && th instanceof HTMLElement && colName) {\r\n const initialX = ev.clientX;\r\n const initialWidth = th.getBoundingClientRect().width;\r\n\r\n const handleResize = (ev: MouseEvent) => {\r\n const dif = ev.clientX - initialX;\r\n th.style.width = `${initialWidth + dif}px`;\r\n th.style.maxWidth = `${initialWidth + dif}px`;\r\n\r\n plugins.forEach((c) => c(colName, initialWidth + dif));\r\n };\r\n\r\n const breakSubscription = () => {\r\n document.removeEventListener('mousemove', handleResize);\r\n document.removeEventListener('mouseup', breakSubscription);\r\n };\r\n\r\n document.addEventListener('mousemove', handleResize);\r\n document.addEventListener('mouseup', breakSubscription);\r\n }\r\n }}\r\n >\r\n {' '}\r\n </div>\r\n );\r\n};\r\n","import { observer } from 'mobx-react-lite';\r\nimport { useTable } from './Table';\r\nimport { Resizer } from './Resizer';\r\nimport { Box } from '@apia/theme';\r\n\r\nexport const Head = observer(() => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n const CellsRendererPlugin =\r\n controller.getApplicablePlugins('getRenderers')[0]?.().cell;\r\n\r\n return (\r\n <thead {...controller.head.getState('domProperties')}>\r\n {[...controller.head.rows.values()].map((row, i) => {\r\n return (\r\n <tr\r\n {...row.getState('domProperties')}\r\n {...plugins.reduce((acc, plugin) => {\r\n const props = plugin(row, i);\r\n return { ...acc, ...props };\r\n }, {})}\r\n key={row.getState('id')}\r\n data-rowid={row.getState('id')}\r\n >\r\n {row.cells.map((cell, j) => {\r\n const Renderer = cell.getState('Renderer') \|\| CellsRendererPlugin;\r\n const content = cell.getState('content');\r\n\r\n if (!controller.isColumnVisible(cell.getState('colName'))) {\r\n return null;\r\n }\r\n\r\n if (\r\n cell.getState('isHidden') \|\|\r\n cell\r\n .getTable()\r\n .getState('hiddenColumns')\r\n .has(cell.getState('colName'))\r\n ) {\r\n return null;\r\n }\r\n\r\n const pluginProps = plugins.reduce<any>((acc, plugin) => {\r\n const props = plugin(cell, j);\r\n return { ...acc, ...props };\r\n }, {});\r\n\r\n return (\r\n <Box\r\n as={cell.getState('tag') === 'td' ? 'td' : 'th'}\r\n {...cell.getState('domProperties')}\r\n {...pluginProps}\r\n data-colname={cell.getState('colName')}\r\n key={cell.getState('colName')}\r\n sx={{\r\n ...cell.getState('domProperties')?.style,\r\n position: 'relative',\r\n ...pluginProps.style,\r\n }}\r\n >\r\n {Renderer ? <Renderer cell={cell} /> : content}\r\n {controller.getState('allowResize') && <Resizer />}\r\n </Box>\r\n );\r\n })}\r\n </tr>\r\n );\r\n })}\r\n </thead>\r\n );\r\n});\r\n","import { observer } from 'mobx-react-lite';\r\nimport { Row as RowInstance } from '@apia/table2-controller';\r\nimport { useTable } from '../Table';\r\n\r\nconst RowContent = observer(({ row }: { row: RowInstance }) => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n const CellsRendererPlugin =\r\n controller.getApplicablePlugins('getRenderers')[0]?.().cell;\r\n\r\n return (\r\n <>\r\n {row.cells.map((cell, i) => {\r\n const Renderer = cell.getState('Renderer') \|\| CellsRendererPlugin;\r\n const content = cell.getState('content');\r\n\r\n const isHidden =\r\n !controller.isColumnVisible(cell.getState('colName')) \|\|\r\n cell.getState('isHidden') \|\|\r\n cell\r\n .getTable()\r\n .getState('hiddenColumns')\r\n .has(cell.getState('colName'));\r\n\r\n return (\r\n <td\r\n {...cell.getState('domProperties')}\r\n {...plugins.reduce((acc, plugin) => {\r\n const props = plugin(cell, i);\r\n return { ...acc, ...props };\r\n }, {})}\r\n style={{\r\n display: isHidden ? 'none' : 'table-cell',\r\n ...cell.getState('domProperties')?.style,\r\n maxWidth: 0,\r\n }}\r\n data-colname={cell.getState('colName')}\r\n key={cell.getState('colName')}\r\n >\r\n {Renderer ? <Renderer cell={cell} /> : content}\r\n </td>\r\n );\r\n })}\r\n </>\r\n );\r\n});\r\n\r\nexport const Row = observer(\r\n ({ index, row }: { index: number; row: RowInstance }) => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n\r\n return (\r\n <tr\r\n {...row.getState('domProperties')}\r\n {...plugins.reduce((acc, plugin) => {\r\n const props = plugin(row, index);\r\n return { ...acc, ...props };\r\n }, {})}\r\n key={row.getState('id')}\r\n data-rowid={row.getState('id')}\r\n >\r\n <RowContent row={row} />\r\n </tr>\r\n );\r\n },\r\n);\r\n","import { observer } from 'mobx-react-lite';\r\nimport { useTable } from '../Table';\r\nimport { Row } from './Row';\r\n\r\nexport const Body = observer(() => {\r\n const controller = useTable();\r\n\r\n return (\r\n <tbody {...controller.body.getState('domProperties')}>\r\n {controller.body.getState('rows').map((row, i) => (\r\n <Row key={row.getState('id')} index={i} row={row} />\r\n ))}\r\n </tbody>\r\n );\r\n});\r\n","import { observer } from 'mobx-react-lite';\r\nimport { TableController } from '@apia/table2-controller';\r\nimport { createContext, HTMLAttributes, useContext } from 'react';\r\nimport { getVariant, Table as PrimitiveTable } from '@apia/theme';\r\nimport { Head } from './Head';\r\nimport { Body } from './Body/Body';\r\n\r\nexport const TableContext = createContext<TableController \| null>(null);\r\nexport type TAvailableTables = 'primary' \| 'secondary' \| 'clean';\r\n\r\nexport function useTable() {\r\n return useContext(TableContext)!;\r\n}\r\n\r\nexport const Table = observer(\r\n ({\r\n controller,\r\n variant = 'primary',\r\n }: {\r\n controller: TableController;\r\n variant?: TAvailableTables;\r\n }) => {\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n const props: HTMLAttributes<HTMLElement> = plugins.reduce((acc, plugin) => {\r\n const props = plugin(controller, null);\r\n return { ...acc, ...props };\r\n }, {});\r\n\r\n return (\r\n <TableContext.Provider value={controller}>\r\n <PrimitiveTable\r\n {...props}\r\n className={`${controller.isEditionMode ? 'editionMode' : ''} ${props.className \|\| ''}`}\r\n {...getVariant(`layout.common.tables.${variant}`)}\r\n >\r\n <Head />\r\n <Body />\r\n </PrimitiveTable>\r\n </TableContext.Provider>\r\n );\r\n },\r\n);\r\n","import {\r\n Row,\r\n Cell,\r\n CellState,\r\n TablePlugin,\r\n TableController,\r\n TableHead,\r\n TableBody,\r\n RowsGroup,\r\n Element,\r\n} from '@apia/table2-controller';\r\nimport { Box, Spinner } from '@apia/theme';\r\nimport { getLabel } from '@apia/util';\r\nimport { makeObservable, observable, action } from 'mobx';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { ReactNode, useMemo, lazy, Suspense, HTMLAttributes } from 'react';\r\nimport { IconButton } from '@apia/components';\r\n\r\ntype AdditionalCellDataRetriever = (row: Row) => Promise<ReactNode>;\r\n\r\nclass AdditionalRow extends Row {}\r\n\r\nconst ExpandButtonRenderer = observer(({ cell }: { cell: AdditionalCell }) => {\r\n return (\r\n <Box\r\n sx={{\r\n transform: `rotate(${cell.expanded ? '90deg' : '0'})`,\r\n transition: 'transform 0.1s',\r\n }}\r\n >\r\n <IconButton\r\n icon=\"ArrowRight\"\r\n title={\r\n cell.expanded\r\n ? getLabel('lblCollapse').text\r\n : getLabel('lblExpand').text\r\n }\r\n onClick={() => {\r\n cell.toggle();\r\n }}\r\n />\r\n </Box>\r\n );\r\n});\r\n\r\nconst AdditionalInfoRenderer = ({ cell }: { cell: AdditionalInfoCell }) => {\r\n const C = useMemo(\r\n () =>\r\n lazy(async () => {\r\n const result = await cell.retriever(cell.getRow()!.getPreviousRow());\r\n return { default: () => result as ReactNode };\r\n }),\r\n [cell],\r\n );\r\n return (\r\n <Suspense fallback={<Spinner />}>\r\n <C />\r\n </Suspense>\r\n );\r\n};\r\n\r\nclass AdditionalInfoCell extends Cell {\r\n constructor(\r\n props: CellState,\r\n public retriever: AdditionalCellDataRetriever,\r\n ) {\r\n super(props);\r\n }\r\n}\r\n\r\nclass AdditionalCell extends Cell {\r\n expanded = false;\r\n\r\n constructor(\r\n props: CellState,\r\n public retriever: AdditionalCellDataRetriever,\r\n ) {\r\n super(props);\r\n\r\n makeObservable(this, {\r\n expanded: observable,\r\n expand: action,\r\n toggle: action,\r\n collapse: action,\r\n });\r\n }\r\n\r\n private collapseAction() {\r\n const row = this.getRow()!;\r\n const container = row.getContainer()!;\r\n const index = container.getRowIndex(row);\r\n\r\n const nextRow = container.getRowByIndex(index + 1);\r\n if (nextRow instanceof AdditionalRow) {\r\n nextRow.remove();\r\n this.expanded = false;\r\n }\r\n }\r\n\r\n private expandAction() {\r\n const row = this.getRow()!;\r\n const container = row.getContainer()!;\r\n const index = container.getRowIndex(row);\r\n\r\n const nextRow = container.getRowByIndex(index + 1);\r\n\r\n if (!(nextRow instanceof AdditionalRow)) {\r\n const newRow = new AdditionalRow(`${row.getState('id')}-additional`);\r\n newRow.addCell(\r\n new AdditionalInfoCell(\r\n {\r\n colName: 'additional',\r\n Renderer: AdditionalInfoRenderer as any,\r\n domProperties: { colSpan: row.cells.length },\r\n },\r\n this.retriever,\r\n ),\r\n );\r\n container.insertAfter(row, newRow);\r\n this.expanded = true;\r\n }\r\n }\r\n\r\n collapse() {\r\n const row = this.getRow()!;\r\n const container = row.getContainer()!;\r\n const index = container.getRowIndex(row);\r\n\r\n if (index !== -1) {\r\n this.collapseAction();\r\n }\r\n }\r\n\r\n expand() {\r\n const row = this.getRow()!;\r\n const container = row.getContainer()!;\r\n const index = container.getRowIndex(row);\r\n\r\n if (index !== -1) {\r\n this.expandAction();\r\n }\r\n }\r\n\r\n toggle() {\r\n if (this.expanded) {\r\n this.collapseAction();\r\n } else {\r\n this.expandAction();\r\n }\r\n }\r\n}\r\n\r\nexport class AdditionalInformationPlugin implements TablePlugin {\r\n constructor(private onExpand: AdditionalCellDataRetriever) {}\r\n\r\n onAddRow(_controller: TableController, target: RowsGroup<any>, newRow: Row) {\r\n if (!(newRow instanceof AdditionalRow)) {\r\n let newCell: Cell \| undefined;\r\n\r\n if (target instanceof TableHead) {\r\n newCell = new Cell({\r\n colName: 'additional',\r\n Renderer: () => null,\r\n domProperties: {\r\n className: 'additional-column',\r\n },\r\n });\r\n } else {\r\n newCell = new AdditionalCell(\r\n {\r\n colName: 'additional',\r\n Renderer: ExpandButtonRenderer as any,\r\n domProperties: {\r\n className: 'additional-column',\r\n },\r\n },\r\n this.onExpand,\r\n );\r\n }\r\n\r\n if (newRow.cells.length) {\r\n newRow.addCellBefore(newRow.cells[0], newCell);\r\n } else {\r\n newRow.addCell(newCell);\r\n }\r\n }\r\n }\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 if (element instanceof Row && element.getContainer() instanceof TableBody) {\r\n return {\r\n 'aria-expanded':\r\n element instanceof AdditionalRow\r\n ? undefined\r\n : (\r\n element.cells.find(\r\n (c) => c instanceof AdditionalCell,\r\n ) as AdditionalCell\r\n )?.expanded,\r\n onKeyDown: (ev) => {\r\n let row = element as Row;\r\n if (element instanceof AdditionalRow) {\r\n row = row\r\n .getContainer()\r\n ?.getRowByIndex(row.getContainer()!.getRowIndex(row) - 1) as Row;\r\n }\r\n\r\n if (ev.code === 'ArrowRight' && ev.ctrlKey) {\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n (\r\n row.cells.find(\r\n (c) => c instanceof AdditionalCell,\r\n ) as AdditionalCell\r\n )?.expand();\r\n } else if (ev.code === 'ArrowLeft' && ev.ctrlKey) {\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n (\r\n row.cells.find(\r\n (c) => c instanceof AdditionalCell,\r\n ) as AdditionalCell\r\n )?.collapse();\r\n if (element instanceof AdditionalRow) {\r\n row.cells[0].focus();\r\n }\r\n }\r\n },\r\n };\r\n }\r\n\r\n return {};\r\n }\r\n}\r\n","import {\r\n TablePlugin,\r\n TableController,\r\n Cell,\r\n TableHead,\r\n Element,\r\n} from '@apia/table2-controller';\r\n\r\nexport class SessionStorageResizePlugin implements TablePlugin {\r\n constructor(private prefix: string) {}\r\n\r\n private buildId(colName: string) {\r\n return `${window.TAB_ID_REQUEST}_${this.prefix}_${colName}`;\r\n }\r\n\r\n onResize(_controller: TableController, colName: string, newSize: number) {\r\n sessionStorage.setItem(this.buildId(colName), String(newSize));\r\n }\r\n useElementDomProps(\r\n _controller: TableController,\r\n element: TableController \| Element<any>,\r\n ) {\r\n if (element instanceof Cell) {\r\n if (element.getRow()!.getContainer() instanceof TableHead) {\r\n const storedSize = sessionStorage.getItem(\r\n this.buildId(element.getState('colName')),\r\n );\r\n\r\n if (storedSize) {\r\n return {\r\n style: {\r\n maxWidth: `${Number.parseInt(storedSize)}px`,\r\n width: `${Number.parseInt(storedSize)}px`,\r\n },\r\n };\r\n }\r\n }\r\n }\r\n return {};\r\n }\r\n}\r\n"],"names":["ev","props","PrimitiveTable","Row"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/component/Resizer.tsx","../src/component/Head/HeaderRow.tsx","../src/component/Head/ColumnsRow.tsx","../src/component/filters/InputFilter.tsx","../src/component/filters/DateFilter.tsx","../src/component/filters/FilterRender.tsx","../src/component/Head/FiltersRow.tsx","../src/component/Head/Head.tsx","../src/component/Body/AdditionalCellRenderer.tsx","../src/component/Body/Row.tsx","../src/component/Body/Body.tsx","../src/component/Table.tsx","../src/plugins/SessionStorageResizePlugin.ts"],"sourcesContent":["import { useTable } from './Table';\r\n\r\nexport const Resizer = () => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('onResize');\r\n\r\n return (\r\n <div\r\n style={{\r\n cursor: 'ew-resize',\r\n position: 'absolute',\r\n right: 0,\r\n width: '30px',\r\n opacity: 0,\r\n height: '100%',\r\n top: 0,\r\n transform: 'translateX(15px)',\r\n zIndex: 2,\r\n }}\r\n className=\"resizer\"\r\n onMouseDown={(ev) => {\r\n const el = (ev.target as HTMLElement)?.closest?.('.resizer');\r\n const th = (ev.target as HTMLElement)?.closest?.('th');\r\n\r\n const colName = th?.dataset.colname;\r\n\r\n if (el instanceof HTMLElement && th instanceof HTMLElement && colName) {\r\n const initialX = ev.clientX;\r\n const initialWidth = th.getBoundingClientRect().width;\r\n\r\n const handleResize = (ev: MouseEvent) => {\r\n const dif = ev.clientX - initialX;\r\n th.style.width = `${initialWidth + dif}px`;\r\n th.style.maxWidth = `${initialWidth + dif}px`;\r\n\r\n plugins.forEach((c) => c(colName, initialWidth + dif));\r\n };\r\n\r\n const breakSubscription = () => {\r\n document.removeEventListener('mousemove', handleResize);\r\n document.removeEventListener('mouseup', breakSubscription);\r\n };\r\n\r\n document.addEventListener('mousemove', handleResize);\r\n document.addEventListener('mouseup', breakSubscription);\r\n }\r\n }}\r\n >\r\n {' '}\r\n </div>\r\n );\r\n};\r\n","import { Row } from '@apia/table2-controller';\nimport { observer } from 'mobx-react-lite';\nimport { ReactNode } from 'react';\nimport { useTable } from '../Table';\n\nexport const HeaderRow = observer(\n ({\n children,\n className,\n row,\n rowIndex,\n }: {\n children?: ReactNode;\n className?: string;\n row: Row;\n rowIndex: number;\n }) => {\n const controller = useTable();\n const plugins = controller.getApplicablePlugins('useElementDomProps');\n const pluginProps = plugins.reduce((acc, plugin) => {\n const props = plugin(row, rowIndex);\n return { ...acc, ...props };\n }, {} as any);\n\n return (\n <tr\n {...row.getState('domProperties')}\n {...pluginProps}\n className={`${className \|\| ''} ${row.getState('domProperties')?.className \|\| ''} ${pluginProps.className \|\| ''}`}\n key={row.getState('id')}\n data-rowid={row.getState('id')}\n >\n {children}\n </tr>\n );\n },\n);\n","import { observer } from 'mobx-react-lite';\nimport { useTable } from '../Table';\nimport { HeaderRow } from './HeaderRow';\nimport { Box } from '@apia/theme';\nimport { Resizer } from '../Resizer';\nimport { AdditionalCell } from '@apia/table2-controller';\n\nexport const ColumnsRow = observer(() => {\n const controller = useTable();\n const plugins = controller.getApplicablePlugins('useElementDomProps');\n const CellsRendererPlugin =\n controller.getApplicablePlugins('getRenderers')[0]?.().cell;\n\n const row = controller.head.getHeaderRow();\n if (!row) {\n return null;\n }\n\n return (\n <HeaderRow row={row} rowIndex={0}>\n {row.cells.map((cell, j) => {\n const Renderer = cell.getState('Renderer') \|\| CellsRendererPlugin;\n const content = cell.getState('content');\n\n const pluginProps = plugins.reduce<any>((acc, plugin) => {\n const props = plugin(cell, j);\n return { ...acc, ...props };\n }, {});\n\n return (\n <Box\n as={cell.getState('tag') === 'td' ? 'td' : 'th'}\n {...cell.getState('domProperties')}\n {...pluginProps}\n data-colname={cell.getState('colName')}\n key={cell.getState('colName')}\n sx={{\n ...cell.getState('domProperties')?.style,\n position: 'relative',\n ...pluginProps.style,\n }}\n >\n {Renderer ? <Renderer cell={cell} /> : content}\n {!(cell instanceof AdditionalCell) &&\n controller.getState('allowResize') && <Resizer />}\n </Box>\n );\n })}\n </HeaderRow>\n );\n});\n","import { observer } from 'mobx-react-lite';\r\nimport { Input } from '@apia/theme';\r\nimport { FilterRenderer } from '@apia/table2-controller';\r\n\r\nexport const InputFilter: FilterRenderer = observer(({ cell }) => {\r\n return (\r\n <Input\r\n value={cell.getValue()}\r\n onChange={(ev) => {\r\n cell.setValue(ev.target.value);\r\n }}\r\n onKeyDown={(ev) => {\r\n if (ev.code === 'Enter') {\r\n cell.fire('enter');\r\n }\r\n }}\r\n onBlur={() => {\r\n cell.fire('blur');\r\n }}\r\n />\r\n );\r\n});\r\n","import { observer } from 'mobx-react-lite';\r\nimport { DateInput } from '@apia/components';\r\nimport { FilterRenderer } from '@apia/table2-controller';\r\n\r\nexport const DateFilter: FilterRenderer = observer(({ cell }) => {\r\n return (\r\n <DateInput\r\n value={cell.getValue()}\r\n onChange={(ev) => {\r\n cell.setValue(ev);\r\n }}\r\n />\r\n );\r\n});\r\n","import { observer } from 'mobx-react-lite';\r\nimport { InputFilter } from './InputFilter';\r\nimport { Input, Label } from '@apia/theme';\r\nimport { DateFilter } from './DateFilter';\r\nimport { FilterRenderer } from '@apia/table2-controller';\r\n\r\nexport const FilterRender: FilterRenderer = observer(({ cell }) => {\r\n let Component: FilterRenderer \| null = null;\r\n\r\n switch (cell?.getState('type')) {\r\n case 'INPUT':\r\n Component = InputFilter;\r\n break;\r\n case 'DATE':\r\n Component = DateFilter;\r\n break;\r\n case 'DATERANGE':\r\n Component = () => <>Not implemented</>;\r\n break;\r\n }\r\n\r\n if (!Component) {\r\n return <Input disabled />;\r\n }\r\n\r\n if (!cell.asAdditional()) {\r\n return <Component cell={cell} />;\r\n }\r\n\r\n return (\r\n <Label>\r\n {cell.getState('title')}\r\n <Component cell={cell} />\r\n </Label>\r\n );\r\n});\r\n","import { observer } from 'mobx-react-lite';\nimport { useTable } from '../Table';\nimport { HeaderRow } from './HeaderRow';\nimport { Box } from '@apia/theme';\nimport { FilterRender } from '../filters/FilterRender';\n\nexport const FiltersRow = observer(() => {\n const controller = useTable();\n const plugins = controller.getApplicablePlugins('useElementDomProps');\n\n const row = controller.head.getFiltersRow();\n if (!row) {\n return null;\n }\n\n return (\n <HeaderRow row={row} rowIndex={1} className=\"filtersRow\">\n {row.getCells().map((cell, j) => {\n const Renderer = cell.getState('Renderer') \|\| FilterRender;\n const content = cell.getState('content');\n\n const pluginProps = plugins.reduce<any>((acc, plugin) => {\n const props = plugin(cell, j);\n return { ...acc, ...props };\n }, {});\n\n return (\n <Box\n as={'td'}\n {...cell.getState('domProperties')}\n {...pluginProps}\n data-colname={cell.getState('colName')}\n key={cell.getState('colName')}\n sx={{\n ...cell.getState('domProperties')?.style,\n ...pluginProps.style,\n }}\n >\n {Renderer ? <Renderer cell={cell} /> : content}\n </Box>\n );\n })}\n </HeaderRow>\n );\n});\n","import { observer } from 'mobx-react-lite';\r\nimport { useTable } from '../Table';\r\nimport { Resizer } from '../Resizer';\r\nimport { Box } from '@apia/theme';\r\nimport { ColumnsRow } from './ColumnsRow';\r\nimport { FiltersRow } from './FiltersRow';\r\nimport { HeaderRow } from './HeaderRow';\r\n\r\nexport const Head = observer(() => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n const CellsRendererPlugin =\r\n controller.getApplicablePlugins('getRenderers')[0]?.().cell;\r\n\r\n /*\r\n We have a problem here.\r\n \r\n The table can be built with columns and filters, or by adding rows to the header\r\n * in order to build custom tables.\r\n \r\n We need to detect what is the current situation here.\r\n */\r\n\r\n if (controller.head.getHeaderRow()) {\r\n return (\r\n <thead {...controller.head.getState('domProperties')}>\r\n <ColumnsRow />\r\n <FiltersRow />\r\n </thead>\r\n );\r\n }\r\n\r\n return (\r\n <thead {...controller.head.getState('domProperties')}>\r\n {[...controller.head.rows.values()].map((row, i) => {\r\n return (\r\n <HeaderRow row={row} rowIndex={i}>\r\n {row.cells.map((cell, j) => {\r\n const Renderer = cell.getState('Renderer') \|\| CellsRendererPlugin;\r\n const content = cell.getState('content');\r\n\r\n const pluginProps = plugins.reduce<any>((acc, plugin) => {\r\n const props = plugin(cell, j);\r\n return { ...acc, ...props };\r\n }, {});\r\n\r\n if (cell.getState('isHidden')) {\r\n return null;\r\n }\r\n\r\n return (\r\n <Box\r\n as={cell.getState('tag') === 'td' ? 'td' : 'th'}\r\n {...cell.getState('domProperties')}\r\n {...pluginProps}\r\n data-colname={cell.getState('colName')}\r\n key={cell.getState('colName')}\r\n sx={{\r\n ...cell.getState('domProperties')?.style,\r\n position: 'relative',\r\n ...pluginProps.style,\r\n }}\r\n >\r\n {Renderer ? <Renderer cell={cell} /> : content}\r\n {controller.getState('allowResize') && <Resizer />}\r\n </Box>\r\n );\r\n })}\r\n </HeaderRow>\r\n );\r\n })}\r\n </thead>\r\n );\r\n});\r\n","import { IconButton } from '@apia/components';\nimport { AdditionalCell, Cell } from '@apia/table2-controller';\nimport { observer } from 'mobx-react-lite';\n\nexport const AdditionalCellRenderer = observer(\n ({ cell: _ }: { cell: Cell }) => {\n const cell = _ as AdditionalCell;\n\n if (!cell.getTable().hasAdditionalContent()) {\n return null;\n }\n\n return (\n <IconButton\n icon=\"ArrowRight\"\n onClick={() => {\n cell.onToggle();\n }}\n />\n );\n },\n);\n","import { observer } from 'mobx-react-lite';\r\nimport { AdditionalCell, Row as RowInstance } from '@apia/table2-controller';\r\nimport { useTable } from '../Table';\r\nimport { AdditionalCellRenderer } from './AdditionalCellRenderer';\r\n\r\nconst RowContent = observer(({ row }: { row: RowInstance }) => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n const CellsRendererPlugin =\r\n controller.getApplicablePlugins('getRenderers')[0]?.().cell;\r\n\r\n return (\r\n <>\r\n {row.cells.map((cell, i) => {\r\n const Renderer =\r\n cell.getState('Renderer') \|\|\r\n (cell instanceof AdditionalCell\r\n ? AdditionalCellRenderer\r\n : CellsRendererPlugin);\r\n const content = cell.getState('content');\r\n\r\n const isHidden =\r\n controller.head\r\n .getHeaderRow()\r\n ?.getColumn(cell.getColumnName())\r\n .isHidden?.() ??\r\n controller.head.rows[0]?.cells\r\n .find((c) => c.getState('colName') === cell.getState('colName'))\r\n ?.getState('isHidden');\r\n\r\n if (\r\n controller.head\r\n .getHeaderRow()\r\n ?.getColumn(cell.getColumnName())\r\n .asAdditional?.()\r\n ) {\r\n return null;\r\n }\r\n\r\n return (\r\n <td\r\n {...cell.getState('domProperties')}\r\n {...plugins.reduce((acc, plugin) => {\r\n const props = plugin(cell, i);\r\n return { ...acc, ...props };\r\n }, {})}\r\n style={{\r\n display: isHidden ? 'none' : 'table-cell',\r\n ...cell.getState('domProperties')?.style,\r\n maxWidth: 0,\r\n }}\r\n data-colname={cell.getState('colName')}\r\n key={cell.getState('colName')}\r\n >\r\n {Renderer ? <Renderer cell={cell} /> : content}\r\n </td>\r\n );\r\n })}\r\n </>\r\n );\r\n});\r\n\r\nexport const Row = observer(\r\n ({ index, row }: { index: number; row: RowInstance }) => {\r\n const controller = useTable();\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n\r\n return (\r\n <>\r\n {' '}\r\n <tr\r\n {...row.getState('domProperties')}\r\n {...plugins.reduce((acc, plugin) => {\r\n const props = plugin(row, index);\r\n return { ...acc, ...props };\r\n }, {})}\r\n key={row.getState('id')}\r\n data-rowid={row.getState('id')}\r\n >\r\n <RowContent row={row} />\r\n </tr>\r\n </>\r\n );\r\n },\r\n);\r\n","import { observer } from 'mobx-react-lite';\r\nimport { useTable } from '../Table';\r\nimport { Row } from './Row';\r\n\r\nexport const Body = observer(() => {\r\n const controller = useTable();\r\n\r\n return (\r\n <tbody {...controller.body.getState('domProperties')}>\r\n {controller.body.getState('rows').map((row, i) => (\r\n <Row key={row.getState('id')} index={i} row={row} />\r\n ))}\r\n </tbody>\r\n );\r\n});\r\n","import { observer } from 'mobx-react-lite';\r\nimport { TableController } from '@apia/table2-controller';\r\nimport { createContext, HTMLAttributes, useContext } from 'react';\r\nimport { getVariant, Table as PrimitiveTable } from '@apia/theme';\r\nimport { Head } from './Head/Head';\r\nimport { Body } from './Body/Body';\r\n\r\nexport const TableContext = createContext<TableController \| null>(null);\r\nexport type TAvailableTables = 'primary' \| 'secondary' \| 'clean';\r\n\r\nexport function useTable() {\r\n return useContext(TableContext)!;\r\n}\r\n\r\nexport const Table = observer(\r\n ({\r\n controller,\r\n variant = 'primary',\r\n }: {\r\n controller: TableController;\r\n variant?: TAvailableTables;\r\n }) => {\r\n const plugins = controller.getApplicablePlugins('useElementDomProps');\r\n const props: HTMLAttributes<HTMLElement> = plugins.reduce((acc, plugin) => {\r\n const props = plugin(controller, null);\r\n return { ...acc, ...props };\r\n }, {});\r\n\r\n return (\r\n <TableContext.Provider value={controller}>\r\n <PrimitiveTable\r\n {...props}\r\n className={`${controller.isEditionMode ? 'editionMode' : ''} ${props.className \|\| ''}`}\r\n {...getVariant(`layout.common.tables.${variant}`)}\r\n >\r\n <Head />\r\n <Body />\r\n </PrimitiveTable>\r\n </TableContext.Provider>\r\n );\r\n },\r\n);\r\n","import {\r\n TablePlugin,\r\n TableController,\r\n Cell,\r\n TableHead,\r\n Element,\r\n AdditionalCell,\r\n} from '@apia/table2-controller';\r\n\r\nexport class SessionStorageResizePlugin implements TablePlugin {\r\n constructor(private prefix: string) {}\r\n\r\n private buildId(colName: string) {\r\n return `${window.TAB_ID_REQUEST}_${this.prefix}_${colName}`;\r\n }\r\n\r\n onResize(_controller: TableController, colName: string, newSize: number) {\r\n sessionStorage.setItem(this.buildId(colName), String(newSize));\r\n }\r\n useElementDomProps(\r\n _controller: TableController,\r\n element: TableController \| Element<any>,\r\n ) {\r\n if (element instanceof Cell && !(element instanceof AdditionalCell)) {\r\n if (element.getRow()!.getContainer() instanceof TableHead) {\r\n const storedSize = sessionStorage.getItem(\r\n this.buildId(element.getState('colName')),\r\n );\r\n\r\n if (storedSize) {\r\n return {\r\n style: {\r\n maxWidth: `${Number.parseInt(storedSize)}px`,\r\n width: `${Number.parseInt(storedSize)}px`,\r\n },\r\n };\r\n }\r\n }\r\n }\r\n return {};\r\n }\r\n}\r\n"],"names":["ev","props","PrimitiveTable"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@apia/table2-component",
-  "version": "4.0.43",
+  "version": "4.0.45",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -30,13 +30,13 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@apia/components": "^4.0.43",
-    "@apia/icons": "^4.0.43",
-    "@apia/table2-controller": "^4.0.43",
-    "@apia/theme": "^4.0.43",
-    "@apia/util": "^4.0.43",
+    "@apia/components": "^4.0.45",
+    "@apia/icons": "^4.0.45",
+    "@apia/table2-controller": "^4.0.45",
+    "@apia/theme": "^4.0.45",
+    "@apia/util": "^4.0.45",
     "mobx": "^6.13.7",
     "mobx-react-lite": "^4.1.0"
   },
-  "gitHead": "f4c40b69ba514626379ac45021c254ad661826f1"
+  "gitHead": "1b035d1b515ceb49207373a4fafcf0ff465bc439"
 }