@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.
- package/dist/index.d.ts +787 -24
- package/dist/index.js +3667 -24
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
- package/dist/Cell.js +0 -52
- package/dist/Cell.js.map +0 -1
- package/dist/FilterCell.js +0 -68
- package/dist/FilterCell.js.map +0 -1
- package/dist/Header.js +0 -171
- package/dist/Header.js.map +0 -1
- package/dist/HeaderCell.js +0 -223
- package/dist/HeaderCell.js.map +0 -1
- package/dist/KeyHandler.js +0 -28
- package/dist/KeyHandler.js.map +0 -1
- package/dist/ResponsiveTable.d.ts +0 -8
- package/dist/ResponsiveTable.d.ts.map +0 -1
- package/dist/ResponsiveTable.js +0 -29
- package/dist/ResponsiveTable.js.map +0 -1
- package/dist/ResponsiveTableContext.d.ts +0 -8
- package/dist/ResponsiveTableContext.d.ts.map +0 -1
- package/dist/ResponsiveTableContext.js +0 -140
- package/dist/ResponsiveTableContext.js.map +0 -1
- package/dist/Row.js +0 -230
- package/dist/Row.js.map +0 -1
- package/dist/SeparatorCell.js +0 -20
- package/dist/SeparatorCell.js.map +0 -1
- package/dist/StateCell.js +0 -19
- package/dist/StateCell.js.map +0 -1
- package/dist/filters/RangeFilter.js +0 -61
- package/dist/filters/RangeFilter.js.map +0 -1
- package/dist/renderers/AccordionCell.d.ts +0 -15
- package/dist/renderers/AccordionCell.d.ts.map +0 -1
- package/dist/renderers/AccordionCell.js +0 -23
- package/dist/renderers/AccordionCell.js.map +0 -1
- package/dist/renderers/AccordionDocNameCellRenderer.d.ts +0 -11
- package/dist/renderers/AccordionDocNameCellRenderer.d.ts.map +0 -1
- package/dist/renderers/AccordionDocNameCellRenderer.js +0 -39
- package/dist/renderers/AccordionDocNameCellRenderer.js.map +0 -1
- package/dist/renderers/AccordionElement.d.ts +0 -11
- package/dist/renderers/AccordionElement.d.ts.map +0 -1
- package/dist/renderers/AccordionElement.js +0 -115
- package/dist/renderers/AccordionElement.js.map +0 -1
- package/dist/renderers/AccordionHTMLCellRenderer.d.ts +0 -8
- package/dist/renderers/AccordionHTMLCellRenderer.d.ts.map +0 -1
- package/dist/renderers/AccordionHTMLCellRenderer.js +0 -37
- package/dist/renderers/AccordionHTMLCellRenderer.js.map +0 -1
- package/dist/renderers/AccordionRenderer.d.ts +0 -6
- package/dist/renderers/AccordionRenderer.d.ts.map +0 -1
- package/dist/renderers/AccordionRenderer.js +0 -76
- package/dist/renderers/AccordionRenderer.js.map +0 -1
- package/dist/renderers/AdditionalColumnDefaultRenderer.d.ts +0 -7
- package/dist/renderers/AdditionalColumnDefaultRenderer.d.ts.map +0 -1
- package/dist/renderers/AdditionalColumnDefaultRenderer.js +0 -31
- package/dist/renderers/AdditionalColumnDefaultRenderer.js.map +0 -1
- package/dist/renderers/DefaultCellRenderer.d.ts +0 -11
- package/dist/renderers/DefaultCellRenderer.d.ts.map +0 -1
- package/dist/renderers/DefaultCellRenderer.js +0 -49
- package/dist/renderers/DefaultCellRenderer.js.map +0 -1
- package/dist/renderers/DefaultRowRenderer.d.ts +0 -6
- package/dist/renderers/DefaultRowRenderer.d.ts.map +0 -1
- package/dist/renderers/DefaultRowRenderer.js +0 -26
- package/dist/renderers/DefaultRowRenderer.js.map +0 -1
- package/dist/renderers/DocNameCellRenderer.d.ts +0 -10
- package/dist/renderers/DocNameCellRenderer.d.ts.map +0 -1
- package/dist/renderers/DocNameCellRenderer.js +0 -43
- package/dist/renderers/DocNameCellRenderer.js.map +0 -1
- package/dist/renderers/HTMLCellRenderer.d.ts +0 -8
- package/dist/renderers/HTMLCellRenderer.d.ts.map +0 -1
- package/dist/renderers/HTMLCellRenderer.js +0 -29
- package/dist/renderers/HTMLCellRenderer.js.map +0 -1
- package/dist/renderers/IsLoadingRenderer.d.ts +0 -6
- package/dist/renderers/IsLoadingRenderer.d.ts.map +0 -1
- package/dist/renderers/IsLoadingRenderer.js +0 -9
- package/dist/renderers/IsLoadingRenderer.js.map +0 -1
- package/dist/renderers/NoRegistersRenderer.d.ts +0 -6
- package/dist/renderers/NoRegistersRenderer.d.ts.map +0 -1
- package/dist/renderers/NoRegistersRenderer.js +0 -11
- package/dist/renderers/NoRegistersRenderer.js.map +0 -1
- package/dist/renderers/PriorityAccordionRenderer.d.ts +0 -6
- package/dist/renderers/PriorityAccordionRenderer.d.ts.map +0 -1
- package/dist/renderers/PriorityAccordionRenderer.js +0 -36
- package/dist/renderers/PriorityAccordionRenderer.js.map +0 -1
- package/dist/renderers/PriorityRenderer.d.ts +0 -9
- package/dist/renderers/PriorityRenderer.d.ts.map +0 -1
- package/dist/renderers/PriorityRenderer.js +0 -46
- package/dist/renderers/PriorityRenderer.js.map +0 -1
- package/dist/renderers/RowStatesRenderer.d.ts +0 -9
- package/dist/renderers/RowStatesRenderer.d.ts.map +0 -1
- package/dist/renderers/RowStatesRenderer.js +0 -34
- package/dist/renderers/RowStatesRenderer.js.map +0 -1
- package/dist/renderers/StatusAccordionRenderer.d.ts +0 -6
- package/dist/renderers/StatusAccordionRenderer.d.ts.map +0 -1
- package/dist/renderers/StatusAccordionRenderer.js +0 -23
- package/dist/renderers/StatusAccordionRenderer.js.map +0 -1
- package/dist/renderers/StatusRenderer.d.ts +0 -9
- package/dist/renderers/StatusRenderer.d.ts.map +0 -1
- package/dist/renderers/StatusRenderer.js +0 -54
- package/dist/renderers/StatusRenderer.js.map +0 -1
- package/dist/renderers/TableRenderer.d.ts +0 -6
- package/dist/renderers/TableRenderer.d.ts.map +0 -1
- package/dist/renderers/TableRenderer.js +0 -50
- package/dist/renderers/TableRenderer.js.map +0 -1
- package/dist/renderers/makeAccordionAsyncRenderer.d.ts +0 -9
- package/dist/renderers/makeAccordionAsyncRenderer.d.ts.map +0 -1
- package/dist/renderers/makeAccordionAsyncRenderer.js +0 -35
- package/dist/renderers/makeAccordionAsyncRenderer.js.map +0 -1
- package/dist/renderers/makeAsyncRenderer.d.ts +0 -10
- package/dist/renderers/makeAsyncRenderer.d.ts.map +0 -1
- package/dist/renderers/makeAsyncRenderer.js +0 -47
- package/dist/renderers/makeAsyncRenderer.js.map +0 -1
- package/dist/store/index.d.ts +0 -72
- package/dist/store/index.d.ts.map +0 -1
- package/dist/store/index.js +0 -131
- package/dist/store/index.js.map +0 -1
- package/dist/store/selection/getInitialState.js +0 -22
- package/dist/store/selection/getInitialState.js.map +0 -1
- package/dist/store/selection/getReduxActions.js +0 -42
- package/dist/store/selection/getReduxActions.js.map +0 -1
- package/dist/store/selection/handleKey.js +0 -143
- package/dist/store/selection/handleKey.js.map +0 -1
- package/dist/store/selection/makeKeyHandler.js +0 -336
- package/dist/store/selection/makeKeyHandler.js.map +0 -1
- package/dist/store/selection/setNewFocused.js +0 -101
- package/dist/store/selection/setNewFocused.js.map +0 -1
- package/dist/store/selection/types.d.ts +0 -150
- package/dist/store/selection/types.d.ts.map +0 -1
- package/dist/store/selection/useDomProps.js +0 -181
- package/dist/store/selection/useDomProps.js.map +0 -1
- package/dist/store/types.d.ts +0 -19
- package/dist/store/types.d.ts.map +0 -1
- package/dist/types.d.ts +0 -315
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js +0 -6
- 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 +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
|
-
"<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 '<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 +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 +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 +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 +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 +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":""}
|