@apia/table 2.0.9 → 2.0.11

package/dist/renderers/AccordionCell.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import { TResponsiveTableCell, TResponsiveTableColumn, TResponsiveTableRow } from '../types.js';
+
+type TAccordionCellRendererProps<CellProps = Record<string, unknown>> = {
+    cell: TResponsiveTableCell<CellProps>;
+    column: TResponsiveTableColumn;
+    columnIndex: number;
+    row: TResponsiveTableRow;
+    rowIndex: number;
+};
+type TAccordionCellRenderer<CellProps = Record<string, unknown>> = FunctionComponent<TAccordionCellRendererProps<CellProps>>;
+declare const AccordionCell: TAccordionCellRenderer<Record<string, unknown>>;
+
+export { AccordionCell, type TAccordionCellRenderer, type TAccordionCellRendererProps };
+//# sourceMappingURL=AccordionCell.d.ts.map

package/dist/renderers/AccordionCell.d.ts.map

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

package/dist/renderers/AccordionCell.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { Box } from '@apia/theme';
+
+const NoMemoAccordionCell = ({ cell, column }) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: `responsiveTable__accordionElement__column ${cell.className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+          column.label ?? column.name,
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx(Box, { as: "span", sx: { color: cell.color, background: cell.background }, children: cell?.children })
+      ]
+    },
+    column.name
+  );
+};
+const AccordionCell = NoMemoAccordionCell;
+
+export { AccordionCell };
+//# sourceMappingURL=AccordionCell.js.map

package/dist/renderers/AccordionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionCell.js","sources":["../../src/renderers/AccordionCell.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\r\nimport { FunctionComponent } from 'react';\r\nimport {\r\n  TResponsiveTableCell,\r\n  TResponsiveTableColumn,\r\n  TResponsiveTableRow,\r\n} from '../types';\r\n\r\nexport type TAccordionCellRendererProps<CellProps = Record<string, unknown>> = {\r\n  cell: TResponsiveTableCell<CellProps>;\r\n  column: TResponsiveTableColumn;\r\n  columnIndex: number;\r\n  row: TResponsiveTableRow;\r\n  rowIndex: number;\r\n};\r\n\r\nexport type TAccordionCellRenderer<CellProps = Record<string, unknown>> =\r\n  FunctionComponent<TAccordionCellRendererProps<CellProps>>;\r\n\r\nconst NoMemoAccordionCell: TAccordionCellRenderer = ({ cell, column }) => {\r\n  return (\r\n    <Box\r\n      key={column.name}\r\n      className={`responsiveTable__accordionElement__column ${\r\n        cell.className ?? ''\r\n      }`}\r\n    >\r\n      <Box as=\"strong\">{column.label ?? column.name}: </Box>\r\n      <Box as=\"span\" sx={{ color: cell.color, background: cell.background }}>\r\n        {cell?.children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const AccordionCell = NoMemoAccordionCell;\r\n"],"names":[],"mappings":";;;AAmBA,MAAM,mBAA8C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACxE,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MAEC,SAAW,EAAA,CAAA,0CAAA,EACT,IAAK,CAAA,SAAA,IAAa,EACpB,CAAA,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,UAAK,IAAA;AAAA,SAAE,EAAA,CAAA;AAAA,wBAC/C,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,MAAA,EAAO,IAAI,EAAE,KAAA,EAAO,IAAK,CAAA,KAAA,EAAO,UAAY,EAAA,IAAA,CAAK,UAAW,EAAA,EACjE,gBAAM,QACT,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,IARK,MAAO,CAAA,IAAA;AAAA,GASd,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,aAAgB,GAAA;;;;"}

package/dist/renderers/AccordionDocNameCellRenderer.d.ts

@@ -0,0 +1,11 @@
+import { TAccordionCellRendererProps, TAccordionCellRenderer } from './AccordionCell.js';
+
+type TDocNameCellRendererProps = {
+    docName: string;
+    docUrl: string;
+};
+type TDocNameCellRenderer = TAccordionCellRendererProps<TDocNameCellRendererProps>;
+declare const AccordionDocNameCellRenderer: TAccordionCellRenderer<TDocNameCellRendererProps>;
+
+export { AccordionDocNameCellRenderer, type TDocNameCellRenderer, type TDocNameCellRendererProps };
+//# sourceMappingURL=AccordionDocNameCellRenderer.d.ts.map

package/dist/renderers/AccordionDocNameCellRenderer.d.ts.map

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

package/dist/renderers/AccordionDocNameCellRenderer.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { Box, Link } from '@apia/theme';
+import { downloadUrl } from '@apia/util';
+import { Icon } from '@apia/icons';
+
+const NoMemoAccordionDocNameCellRenderer = React.forwardRef(
+  ({
+    cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
+    column
+  }, currentRef) => /* @__PURE__ */ jsxs(Box, { ref: currentRef, ...cell, children: [
+    /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+      column.label ?? column.name,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        className: "cell__download__document",
+        title: rendererProps?.docName,
+        href: rendererProps?.docUrl,
+        onClick: (ev) => {
+          ev.preventDefault();
+          if (rendererProps?.docUrl)
+            void downloadUrl(rendererProps?.docUrl);
+        },
+        children: [
+          /* @__PURE__ */ jsx(Icon, { title: "", name: "Download" }),
+          rendererProps?.docName
+        ]
+      }
+    )
+  ] })
+);
+NoMemoAccordionDocNameCellRenderer.displayName = "AccordionDocNameCellRenderer";
+const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;
+
+export { AccordionDocNameCellRenderer };
+//# sourceMappingURL=AccordionDocNameCellRenderer.js.map

package/dist/renderers/AccordionDocNameCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionDocNameCellRenderer.js","sources":["../../src/renderers/AccordionDocNameCellRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Link } from '@apia/theme';\r\nimport { downloadUrl } from '@apia/util';\r\nimport { Icon } from '@apia/icons';\r\nimport {\r\n  TAccordionCellRenderer,\r\n  TAccordionCellRendererProps,\r\n} from './AccordionCell';\r\n\r\nexport type TDocNameCellRendererProps = {\r\n  docName: string;\r\n  docUrl: string;\r\n};\r\n\r\nexport type TDocNameCellRenderer =\r\n  TAccordionCellRendererProps<TDocNameCellRendererProps>;\r\n\r\nconst NoMemoAccordionDocNameCellRenderer: TAccordionCellRenderer<TDocNameCellRendererProps> =\r\n  React.forwardRef<HTMLElement, TDocNameCellRenderer>(\r\n    (\r\n      {\r\n        cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\r\n        column,\r\n      },\r\n      currentRef,\r\n    ) => (\r\n      <Box ref={currentRef as React.RefObject<HTMLElement>} {...cell}>\r\n        <Box as=\"strong\">{column.label ?? column.name}: </Box>\r\n        <Link\r\n          className=\"cell__download__document\"\r\n          title={rendererProps?.docName}\r\n          href={rendererProps?.docUrl}\r\n          onClick={(ev) => {\r\n            ev.preventDefault();\r\n            if (rendererProps?.docUrl) void downloadUrl(rendererProps?.docUrl);\r\n          }}\r\n        >\r\n          <Icon title=\"\" name=\"Download\" />\r\n          {rendererProps?.docName}\r\n        </Link>\r\n      </Box>\r\n    ),\r\n  );\r\n\r\nNoMemoAccordionDocNameCellRenderer.displayName = 'AccordionDocNameCellRenderer';\r\n\r\nexport const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;\r\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,qCACJ,KAAM,CAAA,UAAA;AAAA,EACJ,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,UAAU,aAAe,EAAA,iBAAA,EAAmB,GAAG,IAAK,EAAA;AAAA,IACtE,MAAA;AAAA,KAEF,UAEA,qBAAA,IAAA,CAAC,OAAI,GAAK,EAAA,UAAA,EAA6C,GAAG,IACxD,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,MAAK,IAAA;AAAA,KAAE,EAAA,CAAA;AAAA,oBAChD,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0BAAA;AAAA,QACV,OAAO,aAAe,EAAA,OAAA;AAAA,QACtB,MAAM,aAAe,EAAA,MAAA;AAAA,QACrB,OAAA,EAAS,CAAC,EAAO,KAAA;AACf,UAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,UAAA,IAAI,aAAe,EAAA,MAAA;AAAQ,YAAK,KAAA,WAAA,CAAY,eAAe,MAAM,CAAA,CAAA;AAAA,SACnE;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,EAAG,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,UAC9B,aAAe,EAAA,OAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,EAAA,CAAA;AAEJ,CAAA,CAAA;AAEF,kCAAA,CAAmC,WAAc,GAAA,8BAAA,CAAA;AAE1C,MAAM,4BAA+B,GAAA;;;;"}

package/dist/renderers/AccordionElement.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { TResponsiveTableRow } from '../types.js';
+
+interface IAccordionElement {
+    row: TResponsiveTableRow;
+    rowIndex: number;
+}
+declare const AccordionElement: React__default.MemoExoticComponent<({ row, rowIndex }: IAccordionElement) => React__default.JSX.Element | null>;
+
+export { AccordionElement, type IAccordionElement };
+//# sourceMappingURL=AccordionElement.d.ts.map

package/dist/renderers/AccordionElement.d.ts.map

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

package/dist/renderers/AccordionElement.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import React, { memo, useMemo } from 'react';
+import { shallowEqual } from 'react-redux';
+import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
+import { AccordionCell } from './AccordionCell.js';
+import { useResponsiveTable, responsiveTableStore, responsiveTableActions } from '../store/index.js';
+import { AccordionItem } from '@apia/components';
+
+const NoMemoAccordionElement = ({ row, rowIndex }) => {
+  const { name } = useResponsiveTableContext();
+  const indexColumns = useResponsiveTable((global) => {
+    const tableState = global.responsiveTableSlice[name];
+    return tableState?.accordionIndexColumns;
+  }, shallowEqual);
+  const columns = useResponsiveTable((global) => {
+    const tableState = global.responsiveTableSlice[name];
+    return tableState?.columns;
+  }, shallowEqual);
+  const title = React.useMemo(() => {
+    if (row.title)
+      return row.title;
+    if (Array.isArray(indexColumns))
+      return indexColumns.map(
+        (current) => (
+          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+          row.cells[current.index].title || row.cells[current.index].children
+        )
+      ).join(" | ");
+    return row.cells[0].title ?? row.cells[0].children;
+  }, [indexColumns, row.cells, row.title]);
+  const isSelected = useResponsiveTable(
+    (global) => global.responsiveTableSlice[name].allowSelection !== false ? global.responsiveTableSlice[name].selectedRows.includes(rowIndex) : void 0
+  );
+  const isFocused = useResponsiveTable(
+    (global) => global.responsiveTableSlice[name].focusedRow === rowIndex
+  );
+  const buttonProps = useMemo(
+    () => ({
+      title,
+      ariaLabel: title,
+      label: title,
+      checked: isSelected,
+      onChange: (isChecked) => {
+        const isMultiple = responsiveTableStore.getState().responsiveTableSlice[name].isMultiple;
+        responsiveTableStore.dispatch(
+          responsiveTableActions.update({
+            tableName: name,
+            selectedRows: isMultiple ? isChecked ? [
+              ...responsiveTableStore.getState().responsiveTableSlice[name].selectedRows,
+              rowIndex
+            ] : responsiveTableStore.getState().responsiveTableSlice[name].selectedRows.filter(
+              (current) => current !== rowIndex
+            ) : [rowIndex]
+          })
+        );
+      },
+      tabIndex: isFocused ? 0 : -1,
+      rightButtons: row.accordionButtonProps?.rightButtons,
+      onUserPressEnter: row.accordionButtonProps?.onUserPressEnter,
+      domButtonProps: {
+        buttonSx: {
+          "&.accordion__item__button .accordion__item__button__label": {
+            color: row.color
+          }
+        }
+      }
+    }),
+    [
+      isFocused,
+      isSelected,
+      name,
+      row.accordionButtonProps?.onUserPressEnter,
+      row.accordionButtonProps?.rightButtons,
+      row.color,
+      rowIndex,
+      title
+    ]
+  );
+  if (!Array.isArray(indexColumns) || !columns)
+    return null;
+  return /* @__PURE__ */ jsxs(AccordionItem, { id: row.id, buttonProps, children: [
+    columns.map((currentColumn, columnIndex) => {
+      const Renderer = row.cells[columnIndex].AccordionRenderer ?? currentColumn.AccordionRenderer ?? AccordionCell;
+      return currentColumn.hideFromAccordion || currentColumn.showAsAdditional ? null : /* @__PURE__ */ jsx(
+        Renderer,
+        {
+          cell: row.cells[columnIndex],
+          column: currentColumn,
+          columnIndex,
+          row,
+          rowIndex
+        },
+        currentColumn.name
+      );
+    }),
+    columns.filter((current) => !!current.showAsAdditional).map((currentColumn, columnIndex) => {
+      const Renderer = row.cells[columnIndex].AccordionRenderer ?? currentColumn.AccordionRenderer ?? AccordionCell;
+      return currentColumn.hideFromAccordion ? null : /* @__PURE__ */ jsx(
+        Renderer,
+        {
+          cell: row.cells[columnIndex],
+          column: currentColumn,
+          columnIndex,
+          row,
+          rowIndex
+        },
+        currentColumn.name
+      );
+    })
+  ] });
+};
+const AccordionElement = memo(NoMemoAccordionElement);
+
+export { AccordionElement };
+//# sourceMappingURL=AccordionElement.js.map

package/dist/renderers/AccordionElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionElement.js","sources":["../../src/renderers/AccordionElement.tsx"],"sourcesContent":["import React, { memo, useMemo } from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\nimport { TResponsiveTableRow } from '../types';\r\nimport { AccordionCell } from './AccordionCell';\r\nimport {\r\n  responsiveTableActions,\r\n  responsiveTableStore,\r\n  useResponsiveTable,\r\n} from '../store';\r\nimport { AccordionItem, IAccordionItemButton } from '@apia/components';\r\n\r\nexport interface IAccordionElement {\r\n  row: TResponsiveTableRow;\r\n  rowIndex: number;\r\n}\r\n\r\nconst NoMemoAccordionElement = ({ row, rowIndex }: IAccordionElement) => {\r\n  const { name } = useResponsiveTableContext();\r\n\r\n  const indexColumns = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.accordionIndexColumns;\r\n  }, shallowEqual);\r\n  const columns = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return tableState?.columns;\r\n  }, shallowEqual);\r\n\r\n  const title = React.useMemo(() => {\r\n    if (row.title) return row.title;\r\n    if (Array.isArray(indexColumns))\r\n      return indexColumns\r\n        .map(\r\n          (current) =>\r\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\r\n            row.cells[current.index].title ||\r\n            (row.cells[current.index].children as string),\r\n        )\r\n        .join(' | ');\r\n    return row.cells[0].title ?? (row.cells[0].children as string);\r\n  }, [indexColumns, row.cells, row.title]);\r\n  const isSelected = useResponsiveTable((global) =>\r\n    global.responsiveTableSlice[name].allowSelection !== false\r\n      ? global.responsiveTableSlice[name].selectedRows.includes(rowIndex)\r\n      : undefined,\r\n  );\r\n  const isFocused = useResponsiveTable(\r\n    (global) => global.responsiveTableSlice[name].focusedRow === rowIndex,\r\n  );\r\n  const buttonProps = useMemo<IAccordionItemButton>(\r\n    () => ({\r\n      title,\r\n      ariaLabel: title,\r\n      label: title,\r\n      checked: isSelected,\r\n      onChange: (isChecked: boolean) => {\r\n        const isMultiple =\r\n          responsiveTableStore.getState().responsiveTableSlice[name].isMultiple;\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            selectedRows: isMultiple\r\n              ? isChecked\r\n                ? [\r\n                    ...responsiveTableStore.getState().responsiveTableSlice[\r\n                      name\r\n                    ].selectedRows,\r\n                    rowIndex,\r\n                  ]\r\n                : responsiveTableStore\r\n                    .getState()\r\n                    .responsiveTableSlice[name].selectedRows.filter(\r\n                      (current) => current !== rowIndex,\r\n                    )\r\n              : [rowIndex],\r\n          }),\r\n        );\r\n      },\r\n      tabIndex: isFocused ? 0 : -1,\r\n      rightButtons: row.accordionButtonProps?.rightButtons,\r\n      onUserPressEnter: row.accordionButtonProps?.onUserPressEnter,\r\n      domButtonProps: {\r\n        buttonSx: {\r\n          '&.accordion__item__button .accordion__item__button__label': {\r\n            color: row.color,\r\n          },\r\n        },\r\n      },\r\n    }),\r\n    [\r\n      isFocused,\r\n      isSelected,\r\n      name,\r\n      row.accordionButtonProps?.onUserPressEnter,\r\n      row.accordionButtonProps?.rightButtons,\r\n      row.color,\r\n      rowIndex,\r\n      title,\r\n    ],\r\n  );\r\n\r\n  if (!Array.isArray(indexColumns) || !columns) return null;\r\n\r\n  return (\r\n    <AccordionItem id={row.id} buttonProps={buttonProps}>\r\n      {columns.map((currentColumn, columnIndex) => {\r\n        const Renderer =\r\n          row.cells[columnIndex].AccordionRenderer ??\r\n          currentColumn.AccordionRenderer ??\r\n          AccordionCell;\r\n\r\n        return currentColumn.hideFromAccordion ||\r\n          currentColumn.showAsAdditional ? null : (\r\n          <Renderer\r\n            cell={row.cells[columnIndex]}\r\n            column={currentColumn}\r\n            columnIndex={columnIndex}\r\n            key={currentColumn.name}\r\n            row={row}\r\n            rowIndex={rowIndex}\r\n          />\r\n        );\r\n      })}\r\n\r\n      {columns\r\n        .filter((current) => !!current.showAsAdditional)\r\n        .map((currentColumn, columnIndex) => {\r\n          const Renderer =\r\n            row.cells[columnIndex].AccordionRenderer ??\r\n            currentColumn.AccordionRenderer ??\r\n            AccordionCell;\r\n\r\n          return currentColumn.hideFromAccordion ? null : (\r\n            <Renderer\r\n              cell={row.cells[columnIndex]}\r\n              column={currentColumn}\r\n              columnIndex={columnIndex}\r\n              key={currentColumn.name}\r\n              row={row}\r\n              rowIndex={rowIndex}\r\n            />\r\n          );\r\n        })}\r\n    </AccordionItem>\r\n  );\r\n};\r\n\r\nexport const AccordionElement = memo(NoMemoAccordionElement);\r\n"],"names":[],"mappings":"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"}

package/dist/renderers/AccordionHTMLCellRenderer.d.ts

@@ -0,0 +1,8 @@
+import { TAccordionCellRenderer } from './AccordionCell.js';
+
+declare const AccordionHTMLCellRenderer: TAccordionCellRenderer<{
+    html: string;
+}>;
+
+export { AccordionHTMLCellRenderer };
+//# sourceMappingURL=AccordionHTMLCellRenderer.d.ts.map

package/dist/renderers/AccordionHTMLCellRenderer.d.ts.map

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

package/dist/renderers/AccordionHTMLCellRenderer.js

@@ -0,0 +1,37 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { Box } from '@apia/theme';
+
+const NoMemoAccordionHTMLCellRenderer = React.forwardRef(
+  ({
+    cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
+    column,
+    row,
+    ...props
+  }, currentRef) => (
+    /**
+     * Aca falta el title de la columna
+     */
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref: currentRef,
+        ...props,
+        ...cell,
+        className: "accordion__cell__renderer",
+        dangerouslySetInnerHTML: {
+          __html: String(rendererProps?.html ?? children ?? "").replaceAll(
+            /<TOK(\d+)/g,
+            "&lt;TOK$1"
+          )
+        },
+        as: "span"
+      }
+    )
+  )
+);
+NoMemoAccordionHTMLCellRenderer.displayName = "AccordionHTMLCellRenderer";
+const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;
+
+export { AccordionHTMLCellRenderer };
+//# sourceMappingURL=AccordionHTMLCellRenderer.js.map

package/dist/renderers/AccordionHTMLCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHTMLCellRenderer.js","sources":["../../src/renderers/AccordionHTMLCellRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { TResponsiveTableCellRendererProps } from '../types';\r\nimport { TAccordionCellRenderer } from './AccordionCell';\r\n\r\nconst NoMemoAccordionHTMLCellRenderer: TAccordionCellRenderer<{\r\n  html: string;\r\n}> = React.forwardRef<\r\n  HTMLSpanElement,\r\n  TResponsiveTableCellRendererProps<{ html: string }>\r\n>(\r\n  (\r\n    {\r\n      cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\r\n      column,\r\n      row,\r\n      ...props\r\n    },\r\n    currentRef,\r\n  ) => (\r\n    /**\r\n     * Aca falta el title de la columna\r\n     */\r\n    <Box\r\n      ref={currentRef as React.RefObject<HTMLTableCellElement>}\r\n      {...props}\r\n      {...cell}\r\n      className=\"accordion__cell__renderer\"\r\n      dangerouslySetInnerHTML={{\r\n        __html: String(rendererProps?.html ?? children ?? '').replaceAll(\r\n          /<TOK(\\d+)/g,\r\n          '&lt;TOK$1',\r\n        ),\r\n      }}\r\n      as=\"span\"\r\n    />\r\n  ),\r\n);\r\n\r\nNoMemoAccordionHTMLCellRenderer.displayName = 'AccordionHTMLCellRenderer';\r\n\r\nexport const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,kCAED,KAAM,CAAA,UAAA;AAAA,EAIT,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,UAAU,aAAe,EAAA,iBAAA,EAAmB,GAAG,IAAK,EAAA;AAAA,IACtE,MAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG,KAAA;AAAA,GAEL,EAAA,UAAA;AAAA;AAAA;AAAA;AAAA,oBAKA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,UAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAU,EAAA,2BAAA;AAAA,QACV,uBAAyB,EAAA;AAAA,UACvB,QAAQ,MAAO,CAAA,aAAA,EAAe,IAAQ,IAAA,QAAA,IAAY,EAAE,CAAE,CAAA,UAAA;AAAA,YACpD,YAAA;AAAA,YACA,WAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,EAAG,EAAA,MAAA;AAAA,OAAA;AAAA,KACL;AAAA,GAAA;AAEJ,CAAA,CAAA;AAEA,+BAAA,CAAgC,WAAc,GAAA,2BAAA,CAAA;AAEvC,MAAM,yBAA4B,GAAA;;;;"}

package/dist/renderers/AccordionRenderer.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+declare const AccordionRenderer: React__default.MemoExoticComponent<() => React__default.JSX.Element>;
+
+export { AccordionRenderer };
+//# sourceMappingURL=AccordionRenderer.d.ts.map

package/dist/renderers/AccordionRenderer.d.ts.map

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

package/dist/renderers/AccordionRenderer.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { shallowEqual } from 'react-redux';
+import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
+import { AccordionElement } from './AccordionElement.js';
+import { NoRegistersRenderer } from './NoRegistersRenderer.js';
+import { useResponsiveTable, responsiveTableStore, responsiveTableActions } from '../store/index.js';
+import { Accordion } from '@apia/components';
+
+const NoMemoAccordionRenderer = () => {
+  const { name } = useResponsiveTableContext();
+  const { columns, rows } = useResponsiveTable((global) => {
+    const tableState = global.responsiveTableSlice[name];
+    return {
+      columns: tableState?.columns,
+      rows: tableState?.rows
+    };
+  }, shallowEqual);
+  React.useEffect(() => {
+    if (columns && rows) {
+      const markedAsTitleColumns = [];
+      columns.forEach((column, index) => {
+        if (column.showInAccordionTitle)
+          markedAsTitleColumns.push({ column, index });
+      });
+      if (markedAsTitleColumns.length > 0) {
+        responsiveTableStore.dispatch(
+          responsiveTableActions.update({
+            tableName: name,
+            accordionIndexColumns: markedAsTitleColumns
+          })
+        );
+      } else {
+        const columnsLength = columns.length;
+        let indexColumn = null;
+        let currentIndex = 0;
+        while (!indexColumn && currentIndex < columns.length) {
+          let isAnyEmptyRow = false;
+          for (const row of rows) {
+            if (!row.cells[currentIndex].children) {
+              isAnyEmptyRow = true;
+              break;
+            }
+          }
+          if (!isAnyEmptyRow && columns[currentIndex]) {
+            indexColumn = columns[currentIndex];
+          } else {
+            currentIndex += 1;
+            if (currentIndex === columnsLength)
+              break;
+          }
+        }
+        if (!indexColumn) {
+          [indexColumn] = columns;
+          currentIndex = 0;
+        }
+        responsiveTableStore.dispatch(
+          responsiveTableActions.update({
+            tableName: name,
+            accordionIndexColumns: [
+              { column: indexColumn, index: currentIndex }
+            ]
+          })
+        );
+      }
+    }
+  }, [columns, name, rows]);
+  return /* @__PURE__ */ jsxs(Accordion, { children: [
+    !rows || rows.length === 0 && /* @__PURE__ */ jsx(NoRegistersRenderer, {}),
+    rows?.map((current, rowIndex) => /* @__PURE__ */ jsx(AccordionElement, { row: current, rowIndex }, current.id))
+  ] });
+};
+const AccordionRenderer = React.memo(NoMemoAccordionRenderer);
+
+export { AccordionRenderer };
+//# sourceMappingURL=AccordionRenderer.js.map

package/dist/renderers/AccordionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRenderer.js","sources":["../../src/renderers/AccordionRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\nimport { TResponsiveTableColumn } from '../types';\r\nimport { AccordionElement } from './AccordionElement';\r\nimport { NoRegistersRenderer } from './NoRegistersRenderer';\r\nimport {\r\n  responsiveTableActions,\r\n  useResponsiveTable,\r\n  responsiveTableStore,\r\n} from '../store';\r\nimport { TResponsiveTableIndexColumns } from '../store/types';\r\nimport { Accordion } from '@apia/components';\r\n\r\nconst NoMemoAccordionRenderer = () => {\r\n  const { name } = useResponsiveTableContext();\r\n\r\n  const { columns, rows } = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return {\r\n      columns: tableState?.columns,\r\n      rows: tableState?.rows,\r\n    };\r\n  }, shallowEqual);\r\n\r\n  React.useEffect(() => {\r\n    /**\r\n     * Método para seleccionar qué columnas se utilizarán\r\n     * como cabezal en cada fila.\r\n     *\r\n     * - Si existe al menos una columna marcada con showInAccordionTitle,\r\n     * todas las columnas que estén marcadas con esta propiedad serán\r\n     * mostradas como parte del título.\r\n     *\r\n     * - Si no existe ninguna, se busca cuál es la primera columna\r\n     * que no tiene ninguna entrada vacía y se utiliza como título\r\n     * del acordión.\r\n     *\r\n     * - Si ninguna columna no tiene ninguna fila vacía, entonces se\r\n     * utiliza la primera columna.\r\n     */\r\n\r\n    if (columns && rows) {\r\n      /**\r\n       * Buscar columnas marcadas\r\n       */\r\n      const markedAsTitleColumns: TResponsiveTableIndexColumns = [];\r\n      columns.forEach((column, index) => {\r\n        if (column.showInAccordionTitle)\r\n          markedAsTitleColumns.push({ column, index });\r\n      });\r\n      if (markedAsTitleColumns.length > 0) {\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            accordionIndexColumns: markedAsTitleColumns,\r\n          }),\r\n        );\r\n      } else {\r\n        /**\r\n         * No se encontró ninguna columna marcada, se busca la primera sin\r\n         * entradas vacías.\r\n         */\r\n        const columnsLength = columns.length;\r\n        let indexColumn: TResponsiveTableColumn | null = null;\r\n        let currentIndex = 0;\r\n\r\n        while (!indexColumn && currentIndex < columns.length) {\r\n          let isAnyEmptyRow = false;\r\n          // eslint-disable-next-line no-restricted-syntax\r\n          for (const row of rows) {\r\n            if (!row.cells[currentIndex].children) {\r\n              isAnyEmptyRow = true;\r\n              break;\r\n            }\r\n          }\r\n          if (!isAnyEmptyRow && columns[currentIndex]) {\r\n            indexColumn = columns[currentIndex];\r\n          } else {\r\n            currentIndex += 1;\r\n            if (currentIndex === columnsLength) break;\r\n          }\r\n        }\r\n        if (!indexColumn) {\r\n          /**\r\n           * No hay ninguna sin ninguna entrada vacía,\r\n           * se usa la primera columna.\r\n           */\r\n          [indexColumn] = columns;\r\n          currentIndex = 0;\r\n        }\r\n        responsiveTableStore.dispatch(\r\n          responsiveTableActions.update({\r\n            tableName: name,\r\n            accordionIndexColumns: [\r\n              { column: indexColumn, index: currentIndex },\r\n            ],\r\n          }),\r\n        );\r\n      }\r\n    }\r\n  }, [columns, name, rows]);\r\n\r\n  return (\r\n    <Accordion>\r\n      {!rows || (rows.length === 0 && <NoRegistersRenderer />)}\r\n      {rows?.map((current, rowIndex) => (\r\n        <AccordionElement row={current} rowIndex={rowIndex} key={current.id} />\r\n      ))}\r\n    </Accordion>\r\n  );\r\n};\r\n\r\nexport const AccordionRenderer = React.memo(NoMemoAccordionRenderer);\r\n"],"names":[],"mappings":"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"}

package/dist/renderers/AdditionalColumnDefaultRenderer.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { TResponsiveTableCellRendererProps } from '../types.js';
+
+declare const AdditionalColumnDefaultRenderer: React__default.MemoExoticComponent<({ column, cell, }: TResponsiveTableCellRendererProps) => React__default.JSX.Element>;
+
+export { AdditionalColumnDefaultRenderer };
+//# sourceMappingURL=AdditionalColumnDefaultRenderer.d.ts.map

package/dist/renderers/AdditionalColumnDefaultRenderer.d.ts.map

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

package/dist/renderers/AdditionalColumnDefaultRenderer.js

@@ -0,0 +1,31 @@
+import { jsxs } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { Box } from '@apia/theme';
+
+const NoMemoAdditionalColumnDefaultRenderer = ({
+  column,
+  cell
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: `${cell.className ?? ""} responsiveTable__additionalInfoItem`,
+      id: cell.id,
+      title: cell.title,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+          column.name,
+          ":"
+        ] }),
+        " ",
+        cell.children
+      ]
+    }
+  );
+};
+const AdditionalColumnDefaultRenderer = React.memo(
+  NoMemoAdditionalColumnDefaultRenderer
+);
+
+export { AdditionalColumnDefaultRenderer };
+//# sourceMappingURL=AdditionalColumnDefaultRenderer.js.map

package/dist/renderers/AdditionalColumnDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalColumnDefaultRenderer.js","sources":["../../src/renderers/AdditionalColumnDefaultRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { TResponsiveTableCellRendererProps } from '../types';\r\n\r\nconst NoMemoAdditionalColumnDefaultRenderer = ({\r\n  column,\r\n  cell,\r\n}: TResponsiveTableCellRendererProps) => {\r\n  return (\r\n    <Box\r\n      className={`${cell.className ?? ''} responsiveTable__additionalInfoItem`}\r\n      id={cell.id}\r\n      title={cell.title}\r\n    >\r\n      <Box as=\"strong\">{column.name}:</Box> {cell.children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const AdditionalColumnDefaultRenderer = React.memo(\r\n  NoMemoAdditionalColumnDefaultRenderer,\r\n);\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,wCAAwC,CAAC;AAAA,EAC7C,MAAA;AAAA,EACA,IAAA;AACF,CAAyC,KAAA;AACvC,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA,EAAG,IAAK,CAAA,SAAA,IAAa,EAAE,CAAA,oCAAA,CAAA;AAAA,MAClC,IAAI,IAAK,CAAA,EAAA;AAAA,MACT,OAAO,IAAK,CAAA,KAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,UAAO,MAAA,CAAA,IAAA;AAAA,UAAK,GAAA;AAAA,SAAC,EAAA,CAAA;AAAA,QAAM,GAAA;AAAA,QAAE,IAAK,CAAA,QAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAC9C,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,kCAAkC,KAAM,CAAA,IAAA;AAAA,EACnD,qCAAA;AACF;;;;"}

package/dist/renderers/DefaultCellRenderer.d.ts

@@ -0,0 +1,11 @@
+import { TResponsiveTableCell, TResponsiveTableColumn, TResponsiveTableRow } from '../types.js';
+import React__default from 'react';
+
+declare const DefaultCellRenderer: React__default.ForwardRefExoticComponent<{
+    cell: TResponsiveTableCell<Record<string, unknown>>;
+    column: TResponsiveTableColumn;
+    row: TResponsiveTableRow<Record<string, unknown>>;
+} & React__default.AllHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
+
+export { DefaultCellRenderer };
+//# sourceMappingURL=DefaultCellRenderer.d.ts.map

package/dist/renderers/DefaultCellRenderer.d.ts.map

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

package/dist/renderers/DefaultCellRenderer.js

@@ -0,0 +1,49 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React, { useMemo } from 'react';
+import { Box } from '@apia/theme';
+import { AutoEllipsis } from '@apia/components';
+
+const NoMemoDefaultCellRenderer = React.forwardRef(
+  ({
+    cell: { Renderer, rendererProps, AccordionRenderer, ariaLabel, ...cell },
+    column,
+    row,
+    ...props
+  }, currentRef) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "td",
+      sx: useMemo(
+        () => ({
+          "&.colored": {
+            background: cell.background,
+            color: cell.color,
+            fontWeight: "bold"
+          }
+        }),
+        [cell.background, cell.color]
+      ),
+      ref: currentRef,
+      ...props,
+      ...cell,
+      "aria-label": ariaLabel,
+      children: /* @__PURE__ */ jsx(
+        AutoEllipsis,
+        {
+          overrideStyles: (el) => {
+            const td = el.closest("td");
+            return {
+              width: window.getComputedStyle(td).width
+            };
+          },
+          children: props.children ?? cell.children
+        }
+      )
+    }
+  )
+);
+NoMemoDefaultCellRenderer.displayName = "DefaultCellRenderer";
+const DefaultCellRenderer = NoMemoDefaultCellRenderer;
+
+export { DefaultCellRenderer };
+//# sourceMappingURL=DefaultCellRenderer.js.map

package/dist/renderers/DefaultCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCellRenderer.js","sources":["../../src/renderers/DefaultCellRenderer.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useMemo } from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { TResponsiveTableCellRendererProps } from '../types';\r\nimport { AutoEllipsis } from '@apia/components';\r\n\r\nconst NoMemoDefaultCellRenderer = React.forwardRef<\r\n  HTMLTableCellElement,\r\n  TResponsiveTableCellRendererProps\r\n>(\r\n  (\r\n    {\r\n      cell: { Renderer, rendererProps, AccordionRenderer, ariaLabel, ...cell },\r\n      column,\r\n      row,\r\n      ...props\r\n    },\r\n    currentRef,\r\n  ) => (\r\n    <Box\r\n      as={'td' as any}\r\n      sx={useMemo(\r\n        () => ({\r\n          '&.colored': {\r\n            background: cell.background,\r\n            color: cell.color,\r\n            fontWeight: 'bold',\r\n          },\r\n        }),\r\n        [cell.background, cell.color],\r\n      )}\r\n      ref={currentRef as React.RefObject<HTMLTableCellElement>}\r\n      {...props}\r\n      {...cell}\r\n      aria-label={ariaLabel as string}\r\n    >\r\n      <AutoEllipsis\r\n        overrideStyles={(el) => {\r\n          const td = el.closest('td') as HTMLElement;\r\n\r\n          return {\r\n            width: window.getComputedStyle(td).width,\r\n          };\r\n        }}\r\n      >\r\n        {props.children ?? cell.children}\r\n      </AutoEllipsis>\r\n    </Box>\r\n  ),\r\n);\r\nNoMemoDefaultCellRenderer.displayName = 'DefaultCellRenderer';\r\nexport const DefaultCellRenderer = NoMemoDefaultCellRenderer;\r\n"],"names":[],"mappings":";;;;;AAMA,MAAM,4BAA4B,KAAM,CAAA,UAAA;AAAA,EAItC,CACE;AAAA,IACE,MAAM,EAAE,QAAA,EAAU,eAAe,iBAAmB,EAAA,SAAA,EAAW,GAAG,IAAK,EAAA;AAAA,IACvE,MAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG,KAAA;AAAA,KAEL,UAEA,qBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,IAAA;AAAA,MACJ,EAAI,EAAA,OAAA;AAAA,QACF,OAAO;AAAA,UACL,WAAa,EAAA;AAAA,YACX,YAAY,IAAK,CAAA,UAAA;AAAA,YACjB,OAAO,IAAK,CAAA,KAAA;AAAA,YACZ,UAAY,EAAA,MAAA;AAAA,WACd;AAAA,SACF,CAAA;AAAA,QACA,CAAC,IAAA,CAAK,UAAY,EAAA,IAAA,CAAK,KAAK,CAAA;AAAA,OAC9B;AAAA,MACA,GAAK,EAAA,UAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,YAAY,EAAA,SAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAgB,CAAC,EAAO,KAAA;AACtB,YAAM,MAAA,EAAA,GAAK,EAAG,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAE1B,YAAO,OAAA;AAAA,cACL,KAAO,EAAA,MAAA,CAAO,gBAAiB,CAAA,EAAE,CAAE,CAAA,KAAA;AAAA,aACrC,CAAA;AAAA,WACF;AAAA,UAEC,QAAA,EAAA,KAAA,CAAM,YAAY,IAAK,CAAA,QAAA;AAAA,SAAA;AAAA,OAC1B;AAAA,KAAA;AAAA,GACF;AAEJ,CAAA,CAAA;AACA,yBAAA,CAA0B,WAAc,GAAA,qBAAA,CAAA;AACjC,MAAM,mBAAsB,GAAA;;;;"}

package/dist/renderers/DefaultRowRenderer.d.ts

@@ -0,0 +1,6 @@
+import { TResponsiveTableRowRenderer } from '../types.js';
+
+declare const DefaultRowRenderer: TResponsiveTableRowRenderer;
+
+export { DefaultRowRenderer };
+//# sourceMappingURL=DefaultRowRenderer.d.ts.map

package/dist/renderers/DefaultRowRenderer.d.ts.map

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

package/dist/renderers/DefaultRowRenderer.js

@@ -0,0 +1,26 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React, { useMemo } from 'react';
+import { Box } from '@apia/theme';
+
+const NoMemoDefaultRowRenderer = React.forwardRef(({ row, rowIndex, ...props }, currentRef) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    as: "tr",
+    sx: useMemo(
+      () => ({
+        "&.colored, & > *": {
+          color: row.color,
+          background: row.background
+        }
+      }),
+      [row.background, row.color]
+    ),
+    ref: currentRef,
+    ...props
+  }
+));
+NoMemoDefaultRowRenderer.displayName = "DefaultRowRenderer";
+const DefaultRowRenderer = NoMemoDefaultRowRenderer;
+
+export { DefaultRowRenderer };
+//# sourceMappingURL=DefaultRowRenderer.js.map

package/dist/renderers/DefaultRowRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRowRenderer.js","sources":["../../src/renderers/DefaultRowRenderer.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useMemo } from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport {\r\n  TResponsiveTableRowRenderer,\r\n  TResponsiveTableRowRendererProps,\r\n} from '../types';\r\n\r\nconst NoMemoDefaultRowRenderer: TResponsiveTableRowRenderer = React.forwardRef<\r\n  HTMLTableRowElement,\r\n  TResponsiveTableRowRendererProps\r\n>(({ row, rowIndex, ...props }, currentRef) => (\r\n  <Box\r\n    as={'tr' as any}\r\n    sx={useMemo(\r\n      () => ({\r\n        '&.colored, & > *': {\r\n          color: row.color,\r\n          background: row.background,\r\n        },\r\n      }),\r\n      [row.background, row.color],\r\n    )}\r\n    ref={currentRef as React.RefObject<HTMLTableRowElement>}\r\n    {...props}\r\n  />\r\n));\r\n\r\nNoMemoDefaultRowRenderer.displayName = 'DefaultRowRenderer';\r\n\r\nexport const DefaultRowRenderer = NoMemoDefaultRowRenderer;\r\n"],"names":[],"mappings":";;;;AAQA,MAAM,wBAAA,GAAwD,KAAM,CAAA,UAAA,CAGlE,CAAC,EAAE,KAAK,QAAU,EAAA,GAAG,KAAM,EAAA,EAAG,UAC9B,qBAAA,GAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,EAAI,EAAA,IAAA;AAAA,IACJ,EAAI,EAAA,OAAA;AAAA,MACF,OAAO;AAAA,QACL,kBAAoB,EAAA;AAAA,UAClB,OAAO,GAAI,CAAA,KAAA;AAAA,UACX,YAAY,GAAI,CAAA,UAAA;AAAA,SAClB;AAAA,OACF,CAAA;AAAA,MACA,CAAC,GAAA,CAAI,UAAY,EAAA,GAAA,CAAI,KAAK,CAAA;AAAA,KAC5B;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,IACJ,GAAG,KAAA;AAAA,GAAA;AACN,CACD,CAAA,CAAA;AAED,wBAAA,CAAyB,WAAc,GAAA,oBAAA,CAAA;AAEhC,MAAM,kBAAqB,GAAA;;;;"}

package/dist/renderers/DocNameCellRenderer.d.ts

@@ -0,0 +1,10 @@
+import { TResponsiveTableCellRenderer } from '../types.js';
+
+type TDocNameCellRendererProps = {
+    docName: string;
+    docUrl: string;
+};
+declare const DocNameCellRenderer: TResponsiveTableCellRenderer<TDocNameCellRendererProps>;
+
+export { DocNameCellRenderer, type TDocNameCellRendererProps };
+//# sourceMappingURL=DocNameCellRenderer.d.ts.map

package/dist/renderers/DocNameCellRenderer.d.ts.map

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