@ltht-react/table 2.0.151 → 2.0.153
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/README.md +15 -15
- package/lib/molecules/table-component.d.ts +1 -2
- package/lib/molecules/table-component.js +2 -2
- package/lib/molecules/table-component.js.map +1 -1
- package/lib/molecules/table-styled-components.d.ts +2 -4
- package/lib/molecules/table-styled-components.js +12 -9
- package/lib/molecules/table-styled-components.js.map +1 -1
- package/lib/molecules/table.js +1 -1
- package/lib/molecules/table.js.map +1 -1
- package/package.json +8 -8
- package/src/atoms/questionnaire-withdrawn-table-cell.tsx +15 -15
- package/src/index.tsx +8 -8
- package/src/molecules/table-cell.tsx +93 -93
- package/src/molecules/table-component.tsx +146 -147
- package/src/molecules/table-methods.tsx +234 -234
- package/src/molecules/table-styled-components.tsx +249 -241
- package/src/molecules/table.tsx +168 -163
- package/src/molecules/useDimensionRef.tsx +37 -37
- package/src/molecules/useScrollRef.tsx +36 -36
- package/src/organisms/generic-table.tsx +33 -33
- package/src/organisms/questionnaire-table-methods.tsx +349 -349
- package/src/organisms/questionnaire-table.tsx +55 -55
package/README.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
# Select
|
|
2
|
-
|
|
3
|
-
<!-- STORY -->
|
|
4
|
-
|
|
5
|
-
### Import
|
|
6
|
-
|
|
7
|
-
```js
|
|
8
|
-
import Select from '@ltht-react/table'
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
### Usage
|
|
12
|
-
|
|
13
|
-
```jsx
|
|
14
|
-
<Table />
|
|
15
|
-
```
|
|
1
|
+
# Select
|
|
2
|
+
|
|
3
|
+
<!-- STORY -->
|
|
4
|
+
|
|
5
|
+
### Import
|
|
6
|
+
|
|
7
|
+
```js
|
|
8
|
+
import Select from '@ltht-react/table'
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
### Usage
|
|
12
|
+
|
|
13
|
+
```jsx
|
|
14
|
+
<Table />
|
|
15
|
+
```
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Table } from '@tanstack/react-table';
|
|
3
3
|
import { ITableConfig } from './table';
|
|
4
|
-
declare const TableComponent: <T>({ table, staticColumns, headerAxis
|
|
4
|
+
declare const TableComponent: <T>({ table, staticColumns, headerAxis }: ITableHeadProps<T>) => JSX.Element;
|
|
5
5
|
declare const TableNavigationButton: ({ position, hidden, clickHandler }: ITableNavButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare const TableSpinner: ({ position, hidden }: ITableSpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
interface ITableNavButtonProps {
|
|
@@ -15,7 +15,6 @@ interface ITableSpinnerProps {
|
|
|
15
15
|
}
|
|
16
16
|
interface ITableHeadProps<T> extends ITableConfig {
|
|
17
17
|
table: Table<T>;
|
|
18
|
-
isFlex?: boolean;
|
|
19
18
|
}
|
|
20
19
|
export default TableComponent;
|
|
21
20
|
export { TableNavigationButton, TableSpinner };
|
|
@@ -23,7 +23,7 @@ var table_methods_1 = require("./table-methods");
|
|
|
23
23
|
var table_styled_components_1 = require("./table-styled-components");
|
|
24
24
|
var useDimensionRef_1 = __importDefault(require("./useDimensionRef"));
|
|
25
25
|
var TableComponent = function (_a) {
|
|
26
|
-
var table = _a.table, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, headerAxis = _a.headerAxis
|
|
26
|
+
var table = _a.table, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, headerAxis = _a.headerAxis;
|
|
27
27
|
var firstColumn = (0, react_1.useRef)(null);
|
|
28
28
|
var secondColumn = (0, react_1.useRef)(null);
|
|
29
29
|
var tableElement = (0, react_1.useRef)(null);
|
|
@@ -49,7 +49,7 @@ var TableComponent = function (_a) {
|
|
|
49
49
|
onClick: header.column.getToggleSortingHandler(),
|
|
50
50
|
}
|
|
51
51
|
: {}), { children: header.isPlaceholder ? null : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }), header.id)); };
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.StyledTable, { ref: tableElement,
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.StyledTable, { ref: tableElement, children: [(0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTHead, { children: table.getHeaderGroups().map(function (headerGroup) { return ((0, jsx_runtime_1.jsx)("tr", { role: "row", children: headerGroup.headers.map(function (header, headerIndex) { return getHeaderColumn(header, headerIndex); }) }, headerGroup.id)); }) }), (0, jsx_runtime_1.jsx)("tbody", { children: table.getRowModel().rows.map(function (row) { return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableRow, { tableHeaderAxis: headerAxis, role: "row", children: row.getVisibleCells().map(function (cell, cellIdx) {
|
|
53
53
|
var _a;
|
|
54
54
|
return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableData, { tableHeaderAxis: headerAxis, stickyWidth: (0, table_methods_1.calculateStaticColumnOffset)(cellIdx, totalStaticColumns, firstColumnWidth, secondColumnWidth), role: "cell", style: (_a = cell.getValue()) === null || _a === void 0 ? void 0 : _a.parentStyle, children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
|
|
55
55
|
}) }, row.id)); }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-component.js","sourceRoot":"","sources":["../../src/molecules/table-component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0DAAmC;AACnC,qDAAqF;AACrF,+BAA8C;AAC9C,iDAA6D;AAC7D,qEAQkC;AAClC,sEAAgD;AAIhD,IAAM,cAAc,GAAG,UAAK,
|
|
1
|
+
{"version":3,"file":"table-component.js","sourceRoot":"","sources":["../../src/molecules/table-component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
|
|
|
7
7
|
declare const StyledTable: import("@emotion/styled").StyledComponent<{
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
9
9
|
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
}
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
|
|
11
11
|
declare const StyledTableHeader: import("@emotion/styled").StyledComponent<{
|
|
12
12
|
theme?: import("@emotion/react").Theme | undefined;
|
|
13
13
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -76,8 +76,6 @@ interface IScrollableContainer {
|
|
|
76
76
|
tableHeaderAxis: Axis;
|
|
77
77
|
maxHeight?: string;
|
|
78
78
|
maxWidth?: string;
|
|
79
|
-
|
|
80
|
-
interface IStyledTable {
|
|
81
|
-
isFlex?: boolean;
|
|
79
|
+
isFlex: boolean;
|
|
82
80
|
}
|
|
83
81
|
export { StyledTable, StyledTableHeader, StyledTableRow, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };
|
|
@@ -34,18 +34,21 @@ exports.StyledSpinnerContainer = exports.StyledTHead = exports.StyledNextPageBut
|
|
|
34
34
|
var styles_1 = require("@ltht-react/styles");
|
|
35
35
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
36
36
|
var icon_1 = __importStar(require("@ltht-react/icon"));
|
|
37
|
+
var setScrollableDisplay = function (tableHeaderAxis, isFlex) {
|
|
38
|
+
if (isFlex) {
|
|
39
|
+
return 'flex';
|
|
40
|
+
}
|
|
41
|
+
if (tableHeaderAxis === 'y') {
|
|
42
|
+
return 'inline-flex';
|
|
43
|
+
}
|
|
44
|
+
return 'inline-block';
|
|
45
|
+
};
|
|
37
46
|
var ScrollableContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n background-color: white;\n ", "\n border-radius: 6px;\n overflow: auto;\n &::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n border: 0;\n }\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 10px;\n }\n"], ["\n ", ";\n background-color: white;\n ", "\n border-radius: 6px;\n overflow: auto;\n &::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n border: 0;\n }\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 10px;\n }\n"])), styles_1.CSS_RESET, function (_a) {
|
|
38
|
-
var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
|
|
39
|
-
return "\n display: ".concat(tableHeaderAxis
|
|
47
|
+
var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, isFlex = _a.isFlex;
|
|
48
|
+
return "\n display: ".concat(setScrollableDisplay(tableHeaderAxis, isFlex), ";\n ").concat(isFlex && 'flex-direction: column', ";\n max-width: ").concat(maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%', ";\n max-height: ").concat(maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%', ";\n ");
|
|
40
49
|
}, styles_1.SCROLLBAR);
|
|
41
50
|
exports.ScrollableContainer = ScrollableContainer;
|
|
42
|
-
var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-spacing: 0;\n border-radius: 6px;\n
|
|
43
|
-
var isFlex = _a.isFlex;
|
|
44
|
-
return isFlex && 'display: flex';
|
|
45
|
-
}, function (_a) {
|
|
46
|
-
var isFlex = _a.isFlex;
|
|
47
|
-
return isFlex && 'flex-direction: column';
|
|
48
|
-
});
|
|
51
|
+
var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-spacing: 0;\n border-radius: 6px;\n"], ["\n border-spacing: 0;\n border-radius: 6px;\n"])));
|
|
49
52
|
exports.StyledTable = StyledTable;
|
|
50
53
|
var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border: thin solid ", ";\n font-weight: bold;\n padding: 0.5rem;\n\n ", "\n"], ["\n background-color: ", ";\n border: thin solid ", ";\n font-weight: bold;\n padding: 0.5rem;\n\n ", "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
|
|
51
54
|
var stickyWidth = _a.stickyWidth;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-styled-components.js","sourceRoot":"","sources":["../../src/molecules/table-styled-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAU2B;AAC3B,2DAAoC;AACpC,uDAAmD;AAGnD,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,sUAAsB,MACxD,EAAS,mCAET,
|
|
1
|
+
{"version":3,"file":"table-styled-components.js","sourceRoot":"","sources":["../../src/molecules/table-styled-components.tsx"],"names":[],"mappings":"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"}
|
package/lib/molecules/table.js
CHANGED
|
@@ -85,7 +85,7 @@ var Table = function (_a) {
|
|
|
85
85
|
table.nextPage();
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
|
-
return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.ScrollableContainer, { ref: scrollableDivElement, tableHeaderAxis: headerAxis, maxHeight: maxHeight, maxWidth: maxWidth, children: [(0, jsx_runtime_1.jsx)(table_component_1.default, { table: table, staticColumns: staticColumns, headerAxis: headerAxis
|
|
88
|
+
return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.ScrollableContainer, { ref: scrollableDivElement, tableHeaderAxis: headerAxis, maxHeight: maxHeight, maxWidth: maxWidth, isFlex: isFlex, children: [(0, jsx_runtime_1.jsx)(table_component_1.default, { table: table, staticColumns: staticColumns, headerAxis: headerAxis }), manualPagination ? ((0, jsx_runtime_1.jsx)(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching })) : null, (0, jsx_runtime_1.jsx)(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage })] }));
|
|
89
89
|
};
|
|
90
90
|
exports.default = Table;
|
|
91
91
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/table",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.153",
|
|
4
4
|
"description": "ltht-react Table component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -28,15 +28,15 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@emotion/react": "^11.0.0",
|
|
30
30
|
"@emotion/styled": "^11.0.0",
|
|
31
|
-
"@ltht-react/button": "^2.0.
|
|
32
|
-
"@ltht-react/icon": "^2.0.
|
|
33
|
-
"@ltht-react/menu": "^2.0.
|
|
34
|
-
"@ltht-react/styles": "^2.0.
|
|
35
|
-
"@ltht-react/types": "^2.0.
|
|
36
|
-
"@ltht-react/utils": "^2.0.
|
|
31
|
+
"@ltht-react/button": "^2.0.153",
|
|
32
|
+
"@ltht-react/icon": "^2.0.153",
|
|
33
|
+
"@ltht-react/menu": "^2.0.153",
|
|
34
|
+
"@ltht-react/styles": "^2.0.153",
|
|
35
|
+
"@ltht-react/types": "^2.0.153",
|
|
36
|
+
"@ltht-react/utils": "^2.0.153",
|
|
37
37
|
"@tanstack/react-table": "^8.10.7",
|
|
38
38
|
"react": "^18.2.0",
|
|
39
39
|
"react-uuid": "^2.0.0"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "0fccbe30f17265e6dbad3d9e3770d77052657aac"
|
|
42
42
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
const StyledText = styled.div`
|
|
5
|
-
text-decoration: line-through;
|
|
6
|
-
color: gray;
|
|
7
|
-
`
|
|
8
|
-
|
|
9
|
-
const QuestionnaireWithdrawnTableCell: FC<WithdrawnCellProps> = ({ text }) => <StyledText>{text ?? ''}</StyledText>
|
|
10
|
-
|
|
11
|
-
export interface WithdrawnCellProps {
|
|
12
|
-
text?: string
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export default QuestionnaireWithdrawnTableCell
|
|
1
|
+
import { FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
const StyledText = styled.div`
|
|
5
|
+
text-decoration: line-through;
|
|
6
|
+
color: gray;
|
|
7
|
+
`
|
|
8
|
+
|
|
9
|
+
const QuestionnaireWithdrawnTableCell: FC<WithdrawnCellProps> = ({ text }) => <StyledText>{text ?? ''}</StyledText>
|
|
10
|
+
|
|
11
|
+
export interface WithdrawnCellProps {
|
|
12
|
+
text?: string
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export default QuestionnaireWithdrawnTableCell
|
package/src/index.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import Table, { Header, DataEntity, TableData, CellProps } from './molecules/table'
|
|
2
|
-
import GenericTable from './organisms/generic-table'
|
|
3
|
-
import QuestionnaireTable from './organisms/questionnaire-table'
|
|
4
|
-
import { AdminActionsForQuestionnaire } from './organisms/questionnaire-table-methods'
|
|
5
|
-
|
|
6
|
-
export default Table
|
|
7
|
-
export { Header, TableData, DataEntity, CellProps, GenericTable, QuestionnaireTable, AdminActionsForQuestionnaire }
|
|
8
|
-
export { default as mapQuestionnaireToTableData } from './organisms/questionnaire-table-methods'
|
|
1
|
+
import Table, { Header, DataEntity, TableData, CellProps } from './molecules/table'
|
|
2
|
+
import GenericTable from './organisms/generic-table'
|
|
3
|
+
import QuestionnaireTable from './organisms/questionnaire-table'
|
|
4
|
+
import { AdminActionsForQuestionnaire } from './organisms/questionnaire-table-methods'
|
|
5
|
+
|
|
6
|
+
export default Table
|
|
7
|
+
export { Header, TableData, DataEntity, CellProps, GenericTable, QuestionnaireTable, AdminActionsForQuestionnaire }
|
|
8
|
+
export { default as mapQuestionnaireToTableData } from './organisms/questionnaire-table-methods'
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import { FC } from 'react'
|
|
2
|
-
import { Button } from '@ltht-react/button'
|
|
3
|
-
import styled from '@emotion/styled'
|
|
4
|
-
import Icon, { IconButton, IconProps } from '@ltht-react/icon'
|
|
5
|
-
import ActionMenu, { ActionMenuOption } from '@ltht-react/menu'
|
|
6
|
-
import { PopUp, getZIndex, BTN_COLOURS } from '@ltht-react/styles'
|
|
7
|
-
import { Axis } from '@ltht-react/types'
|
|
8
|
-
|
|
9
|
-
const StyledIconText = styled.span`
|
|
10
|
-
margin-left: 0.4rem;
|
|
11
|
-
`
|
|
12
|
-
|
|
13
|
-
// TODO: This component is still a WIP and will be re-factored soon!
|
|
14
|
-
// May be best to split it out into different components, the important part is unifying Type used by React-Table so the mapping can be simplified
|
|
15
|
-
// It will need to facilitate the Actions list capability Jonny Dyson has requested
|
|
16
|
-
// Betters ways of handling the customComponentOverride will be considered too
|
|
17
|
-
const TableCell: FC<CellProps> = ({
|
|
18
|
-
adminActions,
|
|
19
|
-
isButton = false,
|
|
20
|
-
text,
|
|
21
|
-
iconProps,
|
|
22
|
-
headerAxis = 'x',
|
|
23
|
-
clickHandler,
|
|
24
|
-
customComponentOverride,
|
|
25
|
-
}) => {
|
|
26
|
-
if (customComponentOverride) {
|
|
27
|
-
return customComponentOverride
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
if (adminActions) {
|
|
31
|
-
if (adminActions.length === 0) {
|
|
32
|
-
return <></>
|
|
33
|
-
}
|
|
34
|
-
return (
|
|
35
|
-
<ActionMenu
|
|
36
|
-
actions={adminActions}
|
|
37
|
-
menuButtonOptions={{
|
|
38
|
-
type: 'button',
|
|
39
|
-
text: '',
|
|
40
|
-
buttonProps: {
|
|
41
|
-
styling: {
|
|
42
|
-
buttonStyle: 'standard',
|
|
43
|
-
padding: headerAxis === 'x' ? '0.3rem 0.5rem' : '0.15rem 0.3rem',
|
|
44
|
-
},
|
|
45
|
-
icon: (
|
|
46
|
-
<Icon {...{ type: headerAxis === 'x' ? 'ellipsis-vertical' : 'ellipsis-horizontal', size: 'medium' }} />
|
|
47
|
-
),
|
|
48
|
-
iconPlacement: 'center',
|
|
49
|
-
color: `${BTN_COLOURS.DANGER.VALUE}`,
|
|
50
|
-
},
|
|
51
|
-
}}
|
|
52
|
-
popupStyle={{ zIndex: getZIndex(PopUp) }}
|
|
53
|
-
popupPlacement={headerAxis === 'x' ? 'bottom-start' : 'right-start'}
|
|
54
|
-
/>
|
|
55
|
-
)
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
if (isButton) {
|
|
59
|
-
return <Button value={text} icon={iconProps && <Icon {...iconProps} />} onClick={clickHandler} />
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
if (clickHandler && iconProps) {
|
|
63
|
-
return <IconButton iconProps={iconProps} text={text} onClick={clickHandler} />
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
if (iconProps) {
|
|
67
|
-
return (
|
|
68
|
-
<>
|
|
69
|
-
<Icon {...iconProps} />
|
|
70
|
-
{text && <StyledIconText>{text}</StyledIconText>}
|
|
71
|
-
</>
|
|
72
|
-
)
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
if (text) {
|
|
76
|
-
return <div>{text ?? ''}</div>
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
return <></>
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export interface CellProps {
|
|
83
|
-
adminActions?: ActionMenuOption[]
|
|
84
|
-
isButton?: boolean
|
|
85
|
-
text?: string
|
|
86
|
-
iconProps?: IconProps
|
|
87
|
-
clickHandler?: React.MouseEventHandler<HTMLButtonElement>
|
|
88
|
-
customComponentOverride?: JSX.Element
|
|
89
|
-
parentStyle?: React.CSSProperties
|
|
90
|
-
headerAxis?: Axis
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
export default TableCell
|
|
1
|
+
import { FC } from 'react'
|
|
2
|
+
import { Button } from '@ltht-react/button'
|
|
3
|
+
import styled from '@emotion/styled'
|
|
4
|
+
import Icon, { IconButton, IconProps } from '@ltht-react/icon'
|
|
5
|
+
import ActionMenu, { ActionMenuOption } from '@ltht-react/menu'
|
|
6
|
+
import { PopUp, getZIndex, BTN_COLOURS } from '@ltht-react/styles'
|
|
7
|
+
import { Axis } from '@ltht-react/types'
|
|
8
|
+
|
|
9
|
+
const StyledIconText = styled.span`
|
|
10
|
+
margin-left: 0.4rem;
|
|
11
|
+
`
|
|
12
|
+
|
|
13
|
+
// TODO: This component is still a WIP and will be re-factored soon!
|
|
14
|
+
// May be best to split it out into different components, the important part is unifying Type used by React-Table so the mapping can be simplified
|
|
15
|
+
// It will need to facilitate the Actions list capability Jonny Dyson has requested
|
|
16
|
+
// Betters ways of handling the customComponentOverride will be considered too
|
|
17
|
+
const TableCell: FC<CellProps> = ({
|
|
18
|
+
adminActions,
|
|
19
|
+
isButton = false,
|
|
20
|
+
text,
|
|
21
|
+
iconProps,
|
|
22
|
+
headerAxis = 'x',
|
|
23
|
+
clickHandler,
|
|
24
|
+
customComponentOverride,
|
|
25
|
+
}) => {
|
|
26
|
+
if (customComponentOverride) {
|
|
27
|
+
return customComponentOverride
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
if (adminActions) {
|
|
31
|
+
if (adminActions.length === 0) {
|
|
32
|
+
return <></>
|
|
33
|
+
}
|
|
34
|
+
return (
|
|
35
|
+
<ActionMenu
|
|
36
|
+
actions={adminActions}
|
|
37
|
+
menuButtonOptions={{
|
|
38
|
+
type: 'button',
|
|
39
|
+
text: '',
|
|
40
|
+
buttonProps: {
|
|
41
|
+
styling: {
|
|
42
|
+
buttonStyle: 'standard',
|
|
43
|
+
padding: headerAxis === 'x' ? '0.3rem 0.5rem' : '0.15rem 0.3rem',
|
|
44
|
+
},
|
|
45
|
+
icon: (
|
|
46
|
+
<Icon {...{ type: headerAxis === 'x' ? 'ellipsis-vertical' : 'ellipsis-horizontal', size: 'medium' }} />
|
|
47
|
+
),
|
|
48
|
+
iconPlacement: 'center',
|
|
49
|
+
color: `${BTN_COLOURS.DANGER.VALUE}`,
|
|
50
|
+
},
|
|
51
|
+
}}
|
|
52
|
+
popupStyle={{ zIndex: getZIndex(PopUp) }}
|
|
53
|
+
popupPlacement={headerAxis === 'x' ? 'bottom-start' : 'right-start'}
|
|
54
|
+
/>
|
|
55
|
+
)
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
if (isButton) {
|
|
59
|
+
return <Button value={text} icon={iconProps && <Icon {...iconProps} />} onClick={clickHandler} />
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
if (clickHandler && iconProps) {
|
|
63
|
+
return <IconButton iconProps={iconProps} text={text} onClick={clickHandler} />
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
if (iconProps) {
|
|
67
|
+
return (
|
|
68
|
+
<>
|
|
69
|
+
<Icon {...iconProps} />
|
|
70
|
+
{text && <StyledIconText>{text}</StyledIconText>}
|
|
71
|
+
</>
|
|
72
|
+
)
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
if (text) {
|
|
76
|
+
return <div>{text ?? ''}</div>
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
return <></>
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export interface CellProps {
|
|
83
|
+
adminActions?: ActionMenuOption[]
|
|
84
|
+
isButton?: boolean
|
|
85
|
+
text?: string
|
|
86
|
+
iconProps?: IconProps
|
|
87
|
+
clickHandler?: React.MouseEventHandler<HTMLButtonElement>
|
|
88
|
+
customComponentOverride?: JSX.Element
|
|
89
|
+
parentStyle?: React.CSSProperties
|
|
90
|
+
headerAxis?: Axis
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
export default TableCell
|