@apia/table 1.0.4 → 2.0.1

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';\nimport { FunctionComponent } from 'react';\nimport {\n  TResponsiveTableCell,\n  TResponsiveTableColumn,\n  TResponsiveTableRow,\n} from '../types';\n\nexport type TAccordionCellRendererProps<CellProps = Record<string, unknown>> = {\n  cell: TResponsiveTableCell<CellProps>;\n  column: TResponsiveTableColumn;\n  columnIndex: number;\n  row: TResponsiveTableRow;\n  rowIndex: number;\n};\n\nexport type TAccordionCellRenderer<CellProps = Record<string, unknown>> =\n  FunctionComponent<TAccordionCellRendererProps<CellProps>>;\n\nconst NoMemoAccordionCell: TAccordionCellRenderer = ({ cell, column }) => {\n  return (\n    <Box\n      key={column.name}\n      className={`responsiveTable__accordionElement__column ${\n        cell.className ?? ''\n      }`}\n    >\n      <Box as=\"strong\">{column.label ?? column.name}: </Box>\n      <Box as=\"span\" sx={{ color: cell.color, background: cell.background }}>\n        {cell?.children}\n      </Box>\n    </Box>\n  );\n};\n\nexport const AccordionCell = NoMemoAccordionCell;\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';\nimport { Box, Link } from '@apia/theme';\nimport { downloadUrl } from '@apia/util';\nimport { Icon } from '@apia/icons';\nimport {\n  TAccordionCellRenderer,\n  TAccordionCellRendererProps,\n} from './AccordionCell';\n\nexport type TDocNameCellRendererProps = {\n  docName: string;\n  docUrl: string;\n};\n\nexport type TDocNameCellRenderer =\n  TAccordionCellRendererProps<TDocNameCellRendererProps>;\n\nconst NoMemoAccordionDocNameCellRenderer: TAccordionCellRenderer<TDocNameCellRendererProps> =\n  React.forwardRef<HTMLElement, TDocNameCellRenderer>(\n    (\n      {\n        cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n        column,\n      },\n      currentRef,\n    ) => (\n      <Box ref={currentRef as React.RefObject<HTMLElement>} {...cell}>\n        <Box as=\"strong\">{column.label ?? column.name}: </Box>\n        <Link\n          className=\"cell__download__document\"\n          title={rendererProps?.docName}\n          href={rendererProps?.docUrl}\n          onClick={(ev) => {\n            ev.preventDefault();\n            if (rendererProps?.docUrl) void downloadUrl(rendererProps?.docUrl);\n          }}\n        >\n          <Icon title=\"\" name=\"Download\" />\n          {rendererProps?.docName}\n        </Link>\n      </Box>\n    ),\n  );\n\nNoMemoAccordionDocNameCellRenderer.displayName = 'AccordionDocNameCellRenderer';\n\nexport const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;\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';\nimport { shallowEqual } from 'react-redux';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\nimport { TResponsiveTableRow } from '../types';\nimport { AccordionCell } from './AccordionCell';\nimport {\n  responsiveTableActions,\n  responsiveTableStore,\n  useResponsiveTable,\n} from '../store';\nimport { AccordionItem, IAccordionItemButton } from '@apia/components';\n\nexport interface IAccordionElement {\n  row: TResponsiveTableRow;\n  rowIndex: number;\n}\n\nconst NoMemoAccordionElement = ({ row, rowIndex }: IAccordionElement) => {\n  const { name } = useResponsiveTableContext();\n\n  const indexColumns = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.accordionIndexColumns;\n  }, shallowEqual);\n  const columns = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return tableState?.columns;\n  }, shallowEqual);\n\n  const title = React.useMemo(() => {\n    if (row.title) return row.title;\n    if (Array.isArray(indexColumns))\n      return indexColumns\n        .map(\n          (current) =>\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            row.cells[current.index].title ||\n            (row.cells[current.index].children as string),\n        )\n        .join(' | ');\n    return row.cells[0].title ?? (row.cells[0].children as string);\n  }, [indexColumns, row.cells, row.title]);\n  const isSelected = useResponsiveTable((global) =>\n    global.responsiveTableSlice[name].allowSelection !== false\n      ? global.responsiveTableSlice[name].selectedRows.includes(rowIndex)\n      : undefined,\n  );\n  const isFocused = useResponsiveTable(\n    (global) => global.responsiveTableSlice[name].focusedRow === rowIndex,\n  );\n  const buttonProps = useMemo<IAccordionItemButton>(\n    () => ({\n      title,\n      ariaLabel: title,\n      label: title,\n      checked: isSelected,\n      onChange: (isChecked: boolean) => {\n        const isMultiple =\n          responsiveTableStore.getState().responsiveTableSlice[name].isMultiple;\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            selectedRows: isMultiple\n              ? isChecked\n                ? [\n                    ...responsiveTableStore.getState().responsiveTableSlice[\n                      name\n                    ].selectedRows,\n                    rowIndex,\n                  ]\n                : responsiveTableStore\n                    .getState()\n                    .responsiveTableSlice[name].selectedRows.filter(\n                      (current) => current !== rowIndex,\n                    )\n              : [rowIndex],\n          }),\n        );\n      },\n      tabIndex: isFocused ? 0 : -1,\n      rightButtons: row.accordionButtonProps?.rightButtons,\n      onUserPressEnter: row.accordionButtonProps?.onUserPressEnter,\n      domButtonProps: {\n        buttonSx: {\n          '&.accordion__item__button .accordion__item__button__label': {\n            color: row.color,\n          },\n        },\n      },\n    }),\n    [\n      isFocused,\n      isSelected,\n      name,\n      row.accordionButtonProps?.onUserPressEnter,\n      row.accordionButtonProps?.rightButtons,\n      row.color,\n      rowIndex,\n      title,\n    ],\n  );\n\n  if (!Array.isArray(indexColumns) || !columns) return null;\n\n  return (\n    <AccordionItem id={row.id} buttonProps={buttonProps}>\n      {columns.map((currentColumn, columnIndex) => {\n        const Renderer =\n          row.cells[columnIndex].AccordionRenderer ??\n          currentColumn.AccordionRenderer ??\n          AccordionCell;\n\n        return currentColumn.hideFromAccordion ||\n          currentColumn.showAsAdditional ? null : (\n          <Renderer\n            cell={row.cells[columnIndex]}\n            column={currentColumn}\n            columnIndex={columnIndex}\n            key={currentColumn.name}\n            row={row}\n            rowIndex={rowIndex}\n          />\n        );\n      })}\n\n      {columns\n        .filter((current) => !!current.showAsAdditional)\n        .map((currentColumn, columnIndex) => {\n          const Renderer =\n            row.cells[columnIndex].AccordionRenderer ??\n            currentColumn.AccordionRenderer ??\n            AccordionCell;\n\n          return currentColumn.hideFromAccordion ? null : (\n            <Renderer\n              cell={row.cells[columnIndex]}\n              column={currentColumn}\n              columnIndex={columnIndex}\n              key={currentColumn.name}\n              row={row}\n              rowIndex={rowIndex}\n            />\n          );\n        })}\n    </AccordionItem>\n  );\n};\n\nexport const AccordionElement = memo(NoMemoAccordionElement);\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';\nimport { Box } from '@apia/theme';\nimport { TResponsiveTableCellRendererProps } from '../types';\nimport { TAccordionCellRenderer } from './AccordionCell';\n\nconst NoMemoAccordionHTMLCellRenderer: TAccordionCellRenderer<{\n  html: string;\n}> = React.forwardRef<\n  HTMLSpanElement,\n  TResponsiveTableCellRendererProps<{ html: string }>\n>(\n  (\n    {\n      cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n      column,\n      row,\n      ...props\n    },\n    currentRef,\n  ) => (\n    /**\n     * Aca falta el title de la columna\n     */\n    <Box\n      ref={currentRef as React.RefObject<HTMLTableCellElement>}\n      {...props}\n      {...cell}\n      className=\"accordion__cell__renderer\"\n      dangerouslySetInnerHTML={{\n        __html: String(rendererProps?.html ?? children ?? '').replaceAll(\n          /<TOK(\\d+)/g,\n          '&lt;TOK$1',\n        ),\n      }}\n      as=\"span\"\n    />\n  ),\n);\n\nNoMemoAccordionHTMLCellRenderer.displayName = 'AccordionHTMLCellRenderer';\n\nexport const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;\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';\nimport { shallowEqual } from 'react-redux';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\nimport { TResponsiveTableColumn } from '../types';\nimport { AccordionElement } from './AccordionElement';\nimport { NoRegistersRenderer } from './NoRegistersRenderer';\nimport {\n  responsiveTableActions,\n  useResponsiveTable,\n  responsiveTableStore,\n} from '../store';\nimport { TResponsiveTableIndexColumns } from '../store/types';\nimport { Accordion } from '@apia/components';\n\nconst NoMemoAccordionRenderer = () => {\n  const { name } = useResponsiveTableContext();\n\n  const { columns, rows } = useResponsiveTable((global) => {\n    const tableState = global.responsiveTableSlice[name];\n    return {\n      columns: tableState?.columns,\n      rows: tableState?.rows,\n    };\n  }, shallowEqual);\n\n  React.useEffect(() => {\n    /**\n     * Método para seleccionar qué columnas se utilizarán\n     * como cabezal en cada fila.\n     *\n     * - Si existe al menos una columna marcada con showInAccordionTitle,\n     * todas las columnas que estén marcadas con esta propiedad serán\n     * mostradas como parte del título.\n     *\n     * - Si no existe ninguna, se busca cuál es la primera columna\n     * que no tiene ninguna entrada vacía y se utiliza como título\n     * del acordión.\n     *\n     * - Si ninguna columna no tiene ninguna fila vacía, entonces se\n     * utiliza la primera columna.\n     */\n\n    if (columns && rows) {\n      /**\n       * Buscar columnas marcadas\n       */\n      const markedAsTitleColumns: TResponsiveTableIndexColumns = [];\n      columns.forEach((column, index) => {\n        if (column.showInAccordionTitle)\n          markedAsTitleColumns.push({ column, index });\n      });\n      if (markedAsTitleColumns.length > 0) {\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            accordionIndexColumns: markedAsTitleColumns,\n          }),\n        );\n      } else {\n        /**\n         * No se encontró ninguna columna marcada, se busca la primera sin\n         * entradas vacías.\n         */\n        const columnsLength = columns.length;\n        let indexColumn: TResponsiveTableColumn | null = null;\n        let currentIndex = 0;\n\n        while (!indexColumn && currentIndex < columns.length) {\n          let isAnyEmptyRow = false;\n          // eslint-disable-next-line no-restricted-syntax\n          for (const row of rows) {\n            if (!row.cells[currentIndex].children) {\n              isAnyEmptyRow = true;\n              break;\n            }\n          }\n          if (!isAnyEmptyRow && columns[currentIndex]) {\n            indexColumn = columns[currentIndex];\n          } else {\n            currentIndex += 1;\n            if (currentIndex === columnsLength) break;\n          }\n        }\n        if (!indexColumn) {\n          /**\n           * No hay ninguna sin ninguna entrada vacía,\n           * se usa la primera columna.\n           */\n          [indexColumn] = columns;\n          currentIndex = 0;\n        }\n        responsiveTableStore.dispatch(\n          responsiveTableActions.update({\n            tableName: name,\n            accordionIndexColumns: [\n              { column: indexColumn, index: currentIndex },\n            ],\n          }),\n        );\n      }\n    }\n  }, [columns, name, rows]);\n\n  return (\n    <Accordion>\n      {!rows || (rows.length === 0 && <NoRegistersRenderer />)}\n      {rows?.map((current, rowIndex) => (\n        <AccordionElement row={current} rowIndex={rowIndex} key={current.id} />\n      ))}\n    </Accordion>\n  );\n};\n\nexport const AccordionRenderer = React.memo(NoMemoAccordionRenderer);\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';\nimport { Box } from '@apia/theme';\nimport { TResponsiveTableCellRendererProps } from '../types';\n\nconst NoMemoAdditionalColumnDefaultRenderer = ({\n  column,\n  cell,\n}: TResponsiveTableCellRendererProps) => {\n  return (\n    <Box\n      className={`${cell.className ?? ''} responsiveTable__additionalInfoItem`}\n      id={cell.id}\n      title={cell.title}\n    >\n      <Box as=\"strong\">{column.name}:</Box> {cell.children}\n    </Box>\n  );\n};\n\nexport const AdditionalColumnDefaultRenderer = React.memo(\n  NoMemoAdditionalColumnDefaultRenderer,\n);\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 */\nimport React, { useMemo } from 'react';\nimport { Box } from '@apia/theme';\nimport { TResponsiveTableCellRendererProps } from '../types';\nimport { AutoEllipsis } from '@apia/components';\n\nconst NoMemoDefaultCellRenderer = React.forwardRef<\n  HTMLTableCellElement,\n  TResponsiveTableCellRendererProps\n>(\n  (\n    {\n      cell: { Renderer, rendererProps, AccordionRenderer, ariaLabel, ...cell },\n      column,\n      row,\n      ...props\n    },\n    currentRef,\n  ) => (\n    <Box\n      as={'td' as any}\n      sx={useMemo(\n        () => ({\n          '&.colored': {\n            background: cell.background,\n            color: cell.color,\n            fontWeight: 'bold',\n          },\n        }),\n        [cell.background, cell.color],\n      )}\n      ref={currentRef as React.RefObject<HTMLTableCellElement>}\n      {...props}\n      {...cell}\n      aria-label={ariaLabel as string}\n    >\n      <AutoEllipsis\n        overrideStyles={(el) => {\n          const td = el.closest('td') as HTMLElement;\n\n          return {\n            width: window.getComputedStyle(td).width,\n          };\n        }}\n      >\n        {props.children ?? cell.children}\n      </AutoEllipsis>\n    </Box>\n  ),\n);\nNoMemoDefaultCellRenderer.displayName = 'DefaultCellRenderer';\nexport const DefaultCellRenderer = NoMemoDefaultCellRenderer;\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 */\nimport React, { useMemo } from 'react';\nimport { Box } from '@apia/theme';\nimport {\n  TResponsiveTableRowRenderer,\n  TResponsiveTableRowRendererProps,\n} from '../types';\n\nconst NoMemoDefaultRowRenderer: TResponsiveTableRowRenderer = React.forwardRef<\n  HTMLTableRowElement,\n  TResponsiveTableRowRendererProps\n>(({ row, rowIndex, ...props }, currentRef) => (\n  <Box\n    as={'tr' as any}\n    sx={useMemo(\n      () => ({\n        '&.colored, & > *': {\n          color: row.color,\n          background: row.background,\n        },\n      }),\n      [row.background, row.color],\n    )}\n    ref={currentRef as React.RefObject<HTMLTableRowElement>}\n    {...props}\n  />\n));\n\nNoMemoDefaultRowRenderer.displayName = 'DefaultRowRenderer';\n\nexport const DefaultRowRenderer = NoMemoDefaultRowRenderer;\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":""}

package/dist/renderers/DocNameCellRenderer.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { Link } from '@apia/theme';
+import { downloadUrl } from '@apia/util';
+import { Icon } from '@apia/icons';
+
+const NoMemoDocNameCellRenderer = React.forwardRef(
+  ({
+    cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
+    column,
+    row,
+    ...props
+  }, currentRef) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref: currentRef,
+      ...props,
+      ...cell,
+      children: /* @__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
+          ]
+        }
+      )
+    }
+  )
+);
+NoMemoDocNameCellRenderer.displayName = "DocNameCellRenderer";
+const DocNameCellRenderer = NoMemoDocNameCellRenderer;
+
+export { DocNameCellRenderer };
+//# sourceMappingURL=DocNameCellRenderer.js.map

package/dist/renderers/DocNameCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocNameCellRenderer.js","sources":["../../src/renderers/DocNameCellRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from '@apia/theme';\nimport { downloadUrl } from '@apia/util';\nimport { Icon } from '@apia/icons';\nimport {\n  TResponsiveTableCellRenderer,\n  TResponsiveTableCellRendererProps,\n} from '../types';\n\nexport type TDocNameCellRendererProps = {\n  docName: string;\n  docUrl: string;\n};\n\nexport type TDocNameCellRenderer =\n  TResponsiveTableCellRendererProps<TDocNameCellRendererProps>;\n\nconst NoMemoDocNameCellRenderer: TResponsiveTableCellRenderer<TDocNameCellRendererProps> =\n  React.forwardRef<HTMLTableCellElement, TDocNameCellRenderer>(\n    (\n      {\n        cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n        column,\n        row,\n        ...props\n      },\n      currentRef,\n    ) => (\n      <td\n        ref={currentRef as React.RefObject<HTMLTableCellElement>}\n        {...props}\n        {...cell}\n      >\n        <Link\n          className=\"cell__download__document\"\n          title={rendererProps?.docName}\n          href={rendererProps?.docUrl}\n          onClick={(ev) => {\n            ev.preventDefault();\n            if (rendererProps?.docUrl) void downloadUrl(rendererProps?.docUrl);\n          }}\n        >\n          <Icon title=\"\" name=\"Download\" />\n          {rendererProps?.docName}\n        </Link>\n      </td>\n    ),\n  );\n\nNoMemoDocNameCellRenderer.displayName = 'DocNameCellRenderer';\n\nexport const DocNameCellRenderer = NoMemoDocNameCellRenderer;\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,4BACJ,KAAM,CAAA,UAAA;AAAA,EACJ,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,KAEL,UAEA,qBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,UAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,0BAAA;AAAA,UACV,OAAO,aAAe,EAAA,OAAA;AAAA,UACtB,MAAM,aAAe,EAAA,MAAA;AAAA,UACrB,OAAA,EAAS,CAAC,EAAO,KAAA;AACf,YAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,YAAA,IAAI,aAAe,EAAA,MAAA;AAAQ,cAAK,KAAA,WAAA,CAAY,eAAe,MAAM,CAAA,CAAA;AAAA,WACnE;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,EAAG,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,YAC9B,aAAe,EAAA,OAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAClB;AAAA,KAAA;AAAA,GACF;AAEJ,CAAA,CAAA;AAEF,yBAAA,CAA0B,WAAc,GAAA,qBAAA,CAAA;AAEjC,MAAM,mBAAsB,GAAA;;;;"}

package/dist/renderers/HTMLCellRenderer.d.ts

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

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

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