@darajs/components 0.4.8
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/LICENSE +201 -0
- package/README.md +37 -0
- package/dist/common/accordion/accordion.d.ts +17 -0
- package/dist/common/accordion/accordion.d.ts.map +1 -0
- package/dist/common/accordion/accordion.js +36 -0
- package/dist/common/accordion/accordion.js.map +1 -0
- package/dist/common/anchor/anchor.d.ts +17 -0
- package/dist/common/anchor/anchor.d.ts.map +1 -0
- package/dist/common/anchor/anchor.js +40 -0
- package/dist/common/anchor/anchor.js.map +1 -0
- package/dist/common/bullet-list/bullet_list.d.ts +16 -0
- package/dist/common/bullet-list/bullet_list.d.ts.map +1 -0
- package/dist/common/bullet-list/bullet_list.js +17 -0
- package/dist/common/bullet-list/bullet_list.js.map +1 -0
- package/dist/common/button/button.d.ts +27 -0
- package/dist/common/button/button.d.ts.map +1 -0
- package/dist/common/button/button.js +47 -0
- package/dist/common/button/button.js.map +1 -0
- package/dist/common/button-bar/button-bar.d.ts +22 -0
- package/dist/common/button-bar/button-bar.d.ts.map +1 -0
- package/dist/common/button-bar/button-bar.js +27 -0
- package/dist/common/button-bar/button-bar.js.map +1 -0
- package/dist/common/card/card.d.ts +24 -0
- package/dist/common/card/card.d.ts.map +1 -0
- package/dist/common/card/card.js +58 -0
- package/dist/common/card/card.js.map +1 -0
- package/dist/common/carousel/carousel.d.ts +27 -0
- package/dist/common/carousel/carousel.d.ts.map +1 -0
- package/dist/common/carousel/carousel.js +42 -0
- package/dist/common/carousel/carousel.js.map +1 -0
- package/dist/common/checkbox-group/checkbox-group.d.ts +24 -0
- package/dist/common/checkbox-group/checkbox-group.d.ts.map +1 -0
- package/dist/common/checkbox-group/checkbox-group.js +37 -0
- package/dist/common/checkbox-group/checkbox-group.js.map +1 -0
- package/dist/common/code/code.d.ts +12 -0
- package/dist/common/code/code.d.ts.map +1 -0
- package/dist/common/code/code.js +11 -0
- package/dist/common/code/code.js.map +1 -0
- package/dist/common/component-select-list/component-select-list.d.ts +23 -0
- package/dist/common/component-select-list/component-select-list.d.ts.map +1 -0
- package/dist/common/component-select-list/component-select-list.js +29 -0
- package/dist/common/component-select-list/component-select-list.js.map +1 -0
- package/dist/common/constants.d.ts +19 -0
- package/dist/common/constants.d.ts.map +1 -0
- package/dist/common/constants.js +21 -0
- package/dist/common/constants.js.map +1 -0
- package/dist/common/context/form-context.d.ts +20 -0
- package/dist/common/context/form-context.d.ts.map +1 -0
- package/dist/common/context/form-context.js +28 -0
- package/dist/common/context/form-context.js.map +1 -0
- package/dist/common/context/index.d.ts +2 -0
- package/dist/common/context/index.d.ts.map +1 -0
- package/dist/common/context/index.js +2 -0
- package/dist/common/context/index.js.map +1 -0
- package/dist/common/datepicker/datepicker.d.ts +31 -0
- package/dist/common/datepicker/datepicker.d.ts.map +1 -0
- package/dist/common/datepicker/datepicker.js +70 -0
- package/dist/common/datepicker/datepicker.js.map +1 -0
- package/dist/common/dropzone/dropzone.d.ts +21 -0
- package/dist/common/dropzone/dropzone.d.ts.map +1 -0
- package/dist/common/dropzone/dropzone.js +101 -0
- package/dist/common/dropzone/dropzone.js.map +1 -0
- package/dist/common/form/form.d.ts +11 -0
- package/dist/common/form/form.d.ts.map +1 -0
- package/dist/common/form/form.js +46 -0
- package/dist/common/form/form.js.map +1 -0
- package/dist/common/form-page/form-page.d.ts +12 -0
- package/dist/common/form-page/form-page.d.ts.map +1 -0
- package/dist/common/form-page/form-page.js +18 -0
- package/dist/common/form-page/form-page.js.map +1 -0
- package/dist/common/grid/column.d.ts +20 -0
- package/dist/common/grid/column.d.ts.map +1 -0
- package/dist/common/grid/column.js +22 -0
- package/dist/common/grid/column.js.map +1 -0
- package/dist/common/grid/grid.d.ts +18 -0
- package/dist/common/grid/grid.d.ts.map +1 -0
- package/dist/common/grid/grid.js +31 -0
- package/dist/common/grid/grid.js.map +1 -0
- package/dist/common/grid/row.d.ts +22 -0
- package/dist/common/grid/row.d.ts.map +1 -0
- package/dist/common/grid/row.js +236 -0
- package/dist/common/grid/row.js.map +1 -0
- package/dist/common/heading/heading.d.ts +9 -0
- package/dist/common/heading/heading.d.ts.map +1 -0
- package/dist/common/heading/heading.js +14 -0
- package/dist/common/heading/heading.js.map +1 -0
- package/dist/common/html-raw/html-raw.d.ts +15 -0
- package/dist/common/html-raw/html-raw.d.ts.map +1 -0
- package/dist/common/html-raw/html-raw.js +22 -0
- package/dist/common/html-raw/html-raw.js.map +1 -0
- package/dist/common/icon/icon.d.ts +8 -0
- package/dist/common/icon/icon.d.ts.map +1 -0
- package/dist/common/icon/icon.js +11 -0
- package/dist/common/icon/icon.js.map +1 -0
- package/dist/common/if/if.d.ts +27 -0
- package/dist/common/if/if.d.ts.map +1 -0
- package/dist/common/if/if.js +53 -0
- package/dist/common/if/if.js.map +1 -0
- package/dist/common/image/image.d.ts +15 -0
- package/dist/common/image/image.d.ts.map +1 -0
- package/dist/common/image/image.js +19 -0
- package/dist/common/image/image.js.map +1 -0
- package/dist/common/index.d.ts +43 -0
- package/dist/common/index.d.ts.map +1 -0
- package/dist/common/index.js +41 -0
- package/dist/common/index.js.map +1 -0
- package/dist/common/input/input.d.ts +20 -0
- package/dist/common/input/input.d.ts.map +1 -0
- package/dist/common/input/input.js +57 -0
- package/dist/common/input/input.js.map +1 -0
- package/dist/common/label/label.d.ts +21 -0
- package/dist/common/label/label.d.ts.map +1 -0
- package/dist/common/label/label.js +30 -0
- package/dist/common/label/label.js.map +1 -0
- package/dist/common/markdown/markdown.d.ts +17 -0
- package/dist/common/markdown/markdown.d.ts.map +1 -0
- package/dist/common/markdown/markdown.js +19 -0
- package/dist/common/markdown/markdown.js.map +1 -0
- package/dist/common/modal/modal.d.ts +15 -0
- package/dist/common/modal/modal.d.ts.map +1 -0
- package/dist/common/modal/modal.js +19 -0
- package/dist/common/modal/modal.js.map +1 -0
- package/dist/common/overlay/overlay.d.ts +16 -0
- package/dist/common/overlay/overlay.d.ts.map +1 -0
- package/dist/common/overlay/overlay.js +31 -0
- package/dist/common/overlay/overlay.js.map +1 -0
- package/dist/common/paragraph/paragraph.d.ts +9 -0
- package/dist/common/paragraph/paragraph.d.ts.map +1 -0
- package/dist/common/paragraph/paragraph.js +10 -0
- package/dist/common/paragraph/paragraph.js.map +1 -0
- package/dist/common/progress-bar/progress-bar.d.ts +17 -0
- package/dist/common/progress-bar/progress-bar.d.ts.map +1 -0
- package/dist/common/progress-bar/progress-bar.js +23 -0
- package/dist/common/progress-bar/progress-bar.js.map +1 -0
- package/dist/common/radio-group/radio-group.d.ts +21 -0
- package/dist/common/radio-group/radio-group.d.ts.map +1 -0
- package/dist/common/radio-group/radio-group.js +30 -0
- package/dist/common/radio-group/radio-group.js.map +1 -0
- package/dist/common/select/select.d.ts +31 -0
- package/dist/common/select/select.d.ts.map +1 -0
- package/dist/common/select/select.js +129 -0
- package/dist/common/select/select.js.map +1 -0
- package/dist/common/slider/slider.d.ts +29 -0
- package/dist/common/slider/slider.d.ts.map +1 -0
- package/dist/common/slider/slider.js +38 -0
- package/dist/common/slider/slider.js.map +1 -0
- package/dist/common/spacer/spacer.d.ts +10 -0
- package/dist/common/spacer/spacer.d.ts.map +1 -0
- package/dist/common/spacer/spacer.js +30 -0
- package/dist/common/spacer/spacer.js.map +1 -0
- package/dist/common/stack/stack.d.ts +12 -0
- package/dist/common/stack/stack.d.ts.map +1 -0
- package/dist/common/stack/stack.js +42 -0
- package/dist/common/stack/stack.js.map +1 -0
- package/dist/common/switch/switch.d.ts +14 -0
- package/dist/common/switch/switch.d.ts.map +1 -0
- package/dist/common/switch/switch.js +31 -0
- package/dist/common/switch/switch.js.map +1 -0
- package/dist/common/tabbed-card/tabbed-card.d.ts +24 -0
- package/dist/common/tabbed-card/tabbed-card.d.ts.map +1 -0
- package/dist/common/tabbed-card/tabbed-card.js +62 -0
- package/dist/common/tabbed-card/tabbed-card.js.map +1 -0
- package/dist/common/table/cells/adaptive-precision-cell.d.ts +9 -0
- package/dist/common/table/cells/adaptive-precision-cell.d.ts.map +1 -0
- package/dist/common/table/cells/adaptive-precision-cell.js +30 -0
- package/dist/common/table/cells/adaptive-precision-cell.js.map +1 -0
- package/dist/common/table/cells/badge-formatter-cell.d.ts +19 -0
- package/dist/common/table/cells/badge-formatter-cell.d.ts.map +1 -0
- package/dist/common/table/cells/badge-formatter-cell.js +18 -0
- package/dist/common/table/cells/badge-formatter-cell.js.map +1 -0
- package/dist/common/table/cells/code-cell.d.ts +12 -0
- package/dist/common/table/cells/code-cell.d.ts.map +1 -0
- package/dist/common/table/cells/code-cell.js +19 -0
- package/dist/common/table/cells/code-cell.js.map +1 -0
- package/dist/common/table/cells/compare-cell.d.ts +13 -0
- package/dist/common/table/cells/compare-cell.d.ts.map +1 -0
- package/dist/common/table/cells/compare-cell.js +34 -0
- package/dist/common/table/cells/compare-cell.js.map +1 -0
- package/dist/common/table/cells/formatted-text-cell.d.ts +9 -0
- package/dist/common/table/cells/formatted-text-cell.d.ts.map +1 -0
- package/dist/common/table/cells/formatted-text-cell.js +15 -0
- package/dist/common/table/cells/formatted-text-cell.js.map +1 -0
- package/dist/common/table/cells/index.d.ts +11 -0
- package/dist/common/table/cells/index.d.ts.map +1 -0
- package/dist/common/table/cells/index.js +11 -0
- package/dist/common/table/cells/index.js.map +1 -0
- package/dist/common/table/cells/link-cell.d.ts +10 -0
- package/dist/common/table/cells/link-cell.d.ts.map +1 -0
- package/dist/common/table/cells/link-cell.js +15 -0
- package/dist/common/table/cells/link-cell.js.map +1 -0
- package/dist/common/table/cells/number-cell.d.ts +11 -0
- package/dist/common/table/cells/number-cell.d.ts.map +1 -0
- package/dist/common/table/cells/number-cell.js +16 -0
- package/dist/common/table/cells/number-cell.js.map +1 -0
- package/dist/common/table/cells/number-intl-cell.d.ts +11 -0
- package/dist/common/table/cells/number-intl-cell.d.ts.map +1 -0
- package/dist/common/table/cells/number-intl-cell.js +16 -0
- package/dist/common/table/cells/number-intl-cell.js.map +1 -0
- package/dist/common/table/cells/percentage-cell.d.ts +11 -0
- package/dist/common/table/cells/percentage-cell.d.ts.map +1 -0
- package/dist/common/table/cells/percentage-cell.js +16 -0
- package/dist/common/table/cells/percentage-cell.js.map +1 -0
- package/dist/common/table/cells/threshold-formatted-cell.d.ts +15 -0
- package/dist/common/table/cells/threshold-formatted-cell.d.ts.map +1 -0
- package/dist/common/table/cells/threshold-formatted-cell.js +20 -0
- package/dist/common/table/cells/threshold-formatted-cell.js.map +1 -0
- package/dist/common/table/table.d.ts +60 -0
- package/dist/common/table/table.d.ts.map +1 -0
- package/dist/common/table/table.js +456 -0
- package/dist/common/table/table.js.map +1 -0
- package/dist/common/text/text.d.ts +12 -0
- package/dist/common/text/text.d.ts.map +1 -0
- package/dist/common/text/text.js +23 -0
- package/dist/common/text/text.js.map +1 -0
- package/dist/common/textarea/textarea.d.ts +19 -0
- package/dist/common/textarea/textarea.d.ts.map +1 -0
- package/dist/common/textarea/textarea.js +42 -0
- package/dist/common/textarea/textarea.js.map +1 -0
- package/dist/common/tooltip/tooltip.d.ts +18 -0
- package/dist/common/tooltip/tooltip.d.ts.map +1 -0
- package/dist/common/tooltip/tooltip.js +18 -0
- package/dist/common/tooltip/tooltip.js.map +1 -0
- package/dist/common/types.d.ts +26 -0
- package/dist/common/types.d.ts.map +1 -0
- package/dist/common/types.js +9 -0
- package/dist/common/types.js.map +1 -0
- package/dist/dara_components-0.4.8-py3-none-any.whl +0 -0
- package/dist/graphs/causal-graph-viewer.d.ts +55 -0
- package/dist/graphs/causal-graph-viewer.d.ts.map +1 -0
- package/dist/graphs/causal-graph-viewer.js +44 -0
- package/dist/graphs/causal-graph-viewer.js.map +1 -0
- package/dist/graphs/graph-layout.d.ts +65 -0
- package/dist/graphs/graph-layout.d.ts.map +1 -0
- package/dist/graphs/graph-layout.js +152 -0
- package/dist/graphs/graph-layout.js.map +1 -0
- package/dist/graphs/index.d.ts +8 -0
- package/dist/graphs/index.d.ts.map +1 -0
- package/dist/graphs/index.js +6 -0
- package/dist/graphs/index.js.map +1 -0
- package/dist/graphs/node-hierarchy-builder.d.ts +24 -0
- package/dist/graphs/node-hierarchy-builder.d.ts.map +1 -0
- package/dist/graphs/node-hierarchy-builder.js +40 -0
- package/dist/graphs/node-hierarchy-builder.js.map +1 -0
- package/dist/graphs/utils.d.ts +10 -0
- package/dist/graphs/utils.d.ts.map +1 -0
- package/dist/graphs/utils.js +31 -0
- package/dist/graphs/utils.js.map +1 -0
- package/dist/graphs/visual-edge-encoder.d.ts +38 -0
- package/dist/graphs/visual-edge-encoder.d.ts.map +1 -0
- package/dist/graphs/visual-edge-encoder.js +94 -0
- package/dist/graphs/visual-edge-encoder.js.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -0
- package/dist/plotting/bokeh/bokeh.d.ts +28 -0
- package/dist/plotting/bokeh/bokeh.d.ts.map +1 -0
- package/dist/plotting/bokeh/bokeh.js +125 -0
- package/dist/plotting/bokeh/bokeh.js.map +1 -0
- package/dist/plotting/index.d.ts +4 -0
- package/dist/plotting/index.d.ts.map +1 -0
- package/dist/plotting/index.js +5 -0
- package/dist/plotting/index.js.map +1 -0
- package/dist/plotting/matplotlib/matplotlib.d.ts +12 -0
- package/dist/plotting/matplotlib/matplotlib.d.ts.map +1 -0
- package/dist/plotting/matplotlib/matplotlib.js +14 -0
- package/dist/plotting/matplotlib/matplotlib.js.map +1 -0
- package/dist/plotting/plotly/plotly.d.ts +60 -0
- package/dist/plotting/plotly/plotly.d.ts.map +1 -0
- package/dist/plotting/plotly/plotly.js +235 -0
- package/dist/plotting/plotly/plotly.js.map +1 -0
- package/dist/smart/chat/chat.d.ts +16 -0
- package/dist/smart/chat/chat.d.ts.map +1 -0
- package/dist/smart/chat/chat.js +174 -0
- package/dist/smart/chat/chat.js.map +1 -0
- package/dist/smart/code-editor.d.ts +12 -0
- package/dist/smart/code-editor.d.ts.map +1 -0
- package/dist/smart/code-editor.js +15 -0
- package/dist/smart/code-editor.js.map +1 -0
- package/dist/smart/data-slicer-filter/data-slicer-filter.d.ts +47 -0
- package/dist/smart/data-slicer-filter/data-slicer-filter.d.ts.map +1 -0
- package/dist/smart/data-slicer-filter/data-slicer-filter.js +124 -0
- package/dist/smart/data-slicer-filter/data-slicer-filter.js.map +1 -0
- package/dist/smart/filter-status-button/filter-status-button.d.ts +14 -0
- package/dist/smart/filter-status-button/filter-status-button.d.ts.map +1 -0
- package/dist/smart/filter-status-button/filter-status-button.js +49 -0
- package/dist/smart/filter-status-button/filter-status-button.js.map +1 -0
- package/dist/smart/hierarchy-selector/hierarchy-selector.d.ts +23 -0
- package/dist/smart/hierarchy-selector/hierarchy-selector.d.ts.map +1 -0
- package/dist/smart/hierarchy-selector/hierarchy-selector.js +17 -0
- package/dist/smart/hierarchy-selector/hierarchy-selector.js.map +1 -0
- package/dist/smart/hierarchy-viewer/hierarchy-viewer.d.ts +16 -0
- package/dist/smart/hierarchy-viewer/hierarchy-viewer.d.ts.map +1 -0
- package/dist/smart/hierarchy-viewer/hierarchy-viewer.js +17 -0
- package/dist/smart/hierarchy-viewer/hierarchy-viewer.js.map +1 -0
- package/dist/smart/index.d.ts +7 -0
- package/dist/smart/index.d.ts.map +1 -0
- package/dist/smart/index.js +8 -0
- package/dist/smart/index.js.map +1 -0
- package/dist/umd/dara.components.umd.js +387222 -0
- package/dist/umd/style.css +745 -0
- package/package.json +87 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Action, AnyDataVariable, StyledComponentProps, Variable } from '@darajs/core';
|
|
2
|
+
interface TableProps extends StyledComponentProps {
|
|
3
|
+
/**
|
|
4
|
+
* Column definitions
|
|
5
|
+
*/
|
|
6
|
+
columns?: ColumnProps[] | Variable<ColumnProps[]>;
|
|
7
|
+
/**
|
|
8
|
+
* Data
|
|
9
|
+
*/
|
|
10
|
+
data: AnyDataVariable;
|
|
11
|
+
/**
|
|
12
|
+
* When specified, a set number of rows is displayed
|
|
13
|
+
*/
|
|
14
|
+
max_rows?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Whether multiple selections are allowed
|
|
17
|
+
*/
|
|
18
|
+
multi_select?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Onclick handler; when provided, select action is added to the table
|
|
21
|
+
*/
|
|
22
|
+
onclick_row?: Action;
|
|
23
|
+
/**
|
|
24
|
+
* List of searchable columns
|
|
25
|
+
*/
|
|
26
|
+
search_columns?: Array<string>;
|
|
27
|
+
/**
|
|
28
|
+
* Whether the table is searchable
|
|
29
|
+
*/
|
|
30
|
+
searchable: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* List of selected row indices
|
|
33
|
+
*/
|
|
34
|
+
selected_indices?: Variable<Array<number>>;
|
|
35
|
+
/**
|
|
36
|
+
* When set to true hides the checkboxes column of table
|
|
37
|
+
*/
|
|
38
|
+
show_checkboxes?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Whether to render the index column
|
|
41
|
+
*/
|
|
42
|
+
include_index?: boolean;
|
|
43
|
+
}
|
|
44
|
+
interface ColumnProps {
|
|
45
|
+
align?: string;
|
|
46
|
+
col_id: string;
|
|
47
|
+
filter?: 'text' | 'categorical' | 'numeric' | 'datetime';
|
|
48
|
+
formatter?: {
|
|
49
|
+
[k: string]: any;
|
|
50
|
+
};
|
|
51
|
+
label?: string;
|
|
52
|
+
sticky?: string;
|
|
53
|
+
tooltip?: string;
|
|
54
|
+
type?: 'number' | 'string' | 'datetime';
|
|
55
|
+
unique_items?: Array<string>;
|
|
56
|
+
width?: string;
|
|
57
|
+
}
|
|
58
|
+
declare function Table(props: TableProps): JSX.Element;
|
|
59
|
+
export default Table;
|
|
60
|
+
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../js/common/table/table.tsx"],"names":[],"mappings":"AAOA,OAAO,EACH,MAAM,EACN,eAAe,EAIf,oBAAoB,EACpB,QAAQ,EAOX,MAAM,cAAc,CAAC;AAkBtB,UAAU,UAAW,SAAQ,oBAAoB;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IAClD;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,WAAW;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;IACzD,SAAS,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AA0QD,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAmT7C;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,456 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
11
|
+
var t = {};
|
|
12
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
13
|
+
t[p] = s[p];
|
|
14
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
15
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
16
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
17
|
+
t[p[i]] = s[p[i]];
|
|
18
|
+
}
|
|
19
|
+
return t;
|
|
20
|
+
};
|
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
23
|
+
import { formatISO } from 'date-fns';
|
|
24
|
+
import { isArray, mapKeys } from 'lodash';
|
|
25
|
+
import debounce from 'lodash/debounce';
|
|
26
|
+
import isEqual from 'lodash/isEqual';
|
|
27
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
28
|
+
import { combineFilters, injectCss, useAction, useComponentStyles, useDataVariable, useVariable, } from '@darajs/core';
|
|
29
|
+
import styled from '@darajs/styled-components';
|
|
30
|
+
import { Input, Table as UiTable, useInfiniteLoader } from '@darajs/ui-components';
|
|
31
|
+
import { useThrottledState } from '@darajs/ui-utils';
|
|
32
|
+
import { AdaptivePrecisionCell, BadgeFormattedCell, CodeCell, CompareCell, FormattedTextCell, LinkCell, NumberCell, NumberIntlCell, PercentageCell, ThresholdFormattedCell, } from './cells';
|
|
33
|
+
const coerceValueToUnit = (num) => {
|
|
34
|
+
if (num < 0) {
|
|
35
|
+
return -1;
|
|
36
|
+
}
|
|
37
|
+
if (num > 0) {
|
|
38
|
+
return 1;
|
|
39
|
+
}
|
|
40
|
+
return 0;
|
|
41
|
+
};
|
|
42
|
+
const compareDateStrings = (a, b) => coerceValueToUnit(new Date(a).getTime() - new Date(b).getTime());
|
|
43
|
+
const compareNumberStrings = (a, b) => coerceValueToUnit(Number(a) - Number(b));
|
|
44
|
+
const compareStrings = (a, b) => coerceValueToUnit(a.localeCompare(b));
|
|
45
|
+
const columnSortTypes = {
|
|
46
|
+
datetime: (a, b, id) => compareDateStrings(a.values[id], b.values[id]),
|
|
47
|
+
number: (a, b, id) => compareNumberStrings(a.values[id], b.values[id]),
|
|
48
|
+
string: (a, b, id) => compareStrings(a.values[id], b.values[id]),
|
|
49
|
+
};
|
|
50
|
+
const TableSearch = styled.div `
|
|
51
|
+
display: flex;
|
|
52
|
+
justify-content: flex-end;
|
|
53
|
+
`;
|
|
54
|
+
function getCellRenderer(formatter) {
|
|
55
|
+
if (formatter.type === 'adaptive_precision') {
|
|
56
|
+
return AdaptivePrecisionCell();
|
|
57
|
+
}
|
|
58
|
+
if (formatter.type === 'code') {
|
|
59
|
+
return CodeCell(formatter.language);
|
|
60
|
+
}
|
|
61
|
+
if (formatter.type === 'compare') {
|
|
62
|
+
return CompareCell(formatter.condition, formatter.target);
|
|
63
|
+
}
|
|
64
|
+
if (formatter.type === 'datetime') {
|
|
65
|
+
return UiTable.cells.DATETIME(formatter.format);
|
|
66
|
+
}
|
|
67
|
+
if (formatter.type === 'formatted_text') {
|
|
68
|
+
return FormattedTextCell();
|
|
69
|
+
}
|
|
70
|
+
if (formatter.type === 'number') {
|
|
71
|
+
return NumberCell(formatter.precision);
|
|
72
|
+
}
|
|
73
|
+
if (formatter.type === 'number_intl') {
|
|
74
|
+
return NumberIntlCell(formatter.locales, formatter.options);
|
|
75
|
+
}
|
|
76
|
+
if (formatter.type === 'percent') {
|
|
77
|
+
return PercentageCell(formatter.precision);
|
|
78
|
+
}
|
|
79
|
+
if (formatter.type === 'link') {
|
|
80
|
+
return LinkCell();
|
|
81
|
+
}
|
|
82
|
+
if (formatter.type === 'threshold') {
|
|
83
|
+
return ThresholdFormattedCell(formatter.thresholds);
|
|
84
|
+
}
|
|
85
|
+
if (formatter.type === 'badge') {
|
|
86
|
+
return BadgeFormattedCell(formatter.badges);
|
|
87
|
+
}
|
|
88
|
+
if (formatter.type === 'boolean') {
|
|
89
|
+
return ({ value }) => value === null || value === void 0 ? void 0 : value.toString();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
function mapColumns(columns) {
|
|
93
|
+
if (columns) {
|
|
94
|
+
return columns.map((column) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ Header: column.label ? column.label : column.col_id, accessor: column.col_id }, (column.align && { align: column.align })), (column.filter && { filter: column.filter })), (column.formatter && { Cell: getCellRenderer(column.formatter) })), (column.sticky && { sticky: column.sticky })), (column.width && { maxWidth: column.width, width: column.width })), (column.type && { sortType: columnSortTypes[column.type] })), (column.unique_items && { uniqueItems: column.unique_items })), (column.tooltip && { tooltip: column.tooltip }))));
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
const INDEX_COL = '__index__';
|
|
98
|
+
var NumericOperator;
|
|
99
|
+
(function (NumericOperator) {
|
|
100
|
+
NumericOperator["BT"] = "Between";
|
|
101
|
+
NumericOperator["EQ"] = "Equal to";
|
|
102
|
+
NumericOperator["GT"] = "Greater than";
|
|
103
|
+
NumericOperator["LT"] = "Less than";
|
|
104
|
+
NumericOperator["NE"] = "Not equal to";
|
|
105
|
+
NumericOperator["None"] = "None";
|
|
106
|
+
})(NumericOperator || (NumericOperator = {}));
|
|
107
|
+
var DateOperator;
|
|
108
|
+
(function (DateOperator) {
|
|
109
|
+
DateOperator["BT"] = "Between";
|
|
110
|
+
DateOperator["EQ"] = "On date";
|
|
111
|
+
DateOperator["GT"] = "After";
|
|
112
|
+
DateOperator["LT"] = "Before";
|
|
113
|
+
DateOperator["None"] = "None";
|
|
114
|
+
})(DateOperator || (DateOperator = {}));
|
|
115
|
+
function selectedToOperator(selected) {
|
|
116
|
+
switch (selected) {
|
|
117
|
+
case NumericOperator.EQ:
|
|
118
|
+
return 'EQ';
|
|
119
|
+
case DateOperator.EQ:
|
|
120
|
+
return 'EQ';
|
|
121
|
+
case NumericOperator.GT:
|
|
122
|
+
return 'GT';
|
|
123
|
+
case DateOperator.GT:
|
|
124
|
+
return 'GT';
|
|
125
|
+
case NumericOperator.LT:
|
|
126
|
+
return 'LT';
|
|
127
|
+
case DateOperator.LT:
|
|
128
|
+
return 'LT';
|
|
129
|
+
case NumericOperator.BT:
|
|
130
|
+
return 'BT';
|
|
131
|
+
case DateOperator.BT:
|
|
132
|
+
return 'BT';
|
|
133
|
+
case NumericOperator.NE:
|
|
134
|
+
return 'NE';
|
|
135
|
+
default:
|
|
136
|
+
return null;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* Gets the results returned by each filter on the table and sets it in a query format that can be consumed
|
|
141
|
+
*
|
|
142
|
+
* @param filters a list containing the results from each filter that is currently applied
|
|
143
|
+
*/
|
|
144
|
+
function filtersToFilterQuery(filters) {
|
|
145
|
+
if (filters.length === 0) {
|
|
146
|
+
return null;
|
|
147
|
+
}
|
|
148
|
+
return {
|
|
149
|
+
clauses: filters
|
|
150
|
+
.map((filt) => {
|
|
151
|
+
// eslint-disable-next-line prefer-const
|
|
152
|
+
let cleanValue = null;
|
|
153
|
+
let operator = null;
|
|
154
|
+
if (typeof filt.value === 'string') {
|
|
155
|
+
operator = 'CONTAINS';
|
|
156
|
+
cleanValue = filt.value.trim();
|
|
157
|
+
}
|
|
158
|
+
else if (Array.isArray(filt.value)) {
|
|
159
|
+
// the operator is only here so that the filter can be acepted by the backend
|
|
160
|
+
operator = 'EQ';
|
|
161
|
+
cleanValue = filt.value.map((val) => val.value);
|
|
162
|
+
}
|
|
163
|
+
else if (!filt.value.selected || filt.value.selected === 'None') {
|
|
164
|
+
// invalid operator
|
|
165
|
+
return null;
|
|
166
|
+
}
|
|
167
|
+
else {
|
|
168
|
+
operator = selectedToOperator(filt.value.selected);
|
|
169
|
+
cleanValue = filt.value.value;
|
|
170
|
+
}
|
|
171
|
+
if (String(cleanValue).length === 0) {
|
|
172
|
+
return null;
|
|
173
|
+
}
|
|
174
|
+
return {
|
|
175
|
+
column: filt.id,
|
|
176
|
+
operator,
|
|
177
|
+
value: cleanValue,
|
|
178
|
+
};
|
|
179
|
+
})
|
|
180
|
+
.filter(Boolean),
|
|
181
|
+
combinator: 'AND',
|
|
182
|
+
};
|
|
183
|
+
}
|
|
184
|
+
/**
|
|
185
|
+
* Infer which columns are datetime columns and should be formatted.
|
|
186
|
+
*
|
|
187
|
+
* If column has datetime formatter, datetime filter, or type=datetime then its a datetime column
|
|
188
|
+
*/
|
|
189
|
+
function getDatetimeColumns(columns) {
|
|
190
|
+
if (columns) {
|
|
191
|
+
return columns
|
|
192
|
+
.filter((col) => { var _a; return ((_a = col === null || col === void 0 ? void 0 : col.formatter) === null || _a === void 0 ? void 0 : _a.type) === 'datetime' || col.type === 'datetime' || col.filter === 'datetime'; })
|
|
193
|
+
.map((c) => c.col_id);
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
/**
|
|
197
|
+
* Clean up the index column from rows.
|
|
198
|
+
*
|
|
199
|
+
* @param rows rows to remove the index column from
|
|
200
|
+
*/
|
|
201
|
+
function cleanIndex(rows) {
|
|
202
|
+
return rows.map((r) => {
|
|
203
|
+
const _a = r, _b = INDEX_COL, _ = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
|
|
204
|
+
return rest;
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
/**
|
|
208
|
+
* Type guard for checking whether column is of type `ColumnProps`
|
|
209
|
+
*
|
|
210
|
+
* @param column column to check for
|
|
211
|
+
*/
|
|
212
|
+
function isColumnProp(column) {
|
|
213
|
+
return column.col_id !== undefined;
|
|
214
|
+
}
|
|
215
|
+
/**
|
|
216
|
+
* Gets columns and ensures they return an Array of ColumnProps
|
|
217
|
+
*
|
|
218
|
+
* @param columns columns to be converted into correct format
|
|
219
|
+
*/
|
|
220
|
+
function getColumnProps(columns) {
|
|
221
|
+
return columns.map((col) => {
|
|
222
|
+
if (isColumnProp(col)) {
|
|
223
|
+
return col;
|
|
224
|
+
}
|
|
225
|
+
if (typeof col === 'string') {
|
|
226
|
+
return { col_id: col };
|
|
227
|
+
}
|
|
228
|
+
throw new Error('Columns could not be rendered, check that your data is correct and columns are passed as a List');
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
/**
|
|
232
|
+
* Extracts the column label from the column name by removing the index or col prefix
|
|
233
|
+
*
|
|
234
|
+
* @param col column name
|
|
235
|
+
* @param isIndex whether the column is an index column
|
|
236
|
+
* @returns column label
|
|
237
|
+
*/
|
|
238
|
+
function extractColumnLabel(col, isIndex) {
|
|
239
|
+
return isIndex ? col.replace(/__index__\d+__/, '') : col.replace(/__col__\d+__/, '');
|
|
240
|
+
}
|
|
241
|
+
const TableWrapper = injectCss('div');
|
|
242
|
+
function Table(props) {
|
|
243
|
+
const [searchQuery, setSearchQuery] = useState(null);
|
|
244
|
+
const getData = useDataVariable(props.data);
|
|
245
|
+
const [selectedRowIndices, setSelectedRowIndices] = useVariable(props.selected_indices);
|
|
246
|
+
const [columnsProp] = useVariable(props.columns);
|
|
247
|
+
const [resolvedColumns, setResolvedColumns] = useState(() => isArray(columnsProp) ? getColumnProps(columnsProp) : null);
|
|
248
|
+
// Resolve columns from data
|
|
249
|
+
useEffect(() => {
|
|
250
|
+
getData(null, {
|
|
251
|
+
limit: 1,
|
|
252
|
+
offset: 0,
|
|
253
|
+
}, { schema: true })
|
|
254
|
+
.then((dataset) => {
|
|
255
|
+
const columns = Object.keys(dataset.data[0]);
|
|
256
|
+
const fieldTypes = Object.fromEntries(dataset.schema.fields.flatMap((field) => {
|
|
257
|
+
const key = Array.isArray(field.name) ? field.name.join('_') : field.name;
|
|
258
|
+
return [[key, { type: field.type }]];
|
|
259
|
+
}));
|
|
260
|
+
const columnsWithoutGeneratedIndex = columns.filter((col) => col !== INDEX_COL);
|
|
261
|
+
let processedColumns;
|
|
262
|
+
if (columnsProp) {
|
|
263
|
+
// Prop provided, parse the columns provided and map them to the columns from data
|
|
264
|
+
// Limitation: If there are columns with duplicate names, data from only one of them will be shown
|
|
265
|
+
const reverseColumnIdMap = Object.fromEntries(columnsWithoutGeneratedIndex.map((col) => [
|
|
266
|
+
extractColumnLabel(col, col.startsWith(INDEX_COL)),
|
|
267
|
+
col,
|
|
268
|
+
])); // name -> __col__1__name
|
|
269
|
+
processedColumns = getColumnProps(columnsProp).map((column) => {
|
|
270
|
+
var _a, _b;
|
|
271
|
+
const col_id = (_a = reverseColumnIdMap[column.col_id]) !== null && _a !== void 0 ? _a : column.col_id;
|
|
272
|
+
return Object.assign(Object.assign({ type: (_b = fieldTypes[col_id]) === null || _b === void 0 ? void 0 : _b.type }, column), { col_id });
|
|
273
|
+
});
|
|
274
|
+
}
|
|
275
|
+
else {
|
|
276
|
+
// Prop not provided, create columns from data
|
|
277
|
+
processedColumns = columnsWithoutGeneratedIndex.map((column) => {
|
|
278
|
+
var _a, _b;
|
|
279
|
+
const isIndex = column.startsWith(INDEX_COL);
|
|
280
|
+
return {
|
|
281
|
+
col_id: column,
|
|
282
|
+
sticky: isIndex ? 'left' : undefined,
|
|
283
|
+
label: extractColumnLabel(column, isIndex),
|
|
284
|
+
type: (_a = fieldTypes[column]) === null || _a === void 0 ? void 0 : _a.type,
|
|
285
|
+
formatter: ((_b = fieldTypes[column]) === null || _b === void 0 ? void 0 : _b.type) === 'boolean' ? { type: 'boolean' } : undefined,
|
|
286
|
+
};
|
|
287
|
+
});
|
|
288
|
+
if (!props.include_index) {
|
|
289
|
+
processedColumns = processedColumns.filter((column) => !column.col_id.startsWith(INDEX_COL));
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
setResolvedColumns(processedColumns);
|
|
293
|
+
})
|
|
294
|
+
.catch((err) => {
|
|
295
|
+
throw new Error(err);
|
|
296
|
+
});
|
|
297
|
+
}, [columnsProp, getData]);
|
|
298
|
+
const debouncedSetSearchQuery = useMemo(() => debounce(setSearchQuery, 500), [setSearchQuery]);
|
|
299
|
+
const [sortingRules, setSortingRules] = useThrottledState([], 300);
|
|
300
|
+
const [filters, setFilters] = useThrottledState([], 500);
|
|
301
|
+
const datetimeColumns = useMemo(() => getDatetimeColumns(resolvedColumns), [resolvedColumns]);
|
|
302
|
+
const fetchData = useCallback((startIndex, stopIndex, index) => __awaiter(this, void 0, void 0, function* () {
|
|
303
|
+
const response = yield getData(combineFilters('AND', [filtersToFilterQuery(filters), searchQuery]), {
|
|
304
|
+
index,
|
|
305
|
+
limit: stopIndex !== undefined && startIndex !== undefined ? stopIndex - startIndex : undefined,
|
|
306
|
+
offset: startIndex !== undefined ? startIndex : undefined,
|
|
307
|
+
sort: sortingRules[0],
|
|
308
|
+
});
|
|
309
|
+
return {
|
|
310
|
+
data: response.data.map((row) => {
|
|
311
|
+
for (const val of datetimeColumns) {
|
|
312
|
+
// Format datetime timestamps to dates
|
|
313
|
+
if (typeof row[val] === 'number') {
|
|
314
|
+
let timestamp = row[val];
|
|
315
|
+
if (timestamp < 1e12) {
|
|
316
|
+
// Likely in seconds
|
|
317
|
+
timestamp *= 1000; // Convert to milliseconds
|
|
318
|
+
}
|
|
319
|
+
else if (timestamp > 1e15) {
|
|
320
|
+
// Likely in nanoseconds
|
|
321
|
+
timestamp /= 1000000; // Convert to milliseconds
|
|
322
|
+
}
|
|
323
|
+
row[val] = formatISO(new Date(timestamp));
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
return row;
|
|
327
|
+
}),
|
|
328
|
+
totalCount: response.totalCount,
|
|
329
|
+
};
|
|
330
|
+
}), [filters, searchQuery, getData, sortingRules, resolvedColumns]);
|
|
331
|
+
const extraDataCache = useRef({});
|
|
332
|
+
const { getItem, onItemsRendered, itemCount: totalCount } = useInfiniteLoader(fetchData);
|
|
333
|
+
/**
|
|
334
|
+
* Returns a row by index
|
|
335
|
+
* Fetches a few rows around the index and stores them in the extraDataCache
|
|
336
|
+
*
|
|
337
|
+
* @param idx index of row to get
|
|
338
|
+
*/
|
|
339
|
+
function getRowByIndex(idx) {
|
|
340
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
341
|
+
// populate cache with a few rows around the index if row not in cache
|
|
342
|
+
if (!extraDataCache.current[idx]) {
|
|
343
|
+
const { data } = yield fetchData(undefined, undefined, idx);
|
|
344
|
+
for (const row of data) {
|
|
345
|
+
extraDataCache.current[row[INDEX_COL]] = row;
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
return extraDataCache.current[idx];
|
|
349
|
+
});
|
|
350
|
+
}
|
|
351
|
+
useEffect(() => {
|
|
352
|
+
extraDataCache.current = {};
|
|
353
|
+
}, [getData]);
|
|
354
|
+
const [style, css] = useComponentStyles(props);
|
|
355
|
+
const onClickRowRaw = useAction(props.onclick_row);
|
|
356
|
+
const onClickRow = useCallback((rows) => onClickRowRaw(
|
|
357
|
+
// Preserve original data column names on click
|
|
358
|
+
// Limitation: If there are columns with duplicate names, data from only one of them will be returned
|
|
359
|
+
rows.map((row) => mapKeys(row, (_, key) => extractColumnLabel(key, key.startsWith(INDEX_COL))))), [onClickRowRaw]);
|
|
360
|
+
const columns = useMemo(() => {
|
|
361
|
+
const mappedCols = mapColumns(resolvedColumns);
|
|
362
|
+
if ((props.show_checkboxes && props.onclick_row) || props.selected_indices) {
|
|
363
|
+
mappedCols === null || mappedCols === void 0 ? void 0 : mappedCols.unshift(UiTable.ActionColumn([UiTable.Actions.SELECT], 'select_box_col', 'left', true));
|
|
364
|
+
}
|
|
365
|
+
return mappedCols;
|
|
366
|
+
}, [resolvedColumns, props.onclick_row]);
|
|
367
|
+
const onSelect = useCallback((row) => __awaiter(this, void 0, void 0, function* () {
|
|
368
|
+
// If selected row has already been selected
|
|
369
|
+
if ((selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []).find((idx) => row[INDEX_COL] === idx) !== undefined) {
|
|
370
|
+
// Remove it from selected indices
|
|
371
|
+
const newSelectedIndices = (selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []).filter((idx) => row[INDEX_COL] !== idx);
|
|
372
|
+
setSelectedRowIndices(newSelectedIndices);
|
|
373
|
+
if (props.multi_select) {
|
|
374
|
+
const selectedRows = yield Promise.all(newSelectedIndices.map((idx) => getRowByIndex(idx)));
|
|
375
|
+
// In multiselect mode, send selected rows
|
|
376
|
+
onClickRow(cleanIndex(selectedRows));
|
|
377
|
+
}
|
|
378
|
+
else {
|
|
379
|
+
onClickRow(null);
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
else {
|
|
383
|
+
let newSelectedIndices = [...(selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []), row[INDEX_COL]];
|
|
384
|
+
// If not in multiselect mode then only the new row is selected
|
|
385
|
+
if (!props.multi_select) {
|
|
386
|
+
newSelectedIndices = [row[INDEX_COL]];
|
|
387
|
+
}
|
|
388
|
+
setSelectedRowIndices(newSelectedIndices);
|
|
389
|
+
const selectedRows = yield Promise.all(newSelectedIndices.map((idx) => getRowByIndex(idx)));
|
|
390
|
+
onClickRow(cleanIndex(selectedRows));
|
|
391
|
+
}
|
|
392
|
+
}), [selectedRowIndices, getItem]);
|
|
393
|
+
const onAction = useCallback((actionId, row) => {
|
|
394
|
+
if (actionId === UiTable.Actions.SELECT.id) {
|
|
395
|
+
onSelect(row);
|
|
396
|
+
}
|
|
397
|
+
}, [onSelect]);
|
|
398
|
+
const searchColumns = useMemo(() => {
|
|
399
|
+
if (props.search_columns) {
|
|
400
|
+
return props.search_columns;
|
|
401
|
+
}
|
|
402
|
+
return [];
|
|
403
|
+
}, []);
|
|
404
|
+
const onSearchChange = (searchTerm) => {
|
|
405
|
+
const searchTermClean = searchTerm.trim().toLowerCase();
|
|
406
|
+
// Construct filter query
|
|
407
|
+
const newSearchQuery = searchTermClean.length > 0 ?
|
|
408
|
+
{
|
|
409
|
+
clauses: searchColumns.map((col) => ({
|
|
410
|
+
column: col,
|
|
411
|
+
operator: 'CONTAINS',
|
|
412
|
+
value: searchTermClean,
|
|
413
|
+
})),
|
|
414
|
+
combinator: 'OR',
|
|
415
|
+
}
|
|
416
|
+
: null;
|
|
417
|
+
debouncedSetSearchQuery(newSearchQuery);
|
|
418
|
+
};
|
|
419
|
+
const onFilter = (newFilters) => {
|
|
420
|
+
if (newFilters.length !== filters.length || !isEqual(newFilters, filters)) {
|
|
421
|
+
setFilters(newFilters);
|
|
422
|
+
}
|
|
423
|
+
return Promise.resolve();
|
|
424
|
+
};
|
|
425
|
+
const onSort = (sort) => {
|
|
426
|
+
if (sort.length !== sortingRules.length || !isEqual(sort, sortingRules)) {
|
|
427
|
+
setSortingRules(sort);
|
|
428
|
+
}
|
|
429
|
+
};
|
|
430
|
+
/**
|
|
431
|
+
* Item getter which also appends whether the row is selected or not
|
|
432
|
+
*
|
|
433
|
+
* @param idx index
|
|
434
|
+
*/
|
|
435
|
+
const getItemWithSelected = useCallback((idx) => {
|
|
436
|
+
const row = getItem(idx);
|
|
437
|
+
if (!row) {
|
|
438
|
+
return undefined;
|
|
439
|
+
}
|
|
440
|
+
return Object.assign(Object.assign({}, row), { selected: (selectedRowIndices !== null && selectedRowIndices !== void 0 ? selectedRowIndices : []).includes(row[INDEX_COL]) });
|
|
441
|
+
}, [getItem, selectedRowIndices]);
|
|
442
|
+
return (_jsxs(TableWrapper, { "$rawCss": css, style: Object.assign({ display: 'flex', flex: '1 1 auto', flexDirection: 'column',
|
|
443
|
+
// Set a min height so at the very least Table shows header and one row
|
|
444
|
+
minHeight: props.searchable ? '9rem' : '6rem', overflow: 'auto', position: 'relative' }, style), children: [props.searchable && (_jsx(TableSearch, { children: _jsx(Input, { onChange: onSearchChange, placeholder: "Search Table..." }) })), resolvedColumns && (_jsx("div", { style: {
|
|
445
|
+
bottom: 0,
|
|
446
|
+
height: props.searchable ? 'calc(100% - 3rem)' : '100%',
|
|
447
|
+
left: 0,
|
|
448
|
+
paddingBottom: '1.1rem',
|
|
449
|
+
position: 'absolute',
|
|
450
|
+
right: 0,
|
|
451
|
+
top: props.searchable ? '3rem' : 0,
|
|
452
|
+
width: 'calc(100% - 1px)',
|
|
453
|
+
}, children: _jsx(UiTable, { columns: columns, getItem: getItemWithSelected, itemCount: totalCount, maxRows: props.max_rows, onAction: onAction, onClickRow: props.onclick_row && onSelect, onFilter: onFilter, onItemsRendered: onItemsRendered, onSort: onSort, style: { padding: 0 } }) }))] }));
|
|
454
|
+
}
|
|
455
|
+
export default Table;
|
|
456
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../js/common/table/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StyledComponentProps, Variable } from '@darajs/core';
|
|
2
|
+
interface TextProps extends StyledComponentProps {
|
|
3
|
+
bold: boolean;
|
|
4
|
+
className: string;
|
|
5
|
+
formatted?: boolean;
|
|
6
|
+
italic: boolean;
|
|
7
|
+
text: string | Variable<string>;
|
|
8
|
+
underline: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare function Text(props: TextProps): JSX.Element;
|
|
11
|
+
export default Text;
|
|
12
|
+
//# sourceMappingURL=text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../js/common/text/text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAGtH,UAAU,SAAU,SAAQ,oBAAoB;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;CACtB;AAKD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAgD3C;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useContext } from 'react';
|
|
3
|
+
import { DisplayCtx, injectCss, useComponentStyles, useVariable } from '@darajs/core';
|
|
4
|
+
import { useTheme } from '@darajs/styled-components';
|
|
5
|
+
const StyledSpan = injectCss('span');
|
|
6
|
+
const StyledTag = injectCss('div');
|
|
7
|
+
function Text(props) {
|
|
8
|
+
var _a;
|
|
9
|
+
const [style, css] = useComponentStyles(props);
|
|
10
|
+
const [text] = useVariable(props.text);
|
|
11
|
+
const theme = useTheme();
|
|
12
|
+
// Consume display context, return appropriate text element
|
|
13
|
+
const display_ctx = useContext(DisplayCtx);
|
|
14
|
+
// Add a default to the text color if it's not in a button or anchor
|
|
15
|
+
const color = ['anchor', 'button'].includes(display_ctx.component) ? props.color : props.color || theme.colors.text;
|
|
16
|
+
if (['anchor', 'paragraph'].includes(display_ctx.component)) {
|
|
17
|
+
return (_jsx(StyledSpan, { "$rawCss": css, className: props.className, style: Object.assign({ border: (_a = props === null || props === void 0 ? void 0 : props.border) !== null && _a !== void 0 ? _a : 'none', color, fontStyle: props.italic ? 'italic' : 'normal', fontWeight: props.bold ? 'bold' : 'normal', marginRight: '0.1em', textAlign: props.align, textDecoration: props.underline ? 'underline' : '' }, style), children: `${typeof text === 'string' ? text.trimEnd() : text} ` }));
|
|
18
|
+
}
|
|
19
|
+
const tag = props.formatted ? 'pre' : 'div';
|
|
20
|
+
return (_jsx(StyledTag, { "$rawCss": css, as: tag, className: props.className, style: Object.assign({ color, margin: '0', textAlign: props.align }, style), children: text }));
|
|
21
|
+
}
|
|
22
|
+
export default Text;
|
|
23
|
+
//# sourceMappingURL=text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../js/common/text/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAWrD,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACrC,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAEnC,SAAS,IAAI,CAAC,KAAgB;;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,2DAA2D;IAC3D,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAE3C,oEAAoE;IACpE,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IAEpH,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;QAC1D,OAAO,CACH,KAAC,UAAU,eACE,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,MAAM,EAC/B,KAAK,EACL,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAC7C,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC1C,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,KAAK,CAAC,KAAY,EAC7B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAC/C,KAAK,aAGX,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAC9C,CAChB,CAAC;IACN,CAAC;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,kBACD,KAAK,EACL,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,KAAK,CAAC,KAAY,IAC1B,KAAK,aAGX,IAAI,GACG,CACf,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Variable } from '@darajs/core';
|
|
2
|
+
import { FormComponentProps } from '../types';
|
|
3
|
+
interface TextareaProps extends FormComponentProps {
|
|
4
|
+
/** If true, cursor will start in the textarea */
|
|
5
|
+
autofocus: boolean;
|
|
6
|
+
/** An optional property which sets whether the textarea is resizable, and if so, in which directions */
|
|
7
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical' | 'block' | 'inline';
|
|
8
|
+
/** A text variable that supplies the default value and updates when text is entered */
|
|
9
|
+
value?: Variable<string>;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A component that creates a textarea. The text is stored as a variable and updated as the user types in the
|
|
13
|
+
* given area. If autofocus is true, cursor begins in the textarea.
|
|
14
|
+
*
|
|
15
|
+
* @param {TextareaProps} props - the component props
|
|
16
|
+
*/
|
|
17
|
+
declare function Textarea(props: TextareaProps): JSX.Element;
|
|
18
|
+
export default Textarea;
|
|
19
|
+
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,aAAc,SAAQ,kBAAkB;IAC9C,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1E,uFAAuF;IAEvF,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAID;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAwCnD;AAED,eAAe,QAAQ,CAAC"}
|