@darajs/components 1.0.0-a.1
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 +5 -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 +34 -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 +25 -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 +24 -0
- package/dist/common/button/button.d.ts.map +1 -0
- package/dist/common/button/button.js +46 -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 +26 -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 +54 -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 +36 -0
- package/dist/common/checkbox-group/checkbox-group.js.map +1 -0
- package/dist/common/code/code.d.ts +15 -0
- package/dist/common/code/code.d.ts.map +1 -0
- package/dist/common/code/code.js +41 -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 +21 -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 +19 -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 +24 -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 +52 -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 +21 -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 +45 -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 +28 -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 +186 -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 +28 -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 +105 -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 +14 -0
- package/dist/common/stack/stack.d.ts.map +1 -0
- package/dist/common/stack/stack.js +49 -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 +30 -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 +61 -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 +16 -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 +56 -0
- package/dist/common/table/table.d.ts.map +1 -0
- package/dist/common/table/table.js +404 -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-1.0.0a1-py3-none-any.whl +0 -0
- package/dist/graphs/causal-graph-viewer.d.ts +50 -0
- package/dist/graphs/causal-graph-viewer.d.ts.map +1 -0
- package/dist/graphs/causal-graph-viewer.js +32 -0
- package/dist/graphs/causal-graph-viewer.js.map +1 -0
- package/dist/graphs/graph-layout.d.ts +60 -0
- package/dist/graphs/graph-layout.d.ts.map +1 -0
- package/dist/graphs/graph-layout.js +110 -0
- package/dist/graphs/graph-layout.js.map +1 -0
- package/dist/graphs/index.d.ts +4 -0
- package/dist/graphs/index.d.ts.map +1 -0
- package/dist/graphs/index.js +4 -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/visual-edge-encoder.d.ts +32 -0
- package/dist/graphs/visual-edge-encoder.d.ts.map +1 -0
- package/dist/graphs/visual-edge-encoder.js +84 -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 +233 -0
- package/dist/plotting/plotly/plotly.js.map +1 -0
- package/dist/smart/code-editor.d.ts +11 -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 +123 -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 +6 -0
- package/dist/smart/index.d.ts.map +1 -0
- package/dist/smart/index.js +7 -0
- package/dist/smart/index.js.map +1 -0
- package/dist/umd/dara.components.umd.js +386628 -0
- package/dist/umd/style.css +745 -0
- package/package.json +87 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../js/common/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5B,CAAC;AACF,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAOxC;;;;GAIG;AACH,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,QAAQ,CAAC,OAAgB;QAC9B,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACH,KAAC,SAAS,eAAU,GAAG,EAAE,KAAK,EAAE,KAAK,YACjC,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACtC,CACf,CAAC;AACN,CAAC;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentInstance, StyledComponentProps, Variable } from '@darajs/core';
|
|
2
|
+
interface TabProps extends ComponentInstance {
|
|
3
|
+
props: {
|
|
4
|
+
children: Array<ComponentInstance>;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
interface TabbedCardProps extends StyledComponentProps {
|
|
9
|
+
/** Array of tab instances */
|
|
10
|
+
children: Array<TabProps>;
|
|
11
|
+
/** Optional chosen initial tab to render */
|
|
12
|
+
initial_tab?: string;
|
|
13
|
+
/** Optional selected tab mapped to a variable so that the selected tab can be easily accessed */
|
|
14
|
+
selected_tab?: Variable<string>;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* A tabbed card component for displaying content. Displays an array of tab components that consist of the content
|
|
18
|
+
* to display, a title, and a subtitle.
|
|
19
|
+
*
|
|
20
|
+
* @param {TabbedCardProps} props - the component props
|
|
21
|
+
*/
|
|
22
|
+
declare function TabbedCard(props: TabbedCardProps): JSX.Element;
|
|
23
|
+
export default TabbedCard;
|
|
24
|
+
//# sourceMappingURL=tabbed-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabbed-card.d.ts","sourceRoot":"","sources":["../../../js/common/tabbed-card/tabbed-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,iBAAiB,EAGjB,oBAAoB,EACpB,QAAQ,EAGX,MAAM,cAAc,CAAC;AAyBtB,UAAU,QAAS,SAAQ,iBAAiB;IACxC,KAAK,EAAE;QACH,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACnC,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED,UAAU,eAAgB,SAAQ,oBAAoB;IAClD,6BAA6B;IAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACnC;AAoBD;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAmCvD;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { DisplayCtx, DynamicComponent, useComponentStyles, useVariable, } from '@darajs/core';
|
|
4
|
+
import styled from '@darajs/styled-components';
|
|
5
|
+
import { Tabs } from '@darajs/ui-components';
|
|
6
|
+
import { useDeepCompare } from '@darajs/ui-utils';
|
|
7
|
+
import { CardDiv } from '../card/card';
|
|
8
|
+
const Card = styled.div `
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
display: flex;
|
|
11
|
+
flex: 1 1 auto;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
gap: 0.75rem;
|
|
14
|
+
|
|
15
|
+
padding: 1.5rem;
|
|
16
|
+
`;
|
|
17
|
+
const TabbedCardWrapper = styled(CardDiv) `
|
|
18
|
+
padding: 0rem;
|
|
19
|
+
`;
|
|
20
|
+
function mapTabProps({ props }) {
|
|
21
|
+
return { title: props.title };
|
|
22
|
+
}
|
|
23
|
+
function findTabComponent(children, selectedTab) {
|
|
24
|
+
return children.find(({ props: { title } }) => title === selectedTab);
|
|
25
|
+
}
|
|
26
|
+
function getTabHeader(children, selectedTab) {
|
|
27
|
+
const selected = findTabComponent(children, selectedTab);
|
|
28
|
+
return selected ? mapTabProps(selected) : mapTabProps(children[0]);
|
|
29
|
+
}
|
|
30
|
+
function getCardBody(children, selectedTab) {
|
|
31
|
+
const selected = findTabComponent(children, selectedTab);
|
|
32
|
+
return selected ? selected.props.children : children[0].props.children;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* A tabbed card component for displaying content. Displays an array of tab components that consist of the content
|
|
36
|
+
* to display, a title, and a subtitle.
|
|
37
|
+
*
|
|
38
|
+
* @param {TabbedCardProps} props - the component props
|
|
39
|
+
*/
|
|
40
|
+
function TabbedCard(props) {
|
|
41
|
+
const [style, css] = useComponentStyles(props);
|
|
42
|
+
const [selectedTabFromVar, setSelectedTabFromVar] = useVariable(props.selected_tab);
|
|
43
|
+
const [selectedTab, setSelectedTab] = useState(getTabHeader(props.children, selectedTabFromVar || props.initial_tab));
|
|
44
|
+
const [selectedCard, setSelectedCard] = useState(getCardBody(props.children, selectedTab.title));
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
const updatedSelectedTab = getTabHeader(props.children, selectedTabFromVar || props.initial_tab);
|
|
47
|
+
if (updatedSelectedTab !== selectedTab) {
|
|
48
|
+
setSelectedTab(updatedSelectedTab);
|
|
49
|
+
setSelectedCard(getCardBody(props.children, updatedSelectedTab.title));
|
|
50
|
+
}
|
|
51
|
+
}, [selectedTabFromVar, useDeepCompare(props.children)]);
|
|
52
|
+
const tabs = props.children.map((tab) => mapTabProps(tab));
|
|
53
|
+
const onSelectTab = (tab) => {
|
|
54
|
+
setSelectedTabFromVar(tab.title);
|
|
55
|
+
setSelectedTab(tab);
|
|
56
|
+
setSelectedCard(getCardBody(props.children, tab.title));
|
|
57
|
+
};
|
|
58
|
+
return (_jsxs(TabbedCardWrapper, { "$rawCss": css, style: style, children: [_jsx(Tabs, { onSelectTab: onSelectTab, selectedTab: selectedTab, tabs: tabs }), _jsx(Card, { "data-active-tab": selectedTab.title, "data-type": "children-wrapper", children: _jsx(DisplayCtx.Provider, { value: { component: 'tabbedcard', direction: 'vertical' }, children: selectedCard.map((child, idx) => (_jsx(DynamicComponent, { component: child }, `card-${idx}-${selectedTab.title}`))) }) })] }));
|
|
59
|
+
}
|
|
60
|
+
export default TabbedCard;
|
|
61
|
+
//# sourceMappingURL=tabbed-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabbed-card.js","sourceRoot":"","sources":["../../../js/common/tabbed-card/tabbed-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface AdaptivePrecisionCellProps {
|
|
2
|
+
value: any;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* An adaptive precision formatting cell, returns a string of the value with a pre-defined precision.
|
|
6
|
+
*/
|
|
7
|
+
declare function AdaptivePrecisionCell(): (props: AdaptivePrecisionCellProps) => string;
|
|
8
|
+
export default AdaptivePrecisionCell;
|
|
9
|
+
//# sourceMappingURL=adaptive-precision-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"adaptive-precision-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/adaptive-precision-cell.tsx"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAChC,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;GAEG;AACH,iBAAS,qBAAqB,IAAI,CAAC,KAAK,EAAE,0BAA0B,KAAK,MAAM,CAuB9E;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import round from 'lodash/round';
|
|
2
|
+
/**
|
|
3
|
+
* An adaptive precision formatting cell, returns a string of the value with a pre-defined precision.
|
|
4
|
+
*/
|
|
5
|
+
function AdaptivePrecisionCell() {
|
|
6
|
+
return ({ value }) => {
|
|
7
|
+
if (Number.isNaN(Number(value))) {
|
|
8
|
+
return value;
|
|
9
|
+
}
|
|
10
|
+
const abs_value = Math.abs(value);
|
|
11
|
+
if (abs_value === 0.0) {
|
|
12
|
+
return String(round(value, 2).toFixed(2));
|
|
13
|
+
}
|
|
14
|
+
if (abs_value < 0.001) {
|
|
15
|
+
return String(value.toExponential(2));
|
|
16
|
+
}
|
|
17
|
+
if (abs_value >= 1000) {
|
|
18
|
+
return String(round(value, 1).toFixed(1));
|
|
19
|
+
}
|
|
20
|
+
if (abs_value >= 100.0) {
|
|
21
|
+
return String(round(value, 2).toFixed(2));
|
|
22
|
+
}
|
|
23
|
+
if (abs_value < 0.01 && abs_value >= 0.001) {
|
|
24
|
+
return String(round(value, 4).toFixed(4));
|
|
25
|
+
}
|
|
26
|
+
return String(round(value, 3).toFixed(3));
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
export default AdaptivePrecisionCell;
|
|
30
|
+
//# sourceMappingURL=adaptive-precision-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"adaptive-precision-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/adaptive-precision-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAMjC;;GAEG;AACH,SAAS,qBAAqB;IAC1B,OAAO,CAAC,EAAE,KAAK,EAA8B,EAAU,EAAE;QACrD,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,SAAS,KAAK,GAAG,EAAE;YACnB,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7C;QACD,IAAI,SAAS,GAAG,KAAK,EAAE;YACnB,OAAO,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;SACzC;QACD,IAAI,SAAS,IAAI,IAAI,EAAE;YACnB,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7C;QACD,IAAI,SAAS,IAAI,KAAK,EAAE;YACpB,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7C;QACD,IAAI,SAAS,GAAG,IAAI,IAAI,SAAS,IAAI,KAAK,EAAE;YACxC,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7C;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC;AACN,CAAC;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
interface BadgeInterface {
|
|
2
|
+
color: string;
|
|
3
|
+
label: any;
|
|
4
|
+
}
|
|
5
|
+
type BadgesInterface = {
|
|
6
|
+
[key in string | number | symbol]: BadgeInterface;
|
|
7
|
+
};
|
|
8
|
+
interface BadgeFormattedCellProps {
|
|
9
|
+
value: any;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A badge formatting cell, returns a cell with a badge corresponding to the badges defined by the user.
|
|
13
|
+
* For a value which doesn't match any of the badges, the value is directly displayed.
|
|
14
|
+
*
|
|
15
|
+
* @param badges the desired badges that contain the color and label for each badge
|
|
16
|
+
*/
|
|
17
|
+
declare function BadgeFormattedCell(badges: BadgesInterface): (props: BadgeFormattedCellProps) => JSX.Element;
|
|
18
|
+
export default BadgeFormattedCell;
|
|
19
|
+
//# sourceMappingURL=badge-formatter-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-formatter-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/badge-formatter-cell.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACd;AAED,KAAK,eAAe,GAAG;KAClB,GAAG,IAAI,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc;CACpD,CAAC;AAEF,UAAU,uBAAuB;IAC7B,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;;;;GAKG;AACH,iBAAS,kBAAkB,CAAC,MAAM,EAAE,eAAe,GAAG,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAWpG;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Badge } from '@darajs/ui-components';
|
|
3
|
+
/**
|
|
4
|
+
* A badge formatting cell, returns a cell with a badge corresponding to the badges defined by the user.
|
|
5
|
+
* For a value which doesn't match any of the badges, the value is directly displayed.
|
|
6
|
+
*
|
|
7
|
+
* @param badges the desired badges that contain the color and label for each badge
|
|
8
|
+
*/
|
|
9
|
+
function BadgeFormattedCell(badges) {
|
|
10
|
+
function FormattedBadge({ value }) {
|
|
11
|
+
return badges[value] ? (_jsx(Badge, { color: badges[value].color, width: "100%", children: badges[value].label })) : (_jsx("span", { children: value }));
|
|
12
|
+
}
|
|
13
|
+
return FormattedBadge;
|
|
14
|
+
}
|
|
15
|
+
export default BadgeFormattedCell;
|
|
16
|
+
//# sourceMappingURL=badge-formatter-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-formatter-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/badge-formatter-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAe9C;;;;;GAKG;AACH,SAAS,kBAAkB,CAAC,MAAuB;IAC/C,SAAS,cAAc,CAAC,EAAE,KAAK,EAA2B;QACtD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,KAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,YAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,GAChB,CACX,CAAC,CAAC,CAAC,CACA,yBAAO,KAAK,GAAQ,CACvB,CAAC;IACN,CAAC;IACD,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Language } from 'prism-react-renderer';
|
|
2
|
+
interface CodeCellProps {
|
|
3
|
+
value: any;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* The code cell displays the cell contents as highlighted code
|
|
7
|
+
*
|
|
8
|
+
* @param language the language to format for
|
|
9
|
+
*/
|
|
10
|
+
declare function CodeCell(language: Language): (props: CodeCellProps) => JSX.Element;
|
|
11
|
+
export default CodeCell;
|
|
12
|
+
//# sourceMappingURL=code-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/code-cell.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAEzE,UAAU,aAAa;IACnB,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAsB3E;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { createElement as _createElement } from "react";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import Highlight, { defaultProps } from 'prism-react-renderer';
|
|
4
|
+
/**
|
|
5
|
+
* The code cell displays the cell contents as highlighted code
|
|
6
|
+
*
|
|
7
|
+
* @param language the language to format for
|
|
8
|
+
*/
|
|
9
|
+
function CodeCell(language) {
|
|
10
|
+
function Code({ value }) {
|
|
11
|
+
if (!value) {
|
|
12
|
+
return _jsx("span", {});
|
|
13
|
+
}
|
|
14
|
+
return (_jsx(Highlight, Object.assign({}, defaultProps, { code: value, language: language, children: ({ className, style, tokens, getLineProps, getTokenProps }) => (_jsx("pre", { className: className, style: style, children: tokens.map((line, i) => (_createElement("div", Object.assign({}, getLineProps({ key: i, line }), { key: i }), line.map((token, key) => (_createElement("span", Object.assign({}, getTokenProps({ key, token }), { key: key }))))))) })) })));
|
|
15
|
+
}
|
|
16
|
+
return Code;
|
|
17
|
+
}
|
|
18
|
+
export default CodeCell;
|
|
19
|
+
//# sourceMappingURL=code-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/code-cell.tsx"],"names":[],"mappings":";;AAAA,OAAO,SAAS,EAAE,EAAY,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMzE;;;;GAIG;AACH,SAAS,QAAQ,CAAC,QAAkB;IAChC,SAAS,IAAI,CAAC,EAAE,KAAK,EAAiB;QAClC,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,gBAAQ,CAAC;SACnB;QACD,OAAO,CACH,KAAC,SAAS,oBAAK,YAAY,IAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACvD,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC5D,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YAClC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,wCAAS,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAE,GAAG,EAAE,CAAC,KAC1C,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,yCAAU,aAAa,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,IAAE,GAAG,EAAE,GAAG,IAAI,CACxD,CAAC,CACA,CACT,CAAC,GACA,CACT,IACO,CACf,CAAC;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface CompareCellProps {
|
|
2
|
+
value: any;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* A comparison formatting cell. Returns a green colored span if the value pass the condition relative to the target,
|
|
6
|
+
* else returns a red colored span.
|
|
7
|
+
*
|
|
8
|
+
* @param condition - the conditional statement to apply
|
|
9
|
+
* @param target - the name of the column to compare against
|
|
10
|
+
*/
|
|
11
|
+
declare function CompareCell(condition: string, target: string): (props: CompareCellProps) => JSX.Element;
|
|
12
|
+
export default CompareCell;
|
|
13
|
+
//# sourceMappingURL=compare-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compare-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/compare-cell.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,KAAK,EAAE,GAAG,CAAC;CACd;AAeD;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,CAoBhG;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import styled from '@darajs/styled-components';
|
|
3
|
+
const CondtionOptions = {
|
|
4
|
+
EQUAL: 'equal',
|
|
5
|
+
};
|
|
6
|
+
const ComparisonSpan = styled.span `
|
|
7
|
+
color: ${(props) => (props.value === props.target ? props.theme.colors.success : props.theme.colors.error)};
|
|
8
|
+
`;
|
|
9
|
+
/**
|
|
10
|
+
* A comparison formatting cell. Returns a green colored span if the value pass the condition relative to the target,
|
|
11
|
+
* else returns a red colored span.
|
|
12
|
+
*
|
|
13
|
+
* @param condition - the conditional statement to apply
|
|
14
|
+
* @param target - the name of the column to compare against
|
|
15
|
+
*/
|
|
16
|
+
function CompareCell(condition, target) {
|
|
17
|
+
function FormattedCell(props) {
|
|
18
|
+
// If number check for NaN
|
|
19
|
+
if (typeof props.value === 'number' && Number.isNaN(props.value)) {
|
|
20
|
+
return props.value;
|
|
21
|
+
}
|
|
22
|
+
// If not a number, check defined -- avoids exluding zeros
|
|
23
|
+
if (typeof props.value !== 'number' && !props.value) {
|
|
24
|
+
return _jsx("span", {});
|
|
25
|
+
}
|
|
26
|
+
if (condition === CondtionOptions.EQUAL) {
|
|
27
|
+
return (_jsx(ComparisonSpan, { target: props.row.original[target], value: props.value, children: props.value }));
|
|
28
|
+
}
|
|
29
|
+
return _jsx("span", { children: props.value });
|
|
30
|
+
}
|
|
31
|
+
return FormattedCell;
|
|
32
|
+
}
|
|
33
|
+
export default CompareCell;
|
|
34
|
+
//# sourceMappingURL=compare-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compare-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/compare-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAM/C,MAAM,eAAe,GAAG;IACpB,KAAK,EAAE,OAAO;CACjB,CAAC;AAOF,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAkB;aACvC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;CAC7G,CAAC;AAEF;;;;;;GAMG;AACH,SAAS,WAAW,CAAC,SAAiB,EAAE,MAAc;IAClD,SAAS,aAAa,CAAC,KAAU;QAC7B,0BAA0B;QAC1B,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAC9D,OAAO,KAAK,CAAC,KAAK,CAAC;SACtB;QACD,0DAA0D;QAC1D,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACjD,OAAO,gBAAQ,CAAC;SACnB;QACD,IAAI,SAAS,KAAK,eAAe,CAAC,KAAK,EAAE;YACrC,OAAO,CACH,KAAC,cAAc,IAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YACjE,KAAK,CAAC,KAAK,GACC,CACpB,CAAC;SACL;QACD,OAAO,yBAAO,KAAK,CAAC,KAAK,GAAQ,CAAC;IACtC,CAAC;IACD,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface FormattedTextCellProps {
|
|
2
|
+
value: any;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* A preformatted text cell that returns the value in a pre tag to keep it's original styling
|
|
6
|
+
*/
|
|
7
|
+
declare function FormattedTextCell(): (props: FormattedTextCellProps) => JSX.Element;
|
|
8
|
+
export default FormattedTextCell;
|
|
9
|
+
//# sourceMappingURL=formatted-text-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatted-text-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/formatted-text-cell.tsx"],"names":[],"mappings":"AAAA,UAAU,sBAAsB;IAC5B,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;GAEG;AACH,iBAAS,iBAAiB,IAAI,CAAC,KAAK,EAAE,sBAAsB,KAAK,GAAG,CAAC,OAAO,CAQ3E;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* A preformatted text cell that returns the value in a pre tag to keep it's original styling
|
|
4
|
+
*/
|
|
5
|
+
function FormattedTextCell() {
|
|
6
|
+
function FormattedText({ value }) {
|
|
7
|
+
if (!value) {
|
|
8
|
+
return _jsx("span", {});
|
|
9
|
+
}
|
|
10
|
+
return _jsx("pre", { children: value });
|
|
11
|
+
}
|
|
12
|
+
return FormattedText;
|
|
13
|
+
}
|
|
14
|
+
export default FormattedTextCell;
|
|
15
|
+
//# sourceMappingURL=formatted-text-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatted-text-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/formatted-text-cell.tsx"],"names":[],"mappings":";AAIA;;GAEG;AACH,SAAS,iBAAiB;IACtB,SAAS,aAAa,CAAC,EAAE,KAAK,EAA0B;QACpD,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,gBAAQ,CAAC;SACnB;QACD,OAAO,wBAAM,KAAK,GAAO,CAAC;IAC9B,CAAC;IACD,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as AdaptivePrecisionCell } from './adaptive-precision-cell';
|
|
2
|
+
export { default as BadgeFormattedCell } from './badge-formatter-cell';
|
|
3
|
+
export { default as CodeCell } from './code-cell';
|
|
4
|
+
export { default as CompareCell } from './compare-cell';
|
|
5
|
+
export { default as FormattedTextCell } from './formatted-text-cell';
|
|
6
|
+
export { default as NumberCell } from './number-cell';
|
|
7
|
+
export { default as NumberIntlCell } from './number-intl-cell';
|
|
8
|
+
export { default as PercentageCell } from './percentage-cell';
|
|
9
|
+
export { default as LinkCell } from './link-cell';
|
|
10
|
+
export { default as ThresholdFormattedCell } from './threshold-formatted-cell';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as AdaptivePrecisionCell } from './adaptive-precision-cell';
|
|
2
|
+
export { default as BadgeFormattedCell } from './badge-formatter-cell';
|
|
3
|
+
export { default as CodeCell } from './code-cell';
|
|
4
|
+
export { default as CompareCell } from './compare-cell';
|
|
5
|
+
export { default as FormattedTextCell } from './formatted-text-cell';
|
|
6
|
+
export { default as NumberCell } from './number-cell';
|
|
7
|
+
export { default as NumberIntlCell } from './number-intl-cell';
|
|
8
|
+
export { default as PercentageCell } from './percentage-cell';
|
|
9
|
+
export { default as LinkCell } from './link-cell';
|
|
10
|
+
export { default as ThresholdFormattedCell } from './threshold-formatted-cell';
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../js/common/table/cells/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface LinkCellProps {
|
|
2
|
+
row: any;
|
|
3
|
+
value: any;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* The link cell pulls an associated href off the row and creates a link with the cell value as the text in the link
|
|
7
|
+
*/
|
|
8
|
+
declare function LinkCell(): (props: LinkCellProps) => JSX.Element;
|
|
9
|
+
export default LinkCell;
|
|
10
|
+
//# sourceMappingURL=link-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/link-cell.tsx"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACnB,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;GAEG;AACH,iBAAS,QAAQ,IAAI,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAkBzD;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* The link cell pulls an associated href off the row and creates a link with the cell value as the text in the link
|
|
4
|
+
*/
|
|
5
|
+
function LinkCell() {
|
|
6
|
+
function Link({ row, value }) {
|
|
7
|
+
if (!value) {
|
|
8
|
+
return _jsx("span", {});
|
|
9
|
+
}
|
|
10
|
+
return (_jsx("a", { className: row.original.clean ? 'report-clean-anchor' : row.original.className, href: row.original.href, id: row.original.name, rel: "noopener noreferrer", target: "_blank", children: value }));
|
|
11
|
+
}
|
|
12
|
+
return Link;
|
|
13
|
+
}
|
|
14
|
+
export default LinkCell;
|
|
15
|
+
//# sourceMappingURL=link-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/link-cell.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,SAAS,QAAQ;IACb,SAAS,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,EAAiB;QACvC,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,gBAAQ,CAAC;SACnB;QACD,OAAO,CACH,YACI,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,EAC9E,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,EACvB,EAAE,EAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,EACrB,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,YAEd,KAAK,GACN,CACP,CAAC;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface NumberCellProps {
|
|
2
|
+
value: any;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* A number formatting cell, returns a string of the value at the given numerical precision
|
|
6
|
+
*
|
|
7
|
+
* @param precision the desired precision to render the value with
|
|
8
|
+
*/
|
|
9
|
+
declare function NumberCell(precision?: number): (props: NumberCellProps) => string;
|
|
10
|
+
export default NumberCell;
|
|
11
|
+
//# sourceMappingURL=number-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/number-cell.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACrB,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;;;GAIG;AACH,iBAAS,UAAU,CAAC,SAAS,SAAI,GAAG,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,CAQrE;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import round from 'lodash/round';
|
|
2
|
+
/**
|
|
3
|
+
* A number formatting cell, returns a string of the value at the given numerical precision
|
|
4
|
+
*
|
|
5
|
+
* @param precision the desired precision to render the value with
|
|
6
|
+
*/
|
|
7
|
+
function NumberCell(precision = 2) {
|
|
8
|
+
return ({ value }) => {
|
|
9
|
+
if (Number.isNaN(Number(value))) {
|
|
10
|
+
return value !== null && value !== void 0 ? value : null;
|
|
11
|
+
}
|
|
12
|
+
return String(round(value, precision).toFixed(precision));
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export default NumberCell;
|
|
16
|
+
//# sourceMappingURL=number-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/number-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAMjC;;;;GAIG;AACH,SAAS,UAAU,CAAC,SAAS,GAAG,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,EAAmB,EAAU,EAAE;QAC1C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;YAC7B,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC;SACxB;QAED,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface NumberIntlCellProps {
|
|
2
|
+
value: any;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* A number intl formatting cell, returns a string formatted by Intl.NumberFormat.
|
|
6
|
+
*
|
|
7
|
+
* @param precision the desired precision to render the value with
|
|
8
|
+
*/
|
|
9
|
+
declare function NumberIntlCell(locales: string | string[], options: Intl.NumberFormatOptions): (props: NumberIntlCellProps) => string;
|
|
10
|
+
export default NumberIntlCell;
|
|
11
|
+
//# sourceMappingURL=number-intl-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-intl-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/number-intl-cell.tsx"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IACzB,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;;;GAIG;AACH,iBAAS,cAAc,CACnB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,EAC1B,OAAO,EAAE,IAAI,CAAC,mBAAmB,GAClC,CAAC,KAAK,EAAE,mBAAmB,KAAK,MAAM,CAUxC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A number intl formatting cell, returns a string formatted by Intl.NumberFormat.
|
|
3
|
+
*
|
|
4
|
+
* @param precision the desired precision to render the value with
|
|
5
|
+
*/
|
|
6
|
+
function NumberIntlCell(locales, options) {
|
|
7
|
+
const formatter = Intl.NumberFormat(locales, options);
|
|
8
|
+
return ({ value }) => {
|
|
9
|
+
if (Number.isNaN(Number(value))) {
|
|
10
|
+
return value !== null && value !== void 0 ? value : null;
|
|
11
|
+
}
|
|
12
|
+
return formatter.format(value);
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export default NumberIntlCell;
|
|
16
|
+
//# sourceMappingURL=number-intl-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-intl-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/number-intl-cell.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,SAAS,cAAc,CACnB,OAA0B,EAC1B,OAAiC;IAEjC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEtD,OAAO,CAAC,EAAE,KAAK,EAAuB,EAAU,EAAE;QAC9C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;YAC7B,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC;SACxB;QAED,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface PercentageCellProps {
|
|
2
|
+
value: any;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* A percentage formatting cell, returns an adaptive precision value string with percentage sign attached
|
|
6
|
+
*
|
|
7
|
+
* @param precision the precision to format the percentage too
|
|
8
|
+
*/
|
|
9
|
+
declare function PercentageCell(precision?: number): (props: PercentageCellProps) => string;
|
|
10
|
+
export default PercentageCell;
|
|
11
|
+
//# sourceMappingURL=percentage-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"percentage-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/percentage-cell.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IACzB,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;;;GAIG;AACH,iBAAS,cAAc,CAAC,SAAS,SAAI,GAAG,CAAC,KAAK,EAAE,mBAAmB,KAAK,MAAM,CAO7E;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import round from 'lodash/round';
|
|
2
|
+
/**
|
|
3
|
+
* A percentage formatting cell, returns an adaptive precision value string with percentage sign attached
|
|
4
|
+
*
|
|
5
|
+
* @param precision the precision to format the percentage too
|
|
6
|
+
*/
|
|
7
|
+
function PercentageCell(precision = 1) {
|
|
8
|
+
return ({ value }) => {
|
|
9
|
+
if (Number.isNaN(Number(value))) {
|
|
10
|
+
return value;
|
|
11
|
+
}
|
|
12
|
+
return `${round(100 * value, precision).toFixed(precision)}%`;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export default PercentageCell;
|
|
16
|
+
//# sourceMappingURL=percentage-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"percentage-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/percentage-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAMjC;;;;GAIG;AACH,SAAS,cAAc,CAAC,SAAS,GAAG,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,EAAuB,EAAU,EAAE;QAC9C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QACD,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IAClE,CAAC,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface ThresholdInterface {
|
|
2
|
+
bounds: Array<number>;
|
|
3
|
+
color: string;
|
|
4
|
+
}
|
|
5
|
+
interface ThresholdFormattedCellProps {
|
|
6
|
+
value: number;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* A number formatting cell, returns a colored cell for numbers within the thresholds
|
|
10
|
+
*
|
|
11
|
+
* @param thresholds the desired thresholds and respective colors
|
|
12
|
+
*/
|
|
13
|
+
declare function ThresholdFormattedCell(thresholds: Array<ThresholdInterface>): (props: ThresholdFormattedCellProps) => JSX.Element;
|
|
14
|
+
export default ThresholdFormattedCell;
|
|
15
|
+
//# sourceMappingURL=threshold-formatted-cell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"threshold-formatted-cell.d.ts","sourceRoot":"","sources":["../../../../js/common/table/cells/threshold-formatted-cell.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IACxB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,2BAA2B;IACjC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,iBAAS,sBAAsB,CAC3B,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GACtC,CAAC,KAAK,EAAE,2BAA2B,KAAK,GAAG,CAAC,OAAO,CAiBrD;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* A number formatting cell, returns a colored cell for numbers within the thresholds
|
|
4
|
+
*
|
|
5
|
+
* @param thresholds the desired thresholds and respective colors
|
|
6
|
+
*/
|
|
7
|
+
function ThresholdFormattedCell(thresholds) {
|
|
8
|
+
function FormattedText({ value }) {
|
|
9
|
+
var _a;
|
|
10
|
+
if (Number.isNaN(Number(value))) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return (_jsx("span", { style: {
|
|
14
|
+
color: (_a = thresholds.find((threshold) => threshold.bounds[0] <= value && value < threshold.bounds[1])) === null || _a === void 0 ? void 0 : _a.color,
|
|
15
|
+
}, children: value }));
|
|
16
|
+
}
|
|
17
|
+
return FormattedText;
|
|
18
|
+
}
|
|
19
|
+
export default ThresholdFormattedCell;
|
|
20
|
+
//# sourceMappingURL=threshold-formatted-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"threshold-formatted-cell.js","sourceRoot":"","sources":["../../../../js/common/table/cells/threshold-formatted-cell.tsx"],"names":[],"mappings":";AASA;;;;GAIG;AACH,SAAS,sBAAsB,CAC3B,UAAqC;IAErC,SAAS,aAAa,CAAC,EAAE,KAAK,EAA+B;;QACzD,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;YAC7B,OAAO,IAAI,CAAC;SACf;QACD,OAAO,CACH,eACI,KAAK,EAAE;gBACH,KAAK,EAAE,MAAA,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,0CAC5F,KAAK;aACd,YAEA,KAAK,GACH,CACV,CAAC;IACN,CAAC;IACD,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,eAAe,sBAAsB,CAAC"}
|