@apia/table 3.0.1 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/dist/index.d.ts +787 -24
  2. package/dist/index.js +3667 -24
  3. package/dist/index.js.map +1 -1
  4. package/package.json +7 -7
  5. package/dist/Cell.js +0 -52
  6. package/dist/Cell.js.map +0 -1
  7. package/dist/FilterCell.js +0 -68
  8. package/dist/FilterCell.js.map +0 -1
  9. package/dist/Header.js +0 -171
  10. package/dist/Header.js.map +0 -1
  11. package/dist/HeaderCell.js +0 -223
  12. package/dist/HeaderCell.js.map +0 -1
  13. package/dist/KeyHandler.js +0 -28
  14. package/dist/KeyHandler.js.map +0 -1
  15. package/dist/ResponsiveTable.d.ts +0 -8
  16. package/dist/ResponsiveTable.d.ts.map +0 -1
  17. package/dist/ResponsiveTable.js +0 -29
  18. package/dist/ResponsiveTable.js.map +0 -1
  19. package/dist/ResponsiveTableContext.d.ts +0 -8
  20. package/dist/ResponsiveTableContext.d.ts.map +0 -1
  21. package/dist/ResponsiveTableContext.js +0 -140
  22. package/dist/ResponsiveTableContext.js.map +0 -1
  23. package/dist/Row.js +0 -230
  24. package/dist/Row.js.map +0 -1
  25. package/dist/SeparatorCell.js +0 -20
  26. package/dist/SeparatorCell.js.map +0 -1
  27. package/dist/StateCell.js +0 -19
  28. package/dist/StateCell.js.map +0 -1
  29. package/dist/filters/RangeFilter.js +0 -61
  30. package/dist/filters/RangeFilter.js.map +0 -1
  31. package/dist/renderers/AccordionCell.d.ts +0 -15
  32. package/dist/renderers/AccordionCell.d.ts.map +0 -1
  33. package/dist/renderers/AccordionCell.js +0 -23
  34. package/dist/renderers/AccordionCell.js.map +0 -1
  35. package/dist/renderers/AccordionDocNameCellRenderer.d.ts +0 -11
  36. package/dist/renderers/AccordionDocNameCellRenderer.d.ts.map +0 -1
  37. package/dist/renderers/AccordionDocNameCellRenderer.js +0 -39
  38. package/dist/renderers/AccordionDocNameCellRenderer.js.map +0 -1
  39. package/dist/renderers/AccordionElement.d.ts +0 -11
  40. package/dist/renderers/AccordionElement.d.ts.map +0 -1
  41. package/dist/renderers/AccordionElement.js +0 -115
  42. package/dist/renderers/AccordionElement.js.map +0 -1
  43. package/dist/renderers/AccordionHTMLCellRenderer.d.ts +0 -8
  44. package/dist/renderers/AccordionHTMLCellRenderer.d.ts.map +0 -1
  45. package/dist/renderers/AccordionHTMLCellRenderer.js +0 -37
  46. package/dist/renderers/AccordionHTMLCellRenderer.js.map +0 -1
  47. package/dist/renderers/AccordionRenderer.d.ts +0 -6
  48. package/dist/renderers/AccordionRenderer.d.ts.map +0 -1
  49. package/dist/renderers/AccordionRenderer.js +0 -76
  50. package/dist/renderers/AccordionRenderer.js.map +0 -1
  51. package/dist/renderers/AdditionalColumnDefaultRenderer.d.ts +0 -7
  52. package/dist/renderers/AdditionalColumnDefaultRenderer.d.ts.map +0 -1
  53. package/dist/renderers/AdditionalColumnDefaultRenderer.js +0 -31
  54. package/dist/renderers/AdditionalColumnDefaultRenderer.js.map +0 -1
  55. package/dist/renderers/DefaultCellRenderer.d.ts +0 -11
  56. package/dist/renderers/DefaultCellRenderer.d.ts.map +0 -1
  57. package/dist/renderers/DefaultCellRenderer.js +0 -49
  58. package/dist/renderers/DefaultCellRenderer.js.map +0 -1
  59. package/dist/renderers/DefaultRowRenderer.d.ts +0 -6
  60. package/dist/renderers/DefaultRowRenderer.d.ts.map +0 -1
  61. package/dist/renderers/DefaultRowRenderer.js +0 -26
  62. package/dist/renderers/DefaultRowRenderer.js.map +0 -1
  63. package/dist/renderers/DocNameCellRenderer.d.ts +0 -10
  64. package/dist/renderers/DocNameCellRenderer.d.ts.map +0 -1
  65. package/dist/renderers/DocNameCellRenderer.js +0 -43
  66. package/dist/renderers/DocNameCellRenderer.js.map +0 -1
  67. package/dist/renderers/HTMLCellRenderer.d.ts +0 -8
  68. package/dist/renderers/HTMLCellRenderer.d.ts.map +0 -1
  69. package/dist/renderers/HTMLCellRenderer.js +0 -29
  70. package/dist/renderers/HTMLCellRenderer.js.map +0 -1
  71. package/dist/renderers/IsLoadingRenderer.d.ts +0 -6
  72. package/dist/renderers/IsLoadingRenderer.d.ts.map +0 -1
  73. package/dist/renderers/IsLoadingRenderer.js +0 -9
  74. package/dist/renderers/IsLoadingRenderer.js.map +0 -1
  75. package/dist/renderers/NoRegistersRenderer.d.ts +0 -6
  76. package/dist/renderers/NoRegistersRenderer.d.ts.map +0 -1
  77. package/dist/renderers/NoRegistersRenderer.js +0 -11
  78. package/dist/renderers/NoRegistersRenderer.js.map +0 -1
  79. package/dist/renderers/PriorityAccordionRenderer.d.ts +0 -6
  80. package/dist/renderers/PriorityAccordionRenderer.d.ts.map +0 -1
  81. package/dist/renderers/PriorityAccordionRenderer.js +0 -36
  82. package/dist/renderers/PriorityAccordionRenderer.js.map +0 -1
  83. package/dist/renderers/PriorityRenderer.d.ts +0 -9
  84. package/dist/renderers/PriorityRenderer.d.ts.map +0 -1
  85. package/dist/renderers/PriorityRenderer.js +0 -46
  86. package/dist/renderers/PriorityRenderer.js.map +0 -1
  87. package/dist/renderers/RowStatesRenderer.d.ts +0 -9
  88. package/dist/renderers/RowStatesRenderer.d.ts.map +0 -1
  89. package/dist/renderers/RowStatesRenderer.js +0 -34
  90. package/dist/renderers/RowStatesRenderer.js.map +0 -1
  91. package/dist/renderers/StatusAccordionRenderer.d.ts +0 -6
  92. package/dist/renderers/StatusAccordionRenderer.d.ts.map +0 -1
  93. package/dist/renderers/StatusAccordionRenderer.js +0 -23
  94. package/dist/renderers/StatusAccordionRenderer.js.map +0 -1
  95. package/dist/renderers/StatusRenderer.d.ts +0 -9
  96. package/dist/renderers/StatusRenderer.d.ts.map +0 -1
  97. package/dist/renderers/StatusRenderer.js +0 -54
  98. package/dist/renderers/StatusRenderer.js.map +0 -1
  99. package/dist/renderers/TableRenderer.d.ts +0 -6
  100. package/dist/renderers/TableRenderer.d.ts.map +0 -1
  101. package/dist/renderers/TableRenderer.js +0 -50
  102. package/dist/renderers/TableRenderer.js.map +0 -1
  103. package/dist/renderers/makeAccordionAsyncRenderer.d.ts +0 -9
  104. package/dist/renderers/makeAccordionAsyncRenderer.d.ts.map +0 -1
  105. package/dist/renderers/makeAccordionAsyncRenderer.js +0 -35
  106. package/dist/renderers/makeAccordionAsyncRenderer.js.map +0 -1
  107. package/dist/renderers/makeAsyncRenderer.d.ts +0 -10
  108. package/dist/renderers/makeAsyncRenderer.d.ts.map +0 -1
  109. package/dist/renderers/makeAsyncRenderer.js +0 -47
  110. package/dist/renderers/makeAsyncRenderer.js.map +0 -1
  111. package/dist/store/index.d.ts +0 -72
  112. package/dist/store/index.d.ts.map +0 -1
  113. package/dist/store/index.js +0 -131
  114. package/dist/store/index.js.map +0 -1
  115. package/dist/store/selection/getInitialState.js +0 -22
  116. package/dist/store/selection/getInitialState.js.map +0 -1
  117. package/dist/store/selection/getReduxActions.js +0 -42
  118. package/dist/store/selection/getReduxActions.js.map +0 -1
  119. package/dist/store/selection/handleKey.js +0 -143
  120. package/dist/store/selection/handleKey.js.map +0 -1
  121. package/dist/store/selection/makeKeyHandler.js +0 -336
  122. package/dist/store/selection/makeKeyHandler.js.map +0 -1
  123. package/dist/store/selection/setNewFocused.js +0 -101
  124. package/dist/store/selection/setNewFocused.js.map +0 -1
  125. package/dist/store/selection/types.d.ts +0 -150
  126. package/dist/store/selection/types.d.ts.map +0 -1
  127. package/dist/store/selection/useDomProps.js +0 -181
  128. package/dist/store/selection/useDomProps.js.map +0 -1
  129. package/dist/store/types.d.ts +0 -19
  130. package/dist/store/types.d.ts.map +0 -1
  131. package/dist/types.d.ts +0 -315
  132. package/dist/types.d.ts.map +0 -1
  133. package/dist/types.js +0 -6
  134. package/dist/types.js.map +0 -1
@@ -1,43 +0,0 @@
1
- import { jsx, jsxs } from '@apia/theme/jsx-runtime';
2
- import React from 'react';
3
- import { Link } from '@apia/theme';
4
- import { downloadUrl } from '@apia/util';
5
- import { Icon } from '@apia/icons';
6
-
7
- const NoMemoDocNameCellRenderer = React.forwardRef(
8
- ({
9
- cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
10
- column,
11
- row,
12
- ...props
13
- }, currentRef) => /* @__PURE__ */ jsx(
14
- "td",
15
- {
16
- ref: currentRef,
17
- ...props,
18
- ...cell,
19
- children: /* @__PURE__ */ jsxs(
20
- Link,
21
- {
22
- className: "cell__download__document",
23
- title: rendererProps?.docName,
24
- href: rendererProps?.docUrl,
25
- onClick: (ev) => {
26
- ev.preventDefault();
27
- if (rendererProps?.docUrl)
28
- void downloadUrl(rendererProps?.docUrl);
29
- },
30
- children: [
31
- /* @__PURE__ */ jsx(Icon, { title: "", name: "Download" }),
32
- rendererProps?.docName
33
- ]
34
- }
35
- )
36
- }
37
- )
38
- );
39
- NoMemoDocNameCellRenderer.displayName = "DocNameCellRenderer";
40
- const DocNameCellRenderer = NoMemoDocNameCellRenderer;
41
-
42
- export { DocNameCellRenderer };
43
- //# sourceMappingURL=DocNameCellRenderer.js.map
@@ -1 +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;;;;"}
@@ -1,8 +0,0 @@
1
- import { TResponsiveTableCellRenderer } from '../types.js';
2
-
3
- declare const HTMLCellRenderer: TResponsiveTableCellRenderer<{
4
- html: string;
5
- }>;
6
-
7
- export { HTMLCellRenderer };
8
- //# sourceMappingURL=HTMLCellRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HTMLCellRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,29 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import React from 'react';
3
-
4
- const NoMemoHTMLCellRenderer = React.forwardRef(
5
- ({
6
- cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
7
- column,
8
- row,
9
- ...props
10
- }, currentRef) => /* @__PURE__ */ jsx(
11
- "td",
12
- {
13
- ref: currentRef,
14
- ...props,
15
- ...cell,
16
- dangerouslySetInnerHTML: {
17
- __html: String(rendererProps?.html ?? children ?? "").replaceAll(
18
- /<TOK(\d+)/g,
19
- "&lt;TOK$1"
20
- )
21
- }
22
- }
23
- )
24
- );
25
- NoMemoHTMLCellRenderer.displayName = "HTMLCellRenderer";
26
- const HTMLCellRenderer = NoMemoHTMLCellRenderer;
27
-
28
- export { HTMLCellRenderer };
29
- //# sourceMappingURL=HTMLCellRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HTMLCellRenderer.js","sources":["../../src/renderers/HTMLCellRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport {\n TResponsiveTableCellRenderer,\n TResponsiveTableCellRendererProps,\n} from '../types';\n\nconst NoMemoHTMLCellRenderer: TResponsiveTableCellRenderer<{ html: string }> =\n React.forwardRef<\n HTMLTableCellElement,\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 <td\n ref={currentRef as React.RefObject<HTMLTableCellElement>}\n {...props}\n {...cell}\n dangerouslySetInnerHTML={{\n __html: String(rendererProps?.html ?? children ?? '').replaceAll(\n /<TOK(\\d+)/g,\n '&lt;TOK$1',\n ),\n }}\n />\n ),\n );\n\nNoMemoHTMLCellRenderer.displayName = 'HTMLCellRenderer';\n\nexport const HTMLCellRenderer = NoMemoHTMLCellRenderer;\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;;;;"}
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
-
3
- declare const IsLoadingRenderer: () => React.JSX.Element;
4
-
5
- export { IsLoadingRenderer };
6
- //# sourceMappingURL=IsLoadingRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IsLoadingRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,9 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { Box, Spinner } from '@apia/theme';
3
-
4
- const IsLoadingRenderer = () => {
5
- return /* @__PURE__ */ jsx(Box, { className: "responsiveTable__isLoading", children: /* @__PURE__ */ jsx(Spinner, {}) });
6
- };
7
-
8
- export { IsLoadingRenderer };
9
- //# sourceMappingURL=IsLoadingRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IsLoadingRenderer.js","sources":["../../src/renderers/IsLoadingRenderer.tsx"],"sourcesContent":["import { Box, Spinner } from '@apia/theme';\n\nexport const IsLoadingRenderer = () => {\n return (\n <Box className=\"responsiveTable__isLoading\">\n <Spinner />\n </Box>\n );\n};\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;;;;"}
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
-
3
- declare const NoRegistersRenderer: () => React.JSX.Element;
4
-
5
- export { NoRegistersRenderer };
6
- //# sourceMappingURL=NoRegistersRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NoRegistersRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,11 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { Box } from '@apia/theme';
3
- import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
4
-
5
- const NoRegistersRenderer = () => {
6
- const { labels } = useResponsiveTableContext();
7
- return /* @__PURE__ */ jsx(Box, { className: "no__registers", children: labels.noRegisters });
8
- };
9
-
10
- export { NoRegistersRenderer };
11
- //# sourceMappingURL=NoRegistersRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NoRegistersRenderer.js","sources":["../../src/renderers/NoRegistersRenderer.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\n\nexport const NoRegistersRenderer = () => {\n const { labels } = useResponsiveTableContext();\n return <Box className=\"no__registers\">{labels.noRegisters}</Box>;\n};\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;;;;"}
@@ -1,6 +0,0 @@
1
- import { TAccordionCellRenderer } from './AccordionCell.js';
2
-
3
- declare const PriorityAccordionRenderer: TAccordionCellRenderer;
4
-
5
- export { PriorityAccordionRenderer };
6
- //# sourceMappingURL=PriorityAccordionRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PriorityAccordionRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,36 +0,0 @@
1
- import { jsxs, jsx } from '@apia/theme/jsx-runtime';
2
- import { FaSquare } from '@meronex/icons/fa';
3
- import React from 'react';
4
- import { Box } from '@apia/theme';
5
- import { getPriorityHandler } from './PriorityRenderer.js';
6
-
7
- const NoMemoPriorityAccordionRenderer = React.forwardRef(
8
- ({ cell, column }, currentRef) => {
9
- const taskPriorityColor = getPriorityHandler(
10
- cell.rendererProps?.src
11
- );
12
- const title = column.label ?? column.name;
13
- return /* @__PURE__ */ jsxs(Box, { ref: currentRef, className: "priority_container", children: [
14
- title && /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
15
- column.label ?? column.name,
16
- ": "
17
- ] }),
18
- /* @__PURE__ */ jsx(
19
- Box,
20
- {
21
- as: "span",
22
- className: "priority",
23
- sx: {
24
- color: taskPriorityColor
25
- },
26
- children: /* @__PURE__ */ jsx(FaSquare, {})
27
- }
28
- )
29
- ] });
30
- }
31
- );
32
- NoMemoPriorityAccordionRenderer.displayName = "PriorityAccordionRenderer";
33
- const PriorityAccordionRenderer = NoMemoPriorityAccordionRenderer;
34
-
35
- export { PriorityAccordionRenderer };
36
- //# sourceMappingURL=PriorityAccordionRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PriorityAccordionRenderer.js","sources":["../../src/renderers/PriorityAccordionRenderer.tsx"],"sourcesContent":["import { FaSquare } from '@meronex/icons/fa';\nimport React from 'react';\nimport { Box } from '@apia/theme';\nimport {\n TAccordionCellRenderer,\n TAccordionCellRendererProps,\n} from './AccordionCell';\nimport { getPriorityHandler } from './PriorityRenderer';\n\nconst NoMemoPriorityAccordionRenderer: TAccordionCellRenderer =\n React.forwardRef<HTMLTableCellElement, TAccordionCellRendererProps>(\n ({ cell, column }, currentRef) => {\n const taskPriorityColor = getPriorityHandler(\n cell.rendererProps?.src as string,\n );\n const title = column.label ?? column.name;\n return (\n <Box ref={currentRef} className=\"priority_container\">\n {title && <Box as=\"strong\">{column.label ?? column.name}: </Box>}\n <Box\n as=\"span\"\n className=\"priority\"\n sx={{\n color: taskPriorityColor,\n }}\n >\n <FaSquare />\n </Box>\n </Box>\n );\n },\n );\n\nNoMemoPriorityAccordionRenderer.displayName = 'PriorityAccordionRenderer';\n\nexport const PriorityAccordionRenderer = NoMemoPriorityAccordionRenderer;\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;;;;"}
@@ -1,9 +0,0 @@
1
- import { TResponsiveTableCellRenderer } from '../types.js';
2
-
3
- declare function getPriorityHandler(priority: string | undefined): string | undefined;
4
- declare const PriorityRenderer: TResponsiveTableCellRenderer<{
5
- src: string;
6
- }>;
7
-
8
- export { PriorityRenderer, getPriorityHandler };
9
- //# sourceMappingURL=PriorityRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PriorityRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,46 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { FaSquare } from '@meronex/icons/fa';
3
- import React from 'react';
4
-
5
- function getPriorityHandler(priority) {
6
- let prio;
7
- if (priority?.includes("priority0"))
8
- prio = "priorityNone";
9
- if (priority?.includes("priority1"))
10
- prio = "priorityLow";
11
- if (priority?.includes("priority2"))
12
- prio = "priorityNormal";
13
- if (priority?.includes("priority3"))
14
- prio = "priorityHigh";
15
- if (priority?.includes("priority4"))
16
- prio = "priorityUrgent";
17
- return prio;
18
- }
19
- const NoMemoPriorityRenderer = React.forwardRef(
20
- ({
21
- cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
22
- column,
23
- row,
24
- ...props
25
- }, currentRef) => {
26
- const taskPriorityColor = getPriorityHandler(rendererProps?.src);
27
- return /* @__PURE__ */ jsx(
28
- "td",
29
- {
30
- ...props,
31
- ...cell,
32
- ref: currentRef,
33
- className: "priority",
34
- sx: {
35
- color: taskPriorityColor
36
- },
37
- children: /* @__PURE__ */ jsx(FaSquare, {})
38
- }
39
- );
40
- }
41
- );
42
- NoMemoPriorityRenderer.displayName = "PriorityRenderer";
43
- const PriorityRenderer = NoMemoPriorityRenderer;
44
-
45
- export { PriorityRenderer, getPriorityHandler };
46
- //# sourceMappingURL=PriorityRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PriorityRenderer.js","sources":["../../src/renderers/PriorityRenderer.tsx"],"sourcesContent":["import { FaSquare } from '@meronex/icons/fa';\nimport React from 'react';\nimport {\n TResponsiveTableCellRenderer,\n TResponsiveTableCellRendererProps,\n} from '../types';\n\nexport function getPriorityHandler(priority: string | undefined) {\n let prio;\n if (priority?.includes('priority0')) prio = 'priorityNone';\n if (priority?.includes('priority1')) prio = 'priorityLow';\n if (priority?.includes('priority2')) prio = 'priorityNormal';\n if (priority?.includes('priority3')) prio = 'priorityHigh';\n if (priority?.includes('priority4')) prio = 'priorityUrgent';\n return prio;\n}\nconst NoMemoPriorityRenderer: TResponsiveTableCellRenderer<{ src: string }> =\n React.forwardRef<\n HTMLTableCellElement,\n TResponsiveTableCellRendererProps<{ src: string }>\n >(\n (\n {\n cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n column,\n row,\n ...props\n },\n currentRef,\n ) => {\n const taskPriorityColor = getPriorityHandler(rendererProps?.src);\n return (\n <td\n {...props}\n {...cell}\n ref={currentRef}\n className=\"priority\"\n sx={{\n color: taskPriorityColor,\n }}\n >\n <FaSquare />\n </td>\n );\n },\n );\nNoMemoPriorityRenderer.displayName = 'PriorityRenderer';\nexport const PriorityRenderer = NoMemoPriorityRenderer;\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;;;;"}
@@ -1,9 +0,0 @@
1
- import React__default from 'react';
2
- import { TResponsiveTableRowState } from '../types.js';
3
-
4
- declare const RowStatesRenderer: React__default.MemoExoticComponent<({ state, }: {
5
- state: TResponsiveTableRowState;
6
- }) => React__default.JSX.Element>;
7
-
8
- export { RowStatesRenderer };
9
- //# sourceMappingURL=RowStatesRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RowStatesRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,34 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import React from 'react';
3
- import { Box, getVariant } from '@apia/theme';
4
-
5
- const NoMemoRowStatesRenderer = ({
6
- state
7
- }) => {
8
- const { Icon } = state;
9
- return /* @__PURE__ */ jsx(
10
- Box,
11
- {
12
- sx: React.useMemo(
13
- () => ({
14
- "&, svg, path": {
15
- color: state.color ?? ""
16
- }
17
- }),
18
- [state.color]
19
- ),
20
- children: /* @__PURE__ */ jsx(
21
- Icon,
22
- {
23
- ...getVariant("inherit"),
24
- title: state.tooltip,
25
- className: `${state.className ?? "state"}_icon state_icon`
26
- }
27
- )
28
- }
29
- );
30
- };
31
- const RowStatesRenderer = React.memo(NoMemoRowStatesRenderer);
32
-
33
- export { RowStatesRenderer };
34
- //# sourceMappingURL=RowStatesRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RowStatesRenderer.js","sources":["../../src/renderers/RowStatesRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, getVariant } from '@apia/theme';\nimport { TResponsiveTableRowState } from '../types';\n\nconst NoMemoRowStatesRenderer = ({\n state,\n}: {\n state: TResponsiveTableRowState;\n}) => {\n const { Icon } = state;\n\n return (\n <Box\n sx={React.useMemo(\n () => ({\n '&, svg, path': {\n color: state.color ?? '',\n },\n }),\n [state.color],\n )}\n >\n <Icon\n {...getVariant('inherit')}\n title={state.tooltip}\n className={`${state.className ?? 'state'}_icon state_icon`}\n />\n </Box>\n );\n};\n\nexport const RowStatesRenderer = React.memo(NoMemoRowStatesRenderer);\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;;;;"}
@@ -1,6 +0,0 @@
1
- import { TAccordionCellRenderer } from './AccordionCell.js';
2
-
3
- declare const StatusAccordionRenderer: TAccordionCellRenderer;
4
-
5
- export { StatusAccordionRenderer };
6
- //# sourceMappingURL=StatusAccordionRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusAccordionRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,23 +0,0 @@
1
- import { jsxs, jsx } from '@apia/theme/jsx-runtime';
2
- import React from 'react';
3
- import { Box } from '@apia/theme';
4
- import { getStatusRendererClassName } from './StatusRenderer.js';
5
-
6
- const NoMemoStatusAccordionRenderer = React.forwardRef(({ cell, column }, currentRef) => {
7
- const taskStatusClassName = getStatusRendererClassName(
8
- cell.children,
9
- column.name
10
- );
11
- return /* @__PURE__ */ jsxs(Box, { ref: currentRef, children: [
12
- /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
13
- column.label ?? column.name,
14
- ": "
15
- ] }),
16
- /* @__PURE__ */ jsx(Box, { as: "span", className: taskStatusClassName, children: cell.children })
17
- ] });
18
- });
19
- NoMemoStatusAccordionRenderer.displayName = "StatusAccordionRenderer";
20
- const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;
21
-
22
- export { StatusAccordionRenderer };
23
- //# sourceMappingURL=StatusAccordionRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusAccordionRenderer.js","sources":["../../src/renderers/StatusAccordionRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@apia/theme';\nimport {\n TAccordionCellRenderer,\n TAccordionCellRendererProps,\n} from './AccordionCell';\nimport { getStatusRendererClassName } from './StatusRenderer';\n\nconst NoMemoStatusAccordionRenderer: TAccordionCellRenderer = React.forwardRef<\n HTMLTableCellElement,\n TAccordionCellRendererProps\n>(({ cell, column }, currentRef) => {\n const taskStatusClassName = getStatusRendererClassName(\n cell.children as string,\n column.name,\n );\n\n return (\n <Box ref={currentRef}>\n <Box as=\"strong\">{column.label ?? column.name}: </Box>\n <Box as=\"span\" className={taskStatusClassName}>\n {cell.children}\n </Box>\n </Box>\n );\n});\n\nNoMemoStatusAccordionRenderer.displayName = 'StatusAccordionRenderer';\n\nexport const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;\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;;;;"}
@@ -1,9 +0,0 @@
1
- import { TResponsiveTableCellRenderer } from '../types.js';
2
-
3
- declare function getStatusRendererClassName(cellValue: string, columnName: string): string;
4
- declare const StatusRenderer: TResponsiveTableCellRenderer<{
5
- src: string;
6
- }>;
7
-
8
- export { StatusRenderer, getStatusRendererClassName };
9
- //# sourceMappingURL=StatusRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,54 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import dayjs from 'dayjs';
3
- import React from 'react';
4
- import { getDateFormat } from '@apia/util';
5
-
6
- function getStatusRendererClassName(cellValue, columnName) {
7
- if (cellValue === void 0)
8
- return "";
9
- const cellValueDate = cellValue.split(" ")[0];
10
- const cellValueHour = cellValue.split(" ")[1] ?? "00:00:00";
11
- const dateFormat = getDateFormat();
12
- const currentDate = dayjs();
13
- const currentHour = Number(dayjs().format("HHmm"));
14
- const queriedDate = dayjs(cellValueDate, dateFormat);
15
- const queriedHour = Number(dayjs(cellValueHour, dateFormat));
16
- let statusClassName = "";
17
- if (currentDate >= queriedDate) {
18
- statusClassName = columnName;
19
- }
20
- if (!queriedHour)
21
- return statusClassName;
22
- if (currentDate <= queriedDate && currentHour < queriedHour) {
23
- statusClassName = columnName;
24
- }
25
- return statusClassName;
26
- }
27
- const NoMemoStatusRenderer = React.forwardRef(
28
- ({
29
- cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
30
- column,
31
- row,
32
- ...props
33
- }, currentRef) => {
34
- const taskStatusClassName = getStatusRendererClassName(
35
- children,
36
- column.name
37
- );
38
- return /* @__PURE__ */ jsx(
39
- "td",
40
- {
41
- ...props,
42
- ...cell,
43
- ref: currentRef,
44
- className: taskStatusClassName,
45
- children
46
- }
47
- );
48
- }
49
- );
50
- NoMemoStatusRenderer.displayName = "StatusRenderer";
51
- const StatusRenderer = NoMemoStatusRenderer;
52
-
53
- export { StatusRenderer, getStatusRendererClassName };
54
- //# sourceMappingURL=StatusRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusRenderer.js","sources":["../../src/renderers/StatusRenderer.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport { TDateFormat, getDateFormat } from '@apia/util';\nimport {\n TResponsiveTableCellRenderer,\n TResponsiveTableCellRendererProps,\n} from '../types';\n\nexport function getStatusRendererClassName(\n cellValue: string,\n columnName: string,\n) {\n if (cellValue === undefined) return '';\n\n const cellValueDate = cellValue.split(' ')[0];\n const cellValueHour = cellValue.split(' ')[1] ?? '00:00:00';\n\n const dateFormat: TDateFormat = getDateFormat();\n const currentDate = dayjs();\n const currentHour = Number(dayjs().format('HHmm'));\n const queriedDate = dayjs(cellValueDate, dateFormat);\n const queriedHour = Number(dayjs(cellValueHour, dateFormat));\n let statusClassName = '';\n\n if (currentDate >= queriedDate) {\n statusClassName = columnName;\n }\n if (!queriedHour) return statusClassName;\n\n if (currentDate <= queriedDate && currentHour < queriedHour) {\n statusClassName = columnName;\n }\n return statusClassName;\n}\n\nconst NoMemoStatusRenderer: TResponsiveTableCellRenderer<{ src: string }> =\n React.forwardRef<\n HTMLTableCellElement,\n TResponsiveTableCellRendererProps<{ src: string }>\n >(\n (\n {\n cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },\n column,\n row,\n ...props\n },\n currentRef,\n ) => {\n const taskStatusClassName = getStatusRendererClassName(\n children as string,\n column.name,\n );\n\n return (\n <td\n {...props}\n {...cell}\n ref={currentRef}\n className={taskStatusClassName}\n >\n {children}\n </td>\n );\n },\n );\n\nNoMemoStatusRenderer.displayName = 'StatusRenderer';\n\nexport const StatusRenderer = NoMemoStatusRenderer;\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;;;;"}
@@ -1,6 +0,0 @@
1
- import React__default from 'react';
2
-
3
- declare const TableRenderer: React__default.MemoExoticComponent<() => React__default.JSX.Element>;
4
-
5
- export { TableRenderer };
6
- //# sourceMappingURL=TableRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,50 +0,0 @@
1
- import { jsxs, jsx } from '@apia/theme/jsx-runtime';
2
- import React from 'react';
3
- import { shallowEqual } from 'react-redux';
4
- import { Box, getVariant } from '@apia/theme';
5
- import { Header } from '../Header.js';
6
- import { useResponsiveTableContext } from '../ResponsiveTableContext.js';
7
- import { Row } from '../Row.js';
8
- import { NoRegistersRenderer } from './NoRegistersRenderer.js';
9
- import { useDomProps } from '../store/selection/useDomProps.js';
10
- import { useResponsiveTable } from '../store/index.js';
11
-
12
- const NoMemoTableRenderer = () => {
13
- const { name, label } = useResponsiveTableContext();
14
- const domProps = useDomProps(
15
- "table",
16
- {},
17
- (global) => global.responsiveTableSlice[name]
18
- );
19
- const rows = useResponsiveTable((global) => {
20
- const tableState = global.responsiveTableSlice[name];
21
- return (tableState?.rows ?? []).map((current) => current.id);
22
- }, shallowEqual);
23
- const { columnsCount, rowsCount } = useResponsiveTable((global) => {
24
- const tableState = global.responsiveTableSlice[name];
25
- return {
26
- rowsCount: tableState?.rows.length ?? 0,
27
- columnsCount: (tableState?.nonAdditionalColumnsCount ?? 0) + (tableState?.hasNonAdditionalFilters ? 1 : 0) + (tableState?.statesColumns ?? 0) + (tableState?.columns.find((current) => current.showAsAdditional) ? 1 : 0)
28
- };
29
- }, shallowEqual);
30
- return /* @__PURE__ */ jsxs(
31
- Box,
32
- {
33
- ...domProps,
34
- as: "table",
35
- className: "responsiveTable__table",
36
- ...getVariant("layout.common.tables.primary"),
37
- "aria-label": label,
38
- children: [
39
- /* @__PURE__ */ jsx(Header, {}),
40
- /* @__PURE__ */ jsx("tbody", { children: rowsCount > 0 ? rows.map((row, index) => {
41
- return /* @__PURE__ */ jsx(Row, { rowIndex: index }, row ?? `${row}-${index}`);
42
- }) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columnsCount, children: /* @__PURE__ */ jsx(NoRegistersRenderer, {}) }) }) })
43
- ]
44
- }
45
- );
46
- };
47
- const TableRenderer = React.memo(NoMemoTableRenderer);
48
-
49
- export { TableRenderer };
50
- //# sourceMappingURL=TableRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRenderer.js","sources":["../../src/renderers/TableRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { Box } from '@apia/theme';\nimport { getVariant } from '@apia/theme';\nimport { Header } from '../Header';\nimport { useResponsiveTableContext } from '../ResponsiveTableContext';\nimport { Row } from '../Row';\nimport { NoRegistersRenderer } from './NoRegistersRenderer';\nimport { useDomProps } from '../store/selection/useDomProps';\nimport { useResponsiveTable } from '../store';\n\nconst NoMemoTableRenderer = () => {\n const { name, label } = useResponsiveTableContext();\n const domProps = useDomProps(\n 'table',\n {},\n (global) => global.responsiveTableSlice[name],\n );\n\n const rows = useResponsiveTable((global) => {\n const tableState = global.responsiveTableSlice[name];\n return (tableState?.rows ?? []).map((current) => current.id);\n }, shallowEqual);\n\n const { columnsCount, rowsCount } = useResponsiveTable((global) => {\n const tableState = global.responsiveTableSlice[name];\n return {\n rowsCount: tableState?.rows.length ?? 0,\n columnsCount:\n (tableState?.nonAdditionalColumnsCount ?? 0) +\n (tableState?.hasNonAdditionalFilters ? 1 : 0) +\n (tableState?.statesColumns ?? 0) +\n (tableState?.columns.find((current) => current.showAsAdditional)\n ? 1\n : 0),\n };\n }, shallowEqual);\n\n return (\n <Box\n {...domProps}\n as=\"table\"\n className=\"responsiveTable__table\"\n {...getVariant('layout.common.tables.primary')}\n aria-label={label}\n >\n <Header />\n <tbody>\n {rowsCount > 0 ? (\n rows.map((row, index) => {\n return (\n <Row key={row ?? `${row as string}-${index}`} rowIndex={index} />\n );\n })\n ) : (\n <tr>\n <td colSpan={columnsCount}>\n <NoRegistersRenderer />\n </td>\n </tr>\n )}\n </tbody>\n </Box>\n );\n};\n\nexport const TableRenderer = React.memo(NoMemoTableRenderer);\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;;;;"}
@@ -1,9 +0,0 @@
1
- import { TResponsiveTableRow, TResponsiveTableCellRenderer } from '../types.js';
2
-
3
- declare function makeAccordionAsyncRenderer(additionalInfoGetter: (row: TResponsiveTableRow) => Promise<{
4
- label?: string;
5
- name: string;
6
- }[]>): TResponsiveTableCellRenderer;
7
-
8
- export { makeAccordionAsyncRenderer };
9
- //# sourceMappingURL=makeAccordionAsyncRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"makeAccordionAsyncRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,35 +0,0 @@
1
- import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
2
- import { forwardRef, useState, useCallback } from 'react';
3
- import { Box } from '@apia/theme';
4
- import { IconButton } from '@apia/components';
5
- import { arrayOrArray } from '@apia/util';
6
-
7
- function makeAccordionAsyncRenderer(additionalInfoGetter) {
8
- const InnerRender = forwardRef(({ row }, ref) => {
9
- const [moreInfo, setMoreInfo] = useState(null);
10
- const loadMore = useCallback(async () => {
11
- const result = await additionalInfoGetter(row);
12
- setMoreInfo(result);
13
- }, [row]);
14
- return /* @__PURE__ */ jsx(Fragment, { children: moreInfo ? /* @__PURE__ */ jsxs(Fragment, { children: [
15
- /* @__PURE__ */ jsx(IconButton, { icon: "Minus", onClick: () => setMoreInfo(null) }),
16
- arrayOrArray(moreInfo).map(
17
- (dataCell) => {
18
- return /* @__PURE__ */ jsxs(Box, { ref, as: "div", children: [
19
- /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
20
- dataCell.name,
21
- ":"
22
- ] }),
23
- " ",
24
- dataCell.label
25
- ] }, dataCell.name);
26
- }
27
- )
28
- ] }) : /* @__PURE__ */ jsx(IconButton, { icon: "Plus", onClick: () => void loadMore() }) });
29
- });
30
- InnerRender.displayName = "MakeAccordionAsyncRenderer";
31
- return InnerRender;
32
- }
33
-
34
- export { makeAccordionAsyncRenderer };
35
- //# sourceMappingURL=makeAccordionAsyncRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"makeAccordionAsyncRenderer.js","sources":["../../src/renderers/makeAccordionAsyncRenderer.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\nimport { Box } from '@apia/theme';\nimport { IconButton } from '@apia/components';\nimport { arrayOrArray } from '@apia/util';\nimport {\n TResponsiveTableRow,\n TResponsiveTableCellRenderer,\n TResponsiveTableCellRendererProps,\n} from '../types';\n\nexport function makeAccordionAsyncRenderer(\n additionalInfoGetter: (row: TResponsiveTableRow) => Promise<\n {\n label?: string;\n name: string;\n }[]\n >,\n) {\n const InnerRender: TResponsiveTableCellRenderer = forwardRef<\n HTMLElement,\n TResponsiveTableCellRendererProps\n >(({ row }, ref) => {\n const [moreInfo, setMoreInfo] = useState<\n | {\n label?: string;\n name: string;\n }[]\n | null\n >(null);\n const loadMore = useCallback(async () => {\n const result = await additionalInfoGetter(row);\n setMoreInfo(result);\n }, [row]);\n\n return (\n <>\n {moreInfo ? (\n <>\n <IconButton icon=\"Minus\" onClick={() => setMoreInfo(null)} />\n {arrayOrArray(moreInfo).map(\n (dataCell: { label?: string; name: string }) => {\n return (\n <Box key={dataCell.name} ref={ref} as=\"div\">\n <Box as=\"strong\">{dataCell.name}:</Box> {dataCell.label}\n </Box>\n );\n },\n )}\n </>\n ) : (\n <IconButton icon=\"Plus\" onClick={() => void loadMore()} />\n )}\n </>\n );\n });\n\n InnerRender.displayName = 'MakeAccordionAsyncRenderer';\n\n return InnerRender;\n}\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;;;;"}
@@ -1,10 +0,0 @@
1
- import { TResponsiveTableRow, TResponsiveTableCellRenderer } from '../types.js';
2
-
3
- declare function makeAsyncRenderer(additionalInfoGetter: (row: TResponsiveTableRow) => Promise<{
4
- label?: string;
5
- name: string;
6
- newline?: boolean;
7
- }[]>): TResponsiveTableCellRenderer;
8
-
9
- export { makeAsyncRenderer };
10
- //# sourceMappingURL=makeAsyncRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"makeAsyncRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}