@apia/table 2.0.9 → 2.0.10

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';\r\nimport { Link } from '@apia/theme';\r\nimport { downloadUrl } from '@apia/util';\r\nimport { Icon } from '@apia/icons';\r\nimport {\r\n  TResponsiveTableCellRenderer,\r\n  TResponsiveTableCellRendererProps,\r\n} from '../types';\r\n\r\nexport type TDocNameCellRendererProps = {\r\n  docName: string;\r\n  docUrl: string;\r\n};\r\n\r\nexport type TDocNameCellRenderer =\r\n  TResponsiveTableCellRendererProps<TDocNameCellRendererProps>;\r\n\r\nconst NoMemoDocNameCellRenderer: TResponsiveTableCellRenderer<TDocNameCellRendererProps> =\r\n  React.forwardRef<HTMLTableCellElement, TDocNameCellRenderer>(\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      <td\r\n        ref={currentRef as React.RefObject<HTMLTableCellElement>}\r\n        {...props}\r\n        {...cell}\r\n      >\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      </td>\r\n    ),\r\n  );\r\n\r\nNoMemoDocNameCellRenderer.displayName = 'DocNameCellRenderer';\r\n\r\nexport const DocNameCellRenderer = NoMemoDocNameCellRenderer;\r\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":""}

package/dist/renderers/HTMLCellRenderer.js

@@ -0,0 +1,29 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+
+const NoMemoHTMLCellRenderer = React.forwardRef(
+  ({
+    cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
+    column,
+    row,
+    ...props
+  }, currentRef) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref: currentRef,
+      ...props,
+      ...cell,
+      dangerouslySetInnerHTML: {
+        __html: String(rendererProps?.html ?? children ?? "").replaceAll(
+          /<TOK(\d+)/g,
+          "&lt;TOK$1"
+        )
+      }
+    }
+  )
+);
+NoMemoHTMLCellRenderer.displayName = "HTMLCellRenderer";
+const HTMLCellRenderer = NoMemoHTMLCellRenderer;
+
+export { HTMLCellRenderer };
+//# sourceMappingURL=HTMLCellRenderer.js.map

package/dist/renderers/HTMLCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLCellRenderer.js","sources":["../../src/renderers/HTMLCellRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  TResponsiveTableCellRenderer,\r\n  TResponsiveTableCellRendererProps,\r\n} from '../types';\r\n\r\nconst NoMemoHTMLCellRenderer: TResponsiveTableCellRenderer<{ html: string }> =\r\n  React.forwardRef<\r\n    HTMLTableCellElement,\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      <td\r\n        ref={currentRef as React.RefObject<HTMLTableCellElement>}\r\n        {...props}\r\n        {...cell}\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      />\r\n    ),\r\n  );\r\n\r\nNoMemoHTMLCellRenderer.displayName = 'HTMLCellRenderer';\r\n\r\nexport const HTMLCellRenderer = NoMemoHTMLCellRenderer;\r\n"],"names":[],"mappings":";;;AAMA,MAAM,yBACJ,KAAM,CAAA,UAAA;AAAA,EAIJ,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,MACJ,uBAAyB,EAAA;AAAA,QACvB,QAAQ,MAAO,CAAA,aAAA,EAAe,IAAQ,IAAA,QAAA,IAAY,EAAE,CAAE,CAAA,UAAA;AAAA,UACpD,YAAA;AAAA,UACA,WAAA;AAAA,SACF;AAAA,OACF;AAAA,KAAA;AAAA,GACF;AAEJ,CAAA,CAAA;AAEF,sBAAA,CAAuB,WAAc,GAAA,kBAAA,CAAA;AAE9B,MAAM,gBAAmB,GAAA;;;;"}

package/dist/renderers/IsLoadingRenderer.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+declare const IsLoadingRenderer: () => React.JSX.Element;
+
+export { IsLoadingRenderer };
+//# sourceMappingURL=IsLoadingRenderer.d.ts.map

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

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

package/dist/renderers/IsLoadingRenderer.js

@@ -0,0 +1,9 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { Box, Spinner } from '@apia/theme';
+
+const IsLoadingRenderer = () => {
+  return /* @__PURE__ */ jsx(Box, { className: "responsiveTable__isLoading", children: /* @__PURE__ */ jsx(Spinner, {}) });
+};
+
+export { IsLoadingRenderer };
+//# sourceMappingURL=IsLoadingRenderer.js.map

package/dist/renderers/IsLoadingRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsLoadingRenderer.js","sources":["../../src/renderers/IsLoadingRenderer.tsx"],"sourcesContent":["import { Box, Spinner } from '@apia/theme';\r\n\r\nexport const IsLoadingRenderer = () => {\r\n  return (\r\n    <Box className=\"responsiveTable__isLoading\">\r\n      <Spinner />\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;AAEO,MAAM,oBAAoB,MAAM;AACrC,EAAA,2BACG,GAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/renderers/NoRegistersRenderer.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+declare const NoRegistersRenderer: () => React.JSX.Element;
+
+export { NoRegistersRenderer };
+//# sourceMappingURL=NoRegistersRenderer.d.ts.map

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

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

package/dist/renderers/NoRegistersRenderer.js

@@ -0,0 +1,11 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { Box } from '@apia/theme';
+import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
+
+const NoRegistersRenderer = () => {
+  const { labels } = useResponsiveTableContext();
+  return /* @__PURE__ */ jsx(Box, { className: "no__registers", children: labels.noRegisters });
+};
+
+export { NoRegistersRenderer };
+//# sourceMappingURL=NoRegistersRenderer.js.map

package/dist/renderers/NoRegistersRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoRegistersRenderer.js","sources":["../../src/renderers/NoRegistersRenderer.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\n\r\nexport const NoRegistersRenderer = () => {\r\n  const { labels } = useResponsiveTableContext();\r\n  return <Box className=\"no__registers\">{labels.noRegisters}</Box>;\r\n};\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAC7C,EAAA,uBAAQ,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,eAAA,EAAiB,iBAAO,WAAY,EAAA,CAAA,CAAA;AAC5D;;;;"}

package/dist/renderers/PriorityAccordionRenderer.d.ts

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

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

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

package/dist/renderers/PriorityAccordionRenderer.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { FaSquare } from '@meronex/icons/fa';
+import React from 'react';
+import { Box } from '@apia/theme';
+import { getPriorityHandler } from './PriorityRenderer.js';
+
+const NoMemoPriorityAccordionRenderer = React.forwardRef(
+  ({ cell, column }, currentRef) => {
+    const taskPriorityColor = getPriorityHandler(
+      cell.rendererProps?.src
+    );
+    const title = column.label ?? column.name;
+    return /* @__PURE__ */ jsxs(Box, { ref: currentRef, className: "priority_container", children: [
+      title && /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+        column.label ?? column.name,
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          as: "span",
+          className: "priority",
+          sx: {
+            color: taskPriorityColor
+          },
+          children: /* @__PURE__ */ jsx(FaSquare, {})
+        }
+      )
+    ] });
+  }
+);
+NoMemoPriorityAccordionRenderer.displayName = "PriorityAccordionRenderer";
+const PriorityAccordionRenderer = NoMemoPriorityAccordionRenderer;
+
+export { PriorityAccordionRenderer };
+//# sourceMappingURL=PriorityAccordionRenderer.js.map

package/dist/renderers/PriorityAccordionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriorityAccordionRenderer.js","sources":["../../src/renderers/PriorityAccordionRenderer.tsx"],"sourcesContent":["import { FaSquare } from '@meronex/icons/fa';\r\nimport React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport {\r\n  TAccordionCellRenderer,\r\n  TAccordionCellRendererProps,\r\n} from './AccordionCell';\r\nimport { getPriorityHandler } from './PriorityRenderer';\r\n\r\nconst NoMemoPriorityAccordionRenderer: TAccordionCellRenderer =\r\n  React.forwardRef<HTMLTableCellElement, TAccordionCellRendererProps>(\r\n    ({ cell, column }, currentRef) => {\r\n      const taskPriorityColor = getPriorityHandler(\r\n        cell.rendererProps?.src as string,\r\n      );\r\n      const title = column.label ?? column.name;\r\n      return (\r\n        <Box ref={currentRef} className=\"priority_container\">\r\n          {title && <Box as=\"strong\">{column.label ?? column.name}: </Box>}\r\n          <Box\r\n            as=\"span\"\r\n            className=\"priority\"\r\n            sx={{\r\n              color: taskPriorityColor,\r\n            }}\r\n          >\r\n            <FaSquare />\r\n          </Box>\r\n        </Box>\r\n      );\r\n    },\r\n  );\r\n\r\nNoMemoPriorityAccordionRenderer.displayName = 'PriorityAccordionRenderer';\r\n\r\nexport const PriorityAccordionRenderer = NoMemoPriorityAccordionRenderer;\r\n"],"names":[],"mappings":";;;;;;AASA,MAAM,kCACJ,KAAM,CAAA,UAAA;AAAA,EACJ,CAAC,EAAE,IAAM,EAAA,MAAA,IAAU,UAAe,KAAA;AAChC,IAAA,MAAM,iBAAoB,GAAA,kBAAA;AAAA,MACxB,KAAK,aAAe,EAAA,GAAA;AAAA,KACtB,CAAA;AACA,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,KAAA,IAAS,MAAO,CAAA,IAAA,CAAA;AACrC,IAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA,UAAA,EAAY,WAAU,oBAC7B,EAAA,QAAA,EAAA;AAAA,MAAS,KAAA,oBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAG,QAAU,EAAA,QAAA,EAAA;AAAA,QAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,QAAK,IAAA;AAAA,OAAE,EAAA,CAAA;AAAA,sBAC1D,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,MAAA;AAAA,UACH,SAAU,EAAA,UAAA;AAAA,UACV,EAAI,EAAA;AAAA,YACF,KAAO,EAAA,iBAAA;AAAA,WACT;AAAA,UAEA,8BAAC,QAAS,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OACZ;AAAA,KACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEF,+BAAA,CAAgC,WAAc,GAAA,2BAAA,CAAA;AAEvC,MAAM,yBAA4B,GAAA;;;;"}

package/dist/renderers/PriorityRenderer.d.ts

@@ -0,0 +1,9 @@
+import { TResponsiveTableCellRenderer } from '../types.js';
+
+declare function getPriorityHandler(priority: string | undefined): string | undefined;
+declare const PriorityRenderer: TResponsiveTableCellRenderer<{
+    src: string;
+}>;
+
+export { PriorityRenderer, getPriorityHandler };
+//# sourceMappingURL=PriorityRenderer.d.ts.map

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

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

package/dist/renderers/PriorityRenderer.js

@@ -0,0 +1,46 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { FaSquare } from '@meronex/icons/fa';
+import React from 'react';
+
+function getPriorityHandler(priority) {
+  let prio;
+  if (priority?.includes("priority0"))
+    prio = "priorityNone";
+  if (priority?.includes("priority1"))
+    prio = "priorityLow";
+  if (priority?.includes("priority2"))
+    prio = "priorityNormal";
+  if (priority?.includes("priority3"))
+    prio = "priorityHigh";
+  if (priority?.includes("priority4"))
+    prio = "priorityUrgent";
+  return prio;
+}
+const NoMemoPriorityRenderer = React.forwardRef(
+  ({
+    cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
+    column,
+    row,
+    ...props
+  }, currentRef) => {
+    const taskPriorityColor = getPriorityHandler(rendererProps?.src);
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        ...props,
+        ...cell,
+        ref: currentRef,
+        className: "priority",
+        sx: {
+          color: taskPriorityColor
+        },
+        children: /* @__PURE__ */ jsx(FaSquare, {})
+      }
+    );
+  }
+);
+NoMemoPriorityRenderer.displayName = "PriorityRenderer";
+const PriorityRenderer = NoMemoPriorityRenderer;
+
+export { PriorityRenderer, getPriorityHandler };
+//# sourceMappingURL=PriorityRenderer.js.map

package/dist/renderers/PriorityRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriorityRenderer.js","sources":["../../src/renderers/PriorityRenderer.tsx"],"sourcesContent":["import { FaSquare } from '@meronex/icons/fa';\r\nimport React from 'react';\r\nimport {\r\n  TResponsiveTableCellRenderer,\r\n  TResponsiveTableCellRendererProps,\r\n} from '../types';\r\n\r\nexport function getPriorityHandler(priority: string | undefined) {\r\n  let prio;\r\n  if (priority?.includes('priority0')) prio = 'priorityNone';\r\n  if (priority?.includes('priority1')) prio = 'priorityLow';\r\n  if (priority?.includes('priority2')) prio = 'priorityNormal';\r\n  if (priority?.includes('priority3')) prio = 'priorityHigh';\r\n  if (priority?.includes('priority4')) prio = 'priorityUrgent';\r\n  return prio;\r\n}\r\nconst NoMemoPriorityRenderer: TResponsiveTableCellRenderer<{ src: string }> =\r\n  React.forwardRef<\r\n    HTMLTableCellElement,\r\n    TResponsiveTableCellRendererProps<{ src: 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      const taskPriorityColor = getPriorityHandler(rendererProps?.src);\r\n      return (\r\n        <td\r\n          {...props}\r\n          {...cell}\r\n          ref={currentRef}\r\n          className=\"priority\"\r\n          sx={{\r\n            color: taskPriorityColor,\r\n          }}\r\n        >\r\n          <FaSquare />\r\n        </td>\r\n      );\r\n    },\r\n  );\r\nNoMemoPriorityRenderer.displayName = 'PriorityRenderer';\r\nexport const PriorityRenderer = NoMemoPriorityRenderer;\r\n"],"names":[],"mappings":";;;;AAOO,SAAS,mBAAmB,QAA8B,EAAA;AAC/D,EAAI,IAAA,IAAA,CAAA;AACJ,EAAI,IAAA,QAAA,EAAU,SAAS,WAAW,CAAA;AAAG,IAAO,IAAA,GAAA,cAAA,CAAA;AAC5C,EAAI,IAAA,QAAA,EAAU,SAAS,WAAW,CAAA;AAAG,IAAO,IAAA,GAAA,aAAA,CAAA;AAC5C,EAAI,IAAA,QAAA,EAAU,SAAS,WAAW,CAAA;AAAG,IAAO,IAAA,GAAA,gBAAA,CAAA;AAC5C,EAAI,IAAA,QAAA,EAAU,SAAS,WAAW,CAAA;AAAG,IAAO,IAAA,GAAA,cAAA,CAAA;AAC5C,EAAI,IAAA,QAAA,EAAU,SAAS,WAAW,CAAA;AAAG,IAAO,IAAA,GAAA,gBAAA,CAAA;AAC5C,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAM,yBACJ,KAAM,CAAA,UAAA;AAAA,EAIJ,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,UACG,KAAA;AACH,IAAM,MAAA,iBAAA,GAAoB,kBAAmB,CAAA,aAAA,EAAe,GAAG,CAAA,CAAA;AAC/D,IACE,uBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,GAAK,EAAA,UAAA;AAAA,QACL,SAAU,EAAA,UAAA;AAAA,QACV,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,iBAAA;AAAA,SACT;AAAA,QAEA,8BAAC,QAAS,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KACZ,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AACF,sBAAA,CAAuB,WAAc,GAAA,kBAAA,CAAA;AAC9B,MAAM,gBAAmB,GAAA;;;;"}

package/dist/renderers/RowStatesRenderer.d.ts

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

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

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

package/dist/renderers/RowStatesRenderer.js

@@ -0,0 +1,34 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { Box, getVariant } from '@apia/theme';
+
+const NoMemoRowStatesRenderer = ({
+  state
+}) => {
+  const { Icon } = state;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: React.useMemo(
+        () => ({
+          "&, svg, path": {
+            color: state.color ?? ""
+          }
+        }),
+        [state.color]
+      ),
+      children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          ...getVariant("inherit"),
+          title: state.tooltip,
+          className: `${state.className ?? "state"}_icon state_icon`
+        }
+      )
+    }
+  );
+};
+const RowStatesRenderer = React.memo(NoMemoRowStatesRenderer);
+
+export { RowStatesRenderer };
+//# sourceMappingURL=RowStatesRenderer.js.map

package/dist/renderers/RowStatesRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowStatesRenderer.js","sources":["../../src/renderers/RowStatesRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, getVariant } from '@apia/theme';\r\nimport { TResponsiveTableRowState } from '../types';\r\n\r\nconst NoMemoRowStatesRenderer = ({\r\n  state,\r\n}: {\r\n  state: TResponsiveTableRowState;\r\n}) => {\r\n  const { Icon } = state;\r\n\r\n  return (\r\n    <Box\r\n      sx={React.useMemo(\r\n        () => ({\r\n          '&, svg, path': {\r\n            color: state.color ?? '',\r\n          },\r\n        }),\r\n        [state.color],\r\n      )}\r\n    >\r\n      <Icon\r\n        {...getVariant('inherit')}\r\n        title={state.tooltip}\r\n        className={`${state.className ?? 'state'}_icon state_icon`}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const RowStatesRenderer = React.memo(NoMemoRowStatesRenderer);\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,KAAA;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA,CAAA;AAEjB,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAI,KAAM,CAAA,OAAA;AAAA,QACR,OAAO;AAAA,UACL,cAAgB,EAAA;AAAA,YACd,KAAA,EAAO,MAAM,KAAS,IAAA,EAAA;AAAA,WACxB;AAAA,SACF,CAAA;AAAA,QACA,CAAC,MAAM,KAAK,CAAA;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACE,GAAG,WAAW,SAAS,CAAA;AAAA,UACxB,OAAO,KAAM,CAAA,OAAA;AAAA,UACb,SAAW,EAAA,CAAA,EAAG,KAAM,CAAA,SAAA,IAAa,OAAO,CAAA,gBAAA,CAAA;AAAA,SAAA;AAAA,OAC1C;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,KAAM,CAAA,IAAA,CAAK,uBAAuB;;;;"}

package/dist/renderers/StatusAccordionRenderer.d.ts

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

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

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

package/dist/renderers/StatusAccordionRenderer.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { Box } from '@apia/theme';
+import { getStatusRendererClassName } from './StatusRenderer.js';
+
+const NoMemoStatusAccordionRenderer = React.forwardRef(({ cell, column }, currentRef) => {
+  const taskStatusClassName = getStatusRendererClassName(
+    cell.children,
+    column.name
+  );
+  return /* @__PURE__ */ jsxs(Box, { ref: currentRef, children: [
+    /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+      column.label ?? column.name,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsx(Box, { as: "span", className: taskStatusClassName, children: cell.children })
+  ] });
+});
+NoMemoStatusAccordionRenderer.displayName = "StatusAccordionRenderer";
+const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;
+
+export { StatusAccordionRenderer };
+//# sourceMappingURL=StatusAccordionRenderer.js.map

package/dist/renderers/StatusAccordionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusAccordionRenderer.js","sources":["../../src/renderers/StatusAccordionRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport {\r\n  TAccordionCellRenderer,\r\n  TAccordionCellRendererProps,\r\n} from './AccordionCell';\r\nimport { getStatusRendererClassName } from './StatusRenderer';\r\n\r\nconst NoMemoStatusAccordionRenderer: TAccordionCellRenderer = React.forwardRef<\r\n  HTMLTableCellElement,\r\n  TAccordionCellRendererProps\r\n>(({ cell, column }, currentRef) => {\r\n  const taskStatusClassName = getStatusRendererClassName(\r\n    cell.children as string,\r\n    column.name,\r\n  );\r\n\r\n  return (\r\n    <Box ref={currentRef}>\r\n      <Box as=\"strong\">{column.label ?? column.name}: </Box>\r\n      <Box as=\"span\" className={taskStatusClassName}>\r\n        {cell.children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n});\r\n\r\nNoMemoStatusAccordionRenderer.displayName = 'StatusAccordionRenderer';\r\n\r\nexport const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;\r\n"],"names":[],"mappings":";;;;;AAQA,MAAM,6BAAA,GAAwD,MAAM,UAGlE,CAAA,CAAC,EAAE,IAAM,EAAA,MAAA,IAAU,UAAe,KAAA;AAClC,EAAA,MAAM,mBAAsB,GAAA,0BAAA;AAAA,IAC1B,IAAK,CAAA,QAAA;AAAA,IACL,MAAO,CAAA,IAAA;AAAA,GACT,CAAA;AAEA,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,UACR,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,wBAC/C,GAAI,EAAA,EAAA,EAAA,EAAG,QAAO,SAAW,EAAA,mBAAA,EACvB,eAAK,QACR,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAC,CAAA,CAAA;AAED,6BAAA,CAA8B,WAAc,GAAA,yBAAA,CAAA;AAErC,MAAM,uBAA0B,GAAA;;;;"}

package/dist/renderers/StatusRenderer.d.ts

@@ -0,0 +1,9 @@
+import { TResponsiveTableCellRenderer } from '../types.js';
+
+declare function getStatusRendererClassName(cellValue: string, columnName: string): string;
+declare const StatusRenderer: TResponsiveTableCellRenderer<{
+    src: string;
+}>;
+
+export { StatusRenderer, getStatusRendererClassName };
+//# sourceMappingURL=StatusRenderer.d.ts.map

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

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

package/dist/renderers/StatusRenderer.js

@@ -0,0 +1,54 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import dayjs from 'dayjs';
+import React from 'react';
+import { getDateFormat } from '@apia/util';
+
+function getStatusRendererClassName(cellValue, columnName) {
+  if (cellValue === void 0)
+    return "";
+  const cellValueDate = cellValue.split(" ")[0];
+  const cellValueHour = cellValue.split(" ")[1] ?? "00:00:00";
+  const dateFormat = getDateFormat();
+  const currentDate = dayjs();
+  const currentHour = Number(dayjs().format("HHmm"));
+  const queriedDate = dayjs(cellValueDate, dateFormat);
+  const queriedHour = Number(dayjs(cellValueHour, dateFormat));
+  let statusClassName = "";
+  if (currentDate >= queriedDate) {
+    statusClassName = columnName;
+  }
+  if (!queriedHour)
+    return statusClassName;
+  if (currentDate <= queriedDate && currentHour < queriedHour) {
+    statusClassName = columnName;
+  }
+  return statusClassName;
+}
+const NoMemoStatusRenderer = React.forwardRef(
+  ({
+    cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
+    column,
+    row,
+    ...props
+  }, currentRef) => {
+    const taskStatusClassName = getStatusRendererClassName(
+      children,
+      column.name
+    );
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        ...props,
+        ...cell,
+        ref: currentRef,
+        className: taskStatusClassName,
+        children
+      }
+    );
+  }
+);
+NoMemoStatusRenderer.displayName = "StatusRenderer";
+const StatusRenderer = NoMemoStatusRenderer;
+
+export { StatusRenderer, getStatusRendererClassName };
+//# sourceMappingURL=StatusRenderer.js.map

package/dist/renderers/StatusRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusRenderer.js","sources":["../../src/renderers/StatusRenderer.tsx"],"sourcesContent":["import dayjs from 'dayjs';\r\nimport React from 'react';\r\nimport { TDateFormat, getDateFormat } from '@apia/util';\r\nimport {\r\n  TResponsiveTableCellRenderer,\r\n  TResponsiveTableCellRendererProps,\r\n} from '../types';\r\n\r\nexport function getStatusRendererClassName(\r\n  cellValue: string,\r\n  columnName: string,\r\n) {\r\n  if (cellValue === undefined) return '';\r\n\r\n  const cellValueDate = cellValue.split(' ')[0];\r\n  const cellValueHour = cellValue.split(' ')[1] ?? '00:00:00';\r\n\r\n  const dateFormat: TDateFormat = getDateFormat();\r\n  const currentDate = dayjs();\r\n  const currentHour = Number(dayjs().format('HHmm'));\r\n  const queriedDate = dayjs(cellValueDate, dateFormat);\r\n  const queriedHour = Number(dayjs(cellValueHour, dateFormat));\r\n  let statusClassName = '';\r\n\r\n  if (currentDate >= queriedDate) {\r\n    statusClassName = columnName;\r\n  }\r\n  if (!queriedHour) return statusClassName;\r\n\r\n  if (currentDate <= queriedDate && currentHour < queriedHour) {\r\n    statusClassName = columnName;\r\n  }\r\n  return statusClassName;\r\n}\r\n\r\nconst NoMemoStatusRenderer: TResponsiveTableCellRenderer<{ src: string }> =\r\n  React.forwardRef<\r\n    HTMLTableCellElement,\r\n    TResponsiveTableCellRendererProps<{ src: 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      const taskStatusClassName = getStatusRendererClassName(\r\n        children as string,\r\n        column.name,\r\n      );\r\n\r\n      return (\r\n        <td\r\n          {...props}\r\n          {...cell}\r\n          ref={currentRef}\r\n          className={taskStatusClassName}\r\n        >\r\n          {children}\r\n        </td>\r\n      );\r\n    },\r\n  );\r\n\r\nNoMemoStatusRenderer.displayName = 'StatusRenderer';\r\n\r\nexport const StatusRenderer = NoMemoStatusRenderer;\r\n"],"names":[],"mappings":";;;;;AAQgB,SAAA,0BAAA,CACd,WACA,UACA,EAAA;AACA,EAAA,IAAI,SAAc,KAAA,KAAA,CAAA;AAAW,IAAO,OAAA,EAAA,CAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,SAAA,CAAU,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA,CAAA;AAC5C,EAAA,MAAM,gBAAgB,SAAU,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAK,IAAA,UAAA,CAAA;AAEjD,EAAA,MAAM,aAA0B,aAAc,EAAA,CAAA;AAC9C,EAAA,MAAM,cAAc,KAAM,EAAA,CAAA;AAC1B,EAAA,MAAM,cAAc,MAAO,CAAA,KAAA,EAAQ,CAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA;AACjD,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,aAAA,EAAe,UAAU,CAAA,CAAA;AACnD,EAAA,MAAM,WAAc,GAAA,MAAA,CAAO,KAAM,CAAA,aAAA,EAAe,UAAU,CAAC,CAAA,CAAA;AAC3D,EAAA,IAAI,eAAkB,GAAA,EAAA,CAAA;AAEtB,EAAA,IAAI,eAAe,WAAa,EAAA;AAC9B,IAAkB,eAAA,GAAA,UAAA,CAAA;AAAA,GACpB;AACA,EAAA,IAAI,CAAC,WAAA;AAAa,IAAO,OAAA,eAAA,CAAA;AAEzB,EAAI,IAAA,WAAA,IAAe,WAAe,IAAA,WAAA,GAAc,WAAa,EAAA;AAC3D,IAAkB,eAAA,GAAA,UAAA,CAAA;AAAA,GACpB;AACA,EAAO,OAAA,eAAA,CAAA;AACT,CAAA;AAEA,MAAM,uBACJ,KAAM,CAAA,UAAA;AAAA,EAIJ,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,UACG,KAAA;AACH,IAAA,MAAM,mBAAsB,GAAA,0BAAA;AAAA,MAC1B,QAAA;AAAA,MACA,MAAO,CAAA,IAAA;AAAA,KACT,CAAA;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,GAAK,EAAA,UAAA;AAAA,QACL,SAAW,EAAA,mBAAA;AAAA,QAEV,QAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEF,oBAAA,CAAqB,WAAc,GAAA,gBAAA,CAAA;AAE5B,MAAM,cAAiB,GAAA;;;;"}

package/dist/renderers/TableRenderer.d.ts

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

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

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

package/dist/renderers/TableRenderer.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import React from 'react';
+import { shallowEqual } from 'react-redux';
+import { Box, getVariant } from '@apia/theme';
+import { Header } from '../Header.js';
+import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
+import { Row } from '../Row.js';
+import { NoRegistersRenderer } from './NoRegistersRenderer.js';
+import { useDomProps } from '../store/selection/useDomProps.js';
+import { useResponsiveTable } from '../store/index.js';
+
+const NoMemoTableRenderer = () => {
+  const { name, label } = useResponsiveTableContext();
+  const domProps = useDomProps(
+    "table",
+    {},
+    (global) => global.responsiveTableSlice[name]
+  );
+  const rows = useResponsiveTable((global) => {
+    const tableState = global.responsiveTableSlice[name];
+    return (tableState?.rows ?? []).map((current) => current.id);
+  }, shallowEqual);
+  const { columnsCount, rowsCount } = useResponsiveTable((global) => {
+    const tableState = global.responsiveTableSlice[name];
+    return {
+      rowsCount: tableState?.rows.length ?? 0,
+      columnsCount: (tableState?.nonAdditionalColumnsCount ?? 0) + (tableState?.hasNonAdditionalFilters ? 1 : 0) + (tableState?.statesColumns ?? 0) + (tableState?.columns.find((current) => current.showAsAdditional) ? 1 : 0)
+    };
+  }, shallowEqual);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...domProps,
+      as: "table",
+      className: "responsiveTable__table",
+      ...getVariant("layout.common.tables.primary"),
+      "aria-label": label,
+      children: [
+        /* @__PURE__ */ jsx(Header, {}),
+        /* @__PURE__ */ jsx("tbody", { children: rowsCount > 0 ? rows.map((row, index) => {
+          return /* @__PURE__ */ jsx(Row, { rowIndex: index }, row ?? `${row}-${index}`);
+        }) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columnsCount, children: /* @__PURE__ */ jsx(NoRegistersRenderer, {}) }) }) })
+      ]
+    }
+  );
+};
+const TableRenderer = React.memo(NoMemoTableRenderer);
+
+export { TableRenderer };
+//# sourceMappingURL=TableRenderer.js.map

package/dist/renderers/TableRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRenderer.js","sources":["../../src/renderers/TableRenderer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\nimport { Box } from '@apia/theme';\r\nimport { getVariant } from '@apia/theme';\r\nimport { Header } from '../Header';\r\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\r\nimport { Row } from '../Row';\r\nimport { NoRegistersRenderer } from './NoRegistersRenderer';\r\nimport { useDomProps } from '../store/selection/useDomProps';\r\nimport { useResponsiveTable } from '../store';\r\n\r\nconst NoMemoTableRenderer = () => {\r\n  const { name, label } = useResponsiveTableContext();\r\n  const domProps = useDomProps(\r\n    'table',\r\n    {},\r\n    (global) => global.responsiveTableSlice[name],\r\n  );\r\n\r\n  const rows = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return (tableState?.rows ?? []).map((current) => current.id);\r\n  }, shallowEqual);\r\n\r\n  const { columnsCount, rowsCount } = useResponsiveTable((global) => {\r\n    const tableState = global.responsiveTableSlice[name];\r\n    return {\r\n      rowsCount: tableState?.rows.length ?? 0,\r\n      columnsCount:\r\n        (tableState?.nonAdditionalColumnsCount ?? 0) +\r\n        (tableState?.hasNonAdditionalFilters ? 1 : 0) +\r\n        (tableState?.statesColumns ?? 0) +\r\n        (tableState?.columns.find((current) => current.showAsAdditional)\r\n          ? 1\r\n          : 0),\r\n    };\r\n  }, shallowEqual);\r\n\r\n  return (\r\n    <Box\r\n      {...domProps}\r\n      as=\"table\"\r\n      className=\"responsiveTable__table\"\r\n      {...getVariant('layout.common.tables.primary')}\r\n      aria-label={label}\r\n    >\r\n      <Header />\r\n      <tbody>\r\n        {rowsCount > 0 ? (\r\n          rows.map((row, index) => {\r\n            return (\r\n              <Row key={row ?? `${row as string}-${index}`} rowIndex={index} />\r\n            );\r\n          })\r\n        ) : (\r\n          <tr>\r\n            <td colSpan={columnsCount}>\r\n              <NoRegistersRenderer />\r\n            </td>\r\n          </tr>\r\n        )}\r\n      </tbody>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const TableRenderer = React.memo(NoMemoTableRenderer);\r\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,sBAAsB,MAAM;AAChC,EAAA,MAAM,EAAE,IAAA,EAAM,KAAM,EAAA,GAAI,yBAA0B,EAAA,CAAA;AAClD,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,OAAA;AAAA,IACA,EAAC;AAAA,IACD,CAAC,MAAA,KAAW,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,GAC9C,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,kBAAmB,CAAA,CAAC,MAAW,KAAA;AAC1C,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAQ,OAAA,CAAA,UAAA,EAAY,QAAQ,EAAC,EAAG,IAAI,CAAC,OAAA,KAAY,QAAQ,EAAE,CAAA,CAAA;AAAA,KAC1D,YAAY,CAAA,CAAA;AAEf,EAAA,MAAM,EAAE,YAAc,EAAA,SAAA,EAAc,GAAA,kBAAA,CAAmB,CAAC,MAAW,KAAA;AACjE,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACnD,IAAO,OAAA;AAAA,MACL,SAAA,EAAW,UAAY,EAAA,IAAA,CAAK,MAAU,IAAA,CAAA;AAAA,MACtC,eACG,UAAY,EAAA,yBAAA,IAA6B,MACzC,UAAY,EAAA,uBAAA,GAA0B,IAAI,CAC1C,CAAA,IAAA,UAAA,EAAY,iBAAiB,CAC7B,CAAA,IAAA,UAAA,EAAY,QAAQ,IAAK,CAAA,CAAC,YAAY,OAAQ,CAAA,gBAAgB,IAC3D,CACA,GAAA,CAAA,CAAA;AAAA,KACR,CAAA;AAAA,KACC,YAAY,CAAA,CAAA;AAEf,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,QAAA;AAAA,MACJ,EAAG,EAAA,OAAA;AAAA,MACH,SAAU,EAAA,wBAAA;AAAA,MACT,GAAG,WAAW,8BAA8B,CAAA;AAAA,MAC7C,YAAY,EAAA,KAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,CAAA;AAAA,wBACR,GAAA,CAAC,WACE,QAAY,EAAA,SAAA,GAAA,CAAA,GACX,KAAK,GAAI,CAAA,CAAC,KAAK,KAAU,KAAA;AACvB,UACE,uBAAA,GAAA,CAAC,OAA6C,QAAU,EAAA,KAAA,EAAA,EAA9C,OAAO,CAAG,EAAA,GAAa,CAAI,CAAA,EAAA,KAAK,CAAqB,CAAA,CAAA,CAAA;AAAA,SAElE,CAAA,mBAEA,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAG,OAAS,EAAA,YAAA,EACX,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA,EAAoB,CACvB,EAAA,CAAA,EACF,CAEJ,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,aAAA,GAAgB,KAAM,CAAA,IAAA,CAAK,mBAAmB;;;;"}

package/dist/renderers/makeAccordionAsyncRenderer.d.ts

@@ -0,0 +1,9 @@
+import { TResponsiveTableRow, TResponsiveTableCellRenderer } from '../types.js';
+
+declare function makeAccordionAsyncRenderer(additionalInfoGetter: (row: TResponsiveTableRow) => Promise<{
+    label?: string;
+    name: string;
+}[]>): TResponsiveTableCellRenderer;
+
+export { makeAccordionAsyncRenderer };
+//# sourceMappingURL=makeAccordionAsyncRenderer.d.ts.map

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

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

package/dist/renderers/makeAccordionAsyncRenderer.js

@@ -0,0 +1,35 @@
+import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
+import { forwardRef, useState, useCallback } from 'react';
+import { Box } from '@apia/theme';
+import { IconButton } from '@apia/components';
+import { arrayOrArray } from '@apia/util';
+
+function makeAccordionAsyncRenderer(additionalInfoGetter) {
+  const InnerRender = forwardRef(({ row }, ref) => {
+    const [moreInfo, setMoreInfo] = useState(null);
+    const loadMore = useCallback(async () => {
+      const result = await additionalInfoGetter(row);
+      setMoreInfo(result);
+    }, [row]);
+    return /* @__PURE__ */ jsx(Fragment, { children: moreInfo ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(IconButton, { icon: "Minus", onClick: () => setMoreInfo(null) }),
+      arrayOrArray(moreInfo).map(
+        (dataCell) => {
+          return /* @__PURE__ */ jsxs(Box, { ref, as: "div", children: [
+            /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+              dataCell.name,
+              ":"
+            ] }),
+            " ",
+            dataCell.label
+          ] }, dataCell.name);
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(IconButton, { icon: "Plus", onClick: () => void loadMore() }) });
+  });
+  InnerRender.displayName = "MakeAccordionAsyncRenderer";
+  return InnerRender;
+}
+
+export { makeAccordionAsyncRenderer };
+//# sourceMappingURL=makeAccordionAsyncRenderer.js.map

package/dist/renderers/makeAccordionAsyncRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeAccordionAsyncRenderer.js","sources":["../../src/renderers/makeAccordionAsyncRenderer.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { IconButton } from '@apia/components';\r\nimport { arrayOrArray } from '@apia/util';\r\nimport {\r\n  TResponsiveTableRow,\r\n  TResponsiveTableCellRenderer,\r\n  TResponsiveTableCellRendererProps,\r\n} from '../types';\r\n\r\nexport function makeAccordionAsyncRenderer(\r\n  additionalInfoGetter: (row: TResponsiveTableRow) => Promise<\r\n    {\r\n      label?: string;\r\n      name: string;\r\n    }[]\r\n  >,\r\n) {\r\n  const InnerRender: TResponsiveTableCellRenderer = forwardRef<\r\n    HTMLElement,\r\n    TResponsiveTableCellRendererProps\r\n  >(({ row }, ref) => {\r\n    const [moreInfo, setMoreInfo] = useState<\r\n      | {\r\n          label?: string;\r\n          name: string;\r\n        }[]\r\n      | null\r\n    >(null);\r\n    const loadMore = useCallback(async () => {\r\n      const result = await additionalInfoGetter(row);\r\n      setMoreInfo(result);\r\n    }, [row]);\r\n\r\n    return (\r\n      <>\r\n        {moreInfo ? (\r\n          <>\r\n            <IconButton icon=\"Minus\" onClick={() => setMoreInfo(null)} />\r\n            {arrayOrArray(moreInfo).map(\r\n              (dataCell: { label?: string; name: string }) => {\r\n                return (\r\n                  <Box key={dataCell.name} ref={ref} as=\"div\">\r\n                    <Box as=\"strong\">{dataCell.name}:</Box> {dataCell.label}\r\n                  </Box>\r\n                );\r\n              },\r\n            )}\r\n          </>\r\n        ) : (\r\n          <IconButton icon=\"Plus\" onClick={() => void loadMore()} />\r\n        )}\r\n      </>\r\n    );\r\n  });\r\n\r\n  InnerRender.displayName = 'MakeAccordionAsyncRenderer';\r\n\r\n  return InnerRender;\r\n}\r\n"],"names":[],"mappings":";;;;;;AAUO,SAAS,2BACd,oBAMA,EAAA;AACA,EAAA,MAAM,cAA4C,UAGhD,CAAA,CAAC,EAAE,GAAA,IAAO,GAAQ,KAAA;AAClB,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAM9B,IAAI,CAAA,CAAA;AACN,IAAM,MAAA,QAAA,GAAW,YAAY,YAAY;AACvC,MAAM,MAAA,MAAA,GAAS,MAAM,oBAAA,CAAqB,GAAG,CAAA,CAAA;AAC7C,MAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAAA,KACpB,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AAER,IACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,qCAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAW,IAAK,EAAA,OAAA,EAAQ,SAAS,MAAM,WAAA,CAAY,IAAI,CAAG,EAAA,CAAA;AAAA,MAC1D,YAAA,CAAa,QAAQ,CAAE,CAAA,GAAA;AAAA,QACtB,CAAC,QAA+C,KAAA;AAC9C,UAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAwB,GAAU,EAAA,EAAA,EAAG,KACpC,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,cAAS,QAAA,CAAA,IAAA;AAAA,cAAK,GAAA;AAAA,aAAC,EAAA,CAAA;AAAA,YAAM,GAAA;AAAA,YAAE,QAAS,CAAA,KAAA;AAAA,WAAA,EAAA,EAD1C,SAAS,IAEnB,CAAA,CAAA;AAAA,SAEJ;AAAA,OACF;AAAA,KACF,EAAA,CAAA,mBAEC,GAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,MAAA,EAAO,SAAS,MAAM,KAAK,QAAS,EAAA,EAAG,CAE5D,EAAA,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AAED,EAAA,WAAA,CAAY,WAAc,GAAA,4BAAA,CAAA;AAE1B,EAAO,OAAA,WAAA,CAAA;AACT;;;;"}

package/dist/renderers/makeAsyncRenderer.d.ts

@@ -0,0 +1,10 @@
+import { TResponsiveTableRow, TResponsiveTableCellRenderer } from '../types.js';
+
+declare function makeAsyncRenderer(additionalInfoGetter: (row: TResponsiveTableRow) => Promise<{
+    label?: string;
+    name: string;
+    newline?: boolean;
+}[]>): TResponsiveTableCellRenderer;
+
+export { makeAsyncRenderer };
+//# sourceMappingURL=makeAsyncRenderer.d.ts.map

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

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