npm - @coveord/plasma-mantine - Versions diffs - 52.6.0 → 52.7.0 - Mend

@coveord/plasma-mantine 52.6.0 → 52.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/cjs/components/table/layouts/RowLayout.js ADDED Viewed

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RowLayout", {
+    enumerable: true,
+    get: function() {
+        return RowLayout;
+    }
+});
+var _define_property = require("@swc/helpers/_/_define_property");
+var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _reacttable = require("@tanstack/react-table");
+var _tablecore = require("@tanstack/table-core");
+var _react = require("react");
+var _TableCollapsibleColumn = require("../TableCollapsibleColumn");
+var _TableContext = require("../TableContext");
+var _TableLoading = require("../TableLoading");
+var _Th = require("../Th");
+var useStyles = (0, _core.createStyles)(function(theme, param) {
+    var multiRowSelectionEnabled = param.multiRowSelectionEnabled, disableRowSelection = param.disableRowSelection;
+    var rowBackgroundColor = theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2) : theme.colors[theme.primaryColor][0];
+    return {
+        headerColumns: {
+            "& th:first-of-type > *": {
+                paddingLeft: theme.spacing.xl
+            },
+            "& input[type=checkbox]": {
+                backgroundColor: disableRowSelection ? "".concat(theme.colors.gray[2]) : undefined,
+                borderColor: disableRowSelection ? "".concat(theme.colors.gray[3]) : "".concat(theme.colors.gray[4]),
+                pointerEvents: disableRowSelection ? "none" : "auto",
+                cursor: disableRowSelection ? "not-allowed" : "default",
+                "& + svg": {
+                    color: disableRowSelection ? "".concat(theme.colors.gray[5]) : "inherit"
+                }
+            }
+        },
+        rowSelected: {
+            backgroundColor: multiRowSelectionEnabled ? undefined : rowBackgroundColor
+        },
+        rowUnselectable: {
+            "& input[type=checkbox]": {
+                backgroundColor: "".concat(theme.colors.gray[2]),
+                borderColor: "".concat(theme.colors.gray[3]),
+                pointerEvents: "none",
+                cursor: "not-allowed",
+                "&:checked + svg": {
+                    color: "".concat(theme.colors.gray[5])
+                }
+            }
+        },
+        rowCollapsibleButtonCell: {
+            textAlign: "right",
+            padding: "calc(".concat(theme.spacing.xs, "/2) ").concat(theme.spacing.sm, " !important")
+        },
+        row: {
+            "&:hover": {
+                backgroundColor: rowBackgroundColor
+            }
+        }
+    };
+});
+var RowLayoutHeader = function(param) {
+    var table = param.table;
+    var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
+    var classes = useStyles({
+        disableRowSelection: disableRowSelection,
+        multiRowSelectionEnabled: multiRowSelectionEnabled
+    }).classes;
+    var headers = table.getHeaderGroups().map(function(headerGroup) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+            className: classes.headerColumns,
+            children: headerGroup.headers.map(function(columnHeader) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Th.Th, {
+                    header: columnHeader
+                }, columnHeader.id);
+            })
+        }, headerGroup.id);
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: headers
+    });
+};
+var RowLayoutBody = function(param) {
+    var table = param.table, doubleClickAction = param.doubleClickAction, getExpandChildren = param.getExpandChildren, loading = param.loading;
+    var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
+    var _useStyles = useStyles({
+        disableRowSelection: disableRowSelection,
+        multiRowSelectionEnabled: multiRowSelectionEnabled
+    }), classes = _useStyles.classes, cx = _useStyles.cx;
+    var rows = table.getRowModel().rows.map(function(row) {
+        var _getExpandChildren;
+        var rowChildren = (_getExpandChildren = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && _getExpandChildren !== void 0 ? _getExpandChildren : null;
+        var isSelected = !!row.getIsSelected();
+        var _obj;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                    onClick: function() {
+                        return disableRowSelection ? undefined : row.toggleSelected();
+                    },
+                    onDoubleClick: function() {
+                        return doubleClickAction === null || doubleClickAction === void 0 ? void 0 : doubleClickAction(row.original);
+                    },
+                    className: cx(classes.row, (_obj = {}, _define_property._(_obj, classes.rowSelected, isSelected), _define_property._(_obj, classes.rowUnselectable, disableRowSelection), _obj)),
+                    "aria-selected": isSelected,
+                    children: row.getVisibleCells().map(function(cell) {
+                        var size = cell.column.getSize();
+                        var width = size !== _tablecore.defaultColumnSizing.size ? size : undefined;
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                            style: {
+                                width: width
+                            },
+                            className: cx(_define_property._({}, classes.rowCollapsibleButtonCell, cell.column.id === _TableCollapsibleColumn.TableCollapsibleColumn.id)),
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLoading.TableLoading, {
+                                visible: loading,
+                                children: (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
+                            })
+                        }, cell.id);
+                    })
+                }),
+                rowChildren ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                        colSpan: table.getAllColumns().length,
+                        style: {
+                            padding: 0,
+                            borderTop: row.getIsExpanded() ? undefined : "none",
+                            borderBottom: row.getIsExpanded() ? undefined : "none"
+                        },
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Collapse, {
+                            in: row.getIsExpanded(),
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
+                                px: "sm",
+                                py: "xs",
+                                children: rowChildren
+                            })
+                        })
+                    })
+                }) : null
+            ]
+        }, row.id);
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: rows
+    });
+};
+var RowLayout = {
+    name: "Rows",
+    icon: _plasmareacticons.ListSize16Px,
+    Header: RowLayoutHeader,
+    Body: RowLayoutBody
+};
+//# sourceMappingURL=RowLayout.js.map

package/dist/cjs/components/table/layouts/RowLayout.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/table/layouts/RowLayout.tsx"],"sourcesContent":["import {ListSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, Collapse, createStyles} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {Fragment} from 'react';\nimport {TableLayout, TableLayoutProps} from '../Table.types';\nimport {TableCollapsibleColumn} from '../TableCollapsibleColumn';\nimport {useTable} from '../TableContext';\nimport {TableLoading} from '../TableLoading';\nimport {Th} from '../Th';\n\ninterface TableStylesParams {\n multiRowSelectionEnabled: boolean;\n disableRowSelection: boolean;\n}\n\nconst useStyles = createStyles<string, TableStylesParams>((theme, {multiRowSelectionEnabled, disableRowSelection}) => {\n const rowBackgroundColor =\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2)\n : theme.colors[theme.primaryColor][0];\n return {\n headerColumns: {\n '& th:first-of-type > *': {\n paddingLeft: theme.spacing.xl,\n },\n\n '& input[type=checkbox]': {\n backgroundColor: disableRowSelection ? `${theme.colors.gray[2]}` : undefined,\n borderColor: disableRowSelection ? `${theme.colors.gray[3]}` : `${theme.colors.gray[4]}`,\n pointerEvents: disableRowSelection ? 'none' : 'auto',\n cursor: disableRowSelection ? 'not-allowed' : 'default',\n\n '& + svg': {\n color: disableRowSelection ? `${theme.colors.gray[5]}` : 'inherit',\n },\n },\n },\n\n rowSelected: {\n backgroundColor: multiRowSelectionEnabled ? undefined : rowBackgroundColor,\n },\n\n rowUnselectable: {\n '& input[type=checkbox]': {\n backgroundColor: `${theme.colors.gray[2]}`,\n borderColor: `${theme.colors.gray[3]}`,\n pointerEvents: 'none',\n cursor: 'not-allowed',\n\n '&:checked + svg': {\n color: `${theme.colors.gray[5]}`,\n },\n },\n },\n\n rowCollapsibleButtonCell: {\n textAlign: 'right',\n padding: `calc(${theme.spacing.xs}/2) ${theme.spacing.sm} !important`,\n },\n\n row: {\n '&:hover': {\n backgroundColor: rowBackgroundColor,\n },\n },\n };\n});\n\nconst RowLayoutHeader = <T,>({table}: TableLayoutProps<T>) => {\n const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n const {classes} = useStyles({disableRowSelection, multiRowSelectionEnabled});\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr key={headerGroup.id} className={classes.headerColumns}>\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\n\nconst RowLayoutBody = <T,>({table, doubleClickAction, getExpandChildren, loading}: TableLayoutProps<T>) => {\n const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n const {classes, cx} = useStyles({disableRowSelection, multiRowSelectionEnabled});\n\n const rows = table.getRowModel().rows.map((row) => {\n const rowChildren = getExpandChildren?.(row.original) ?? null;\n const isSelected = !!row.getIsSelected();\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={() => (disableRowSelection ? undefined : row.toggleSelected())}\n onDoubleClick={() => doubleClickAction?.(row.original)}\n className={cx(classes.row, {\n [classes.rowSelected]: isSelected,\n [classes.rowUnselectable]: disableRowSelection,\n })}\n aria-selected={isSelected}\n >\n {row.getVisibleCells().map((cell) => {\n const size = cell.column.getSize();\n const width = size !== defaultColumnSizing.size ? size : undefined;\n return (\n <td\n key={cell.id}\n style={{width}}\n className={cx({\n [classes.rowCollapsibleButtonCell]: cell.column.id === TableCollapsibleColumn.id,\n })}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n borderTop: row.getIsExpanded() ? undefined : 'none',\n borderBottom: row.getIsExpanded() ? undefined : 'none',\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nexport const RowLayout: TableLayout = {\n name: 'Rows',\n icon: ListSize16Px,\n Header: RowLayoutHeader,\n Body: RowLayoutBody,\n};\n"],"names":["RowLayout","useStyles","createStyles","theme","multiRowSelectionEnabled","disableRowSelection","rowBackgroundColor","colorScheme","fn","rgba","colors","primaryColor","headerColumns","paddingLeft","spacing","xl","backgroundColor","gray","undefined","borderColor","pointerEvents","cursor","color","rowSelected","rowUnselectable","rowCollapsibleButtonCell","textAlign","padding","xs","sm","row","RowLayoutHeader","table","useTable","classes","headers","getHeaderGroups","map","headerGroup","tr","className","columnHeader","Th","header","id","RowLayoutBody","doubleClickAction","getExpandChildren","loading","cx","rows","getRowModel","rowChildren","original","isSelected","getIsSelected","Fragment","onClick","toggleSelected","onDoubleClick","aria-selected","getVisibleCells","cell","size","column","getSize","width","defaultColumnSizing","td","style","TableCollapsibleColumn","TableLoading","visible","flexRender","columnDef","getContext","colSpan","getAllColumns","length","borderTop","getIsExpanded","borderBottom","Collapse","in","Box","px","py","name","icon","ListSize16Px","Header","Body"],"mappings":"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"}

package/dist/cjs/components/table/layouts/TableLayouts.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare const TableLayouts: {
+    Rows: import("../Table.types").TableLayout;
+};
+//# sourceMappingURL=TableLayouts.d.ts.map

package/dist/cjs/components/table/layouts/TableLayouts.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"TableLayouts.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/layouts/TableLayouts.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;CAExB,CAAC"}

package/dist/cjs/components/table/layouts/TableLayouts.js ADDED Viewed

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableLayouts", {
+    enumerable: true,
+    get: function() {
+        return TableLayouts;
+    }
+});
+var _RowLayout = require("./RowLayout");
+var TableLayouts = {
+    Rows: _RowLayout.RowLayout
+};
+//# sourceMappingURL=TableLayouts.js.map

package/dist/cjs/components/table/layouts/TableLayouts.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../../../src/components/table/layouts/TableLayouts.tsx"],"sourcesContent":["import {RowLayout} from './RowLayout';\n\nexport const TableLayouts = {\n Rows: RowLayout,\n};\n"],"names":["TableLayouts","Rows","RowLayout"],"mappings":";;;;+BAEaA;;;eAAAA;;;yBAFW;AAEjB,IAAMA,eAAe;IACxBC,MAAMC;AACV"}

package/dist/cjs/theme/Theme.js CHANGED Viewed

@@ -339,11 +339,13 @@ var plasmaTheme = {
                 }
             }
         },
-        Segmented: {
-            styles: {
-                control: {
-                    zIndex: "unset"
-                }
+        SegmentedControl: {
+            styles: function(theme) {
+                return {
+                    root: {
+                        backgroundColor: theme.colors.gray[2]
+                    }
+                };
             }
         },
         Stepper: {

package/dist/cjs/theme/Theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {CheckSize16Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n getSize,\n rem,\n type MantineThemeOverride,\n type NotificationProps,\n type StepperStylesParams,\n type TabsStylesParams,\n} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/src/mantine-styles/src/theme/default-theme.ts\n colorScheme: 'light',\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 8,\n lineHeight: 1.5,\n spacing: {\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n primaryColor: 'action',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 500,\n sizes: {\n h1: {fontSize: '48px', lineHeight: undefined, fontWeight: 300},\n h2: {fontSize: '32px', lineHeight: undefined, fontWeight: 500},\n h3: {fontSize: '24px', lineHeight: undefined, fontWeight: 500},\n h4: {fontSize: '18px', lineHeight: undefined, fontWeight: 300},\n h5: {fontSize: '14px', lineHeight: undefined, fontWeight: 500},\n h6: {fontSize: '12px', lineHeight: undefined, fontWeight: 500},\n },\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n colors: PlasmaColors,\n components: {\n Alert: {\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'navy',\n },\n styles: {\n title: {\n fontWeight: 500,\n },\n },\n },\n Title: {\n styles: {\n root: {\n '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em'},\n },\n },\n },\n Text: {\n defaultProps: {\n weight: 300,\n },\n styles: (theme, {}, {size}) => ({\n root: {\n fontSize: getSize({size: size ?? 'sm', sizes: theme.fontSizes}),\n },\n }),\n },\n Button: {\n styles: () => ({\n root: {\n fontWeight: 400,\n },\n }),\n variants: {\n outline: () => ({\n root: {\n backgroundColor: 'white',\n },\n }),\n },\n },\n Modal: {\n styles: (theme, {fullScreen, padding}, {size, variant}) => ({\n content: {\n flex: fullScreen\n ? '0 0 100%'\n : `0 0 ${getSize({\n size,\n sizes: {\n xs: rem(432),\n sm: rem(664),\n md: rem(896),\n lg: rem(1120),\n xl: rem('88%'),\n },\n })}`,\n overflow: 'auto',\n },\n title: {\n width: '100%',\n fontSize: theme.headings.sizes.h3.fontSize,\n lineHeight: theme.headings.sizes.h3.lineHeight,\n fontWeight: 500,\n },\n header: {\n borderBottom: variant !== 'prompt' ? `1px solid ${color.primary.gray[3]}` : null,\n },\n body: {\n '&:not(:only-child)': {\n paddingTop: variant === 'prompt' ? 0 : getSize({size: padding, sizes: plasmaTheme.spacing}),\n },\n },\n }),\n },\n ModalOverlay: {\n defaultProps: {\n color: color.primary.navy[9],\n opacity: 0.9,\n },\n },\n InputWrapper: {\n defaultProps: {\n withAsterisk: false,\n },\n styles: (theme) => ({\n label: {\n marginBottom: theme.spacing.xs,\n },\n description: {\n fontSize: theme.fontSizes.sm,\n color: theme.colors.gray[7],\n marginBottom: theme.spacing.xs,\n },\n invalid: {\n color: theme.colors.red[9],\n borderColor: theme.colors.red[6],\n },\n error: {\n color: theme.colors.red[9],\n },\n }),\n },\n TextInput: {\n defaultProps: {\n radius: 8,\n },\n },\n Tooltip: {\n defaultProps: {\n color: 'navy',\n withArrow: true,\n withinPortal: true,\n multiline: true,\n zIndex: 10000,\n },\n },\n Loader: {\n defaultProps: {\n variant: 'dots',\n color: 'action',\n },\n },\n DateRangePicker: {\n styles: {\n cell: {\n textAlign: 'center',\n },\n },\n },\n Anchor: {\n defaultProps: {\n color: 'action.6',\n },\n styles: (theme) => ({\n root: {\n ...theme.fn.hover({\n textDecoration: 'underline',\n color: theme.colors.action[8],\n }),\n },\n }),\n },\n Checkbox: {\n defaultProps: {\n radius: 'sm',\n },\n styles: (theme) => ({\n label: {\n fontSize: theme.fontSizes.sm,\n fontWeight: 300,\n },\n }),\n },\n List: {\n styles: () => ({\n root: {\n listStyleType: 'disc',\n },\n }),\n },\n Radio: {\n styles: {\n labelWrapper: {\n display: 'flex',\n alignItems: 'flex-start',\n },\n },\n },\n Popover: {\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n },\n Badge: {\n styles: {\n root: {\n textTransform: 'none',\n padding: '4px 8px',\n fontWeight: 500,\n },\n },\n },\n ColorSwatch: {\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n },\n MenuItem: {\n defaultProps: {\n fw: 300,\n },\n },\n Notification: {\n styles: (theme, {color: notificationType}: NotificationProps) => ({\n root: {\n borderColor: theme.colors.gray[3],\n backgroundColor: theme.colors.gray[0],\n boxShadow: theme.shadows.lg,\n padding: theme.spacing.sm,\n '&[data-with-icon]': {\n paddingLeft: theme.spacing.sm,\n },\n },\n icon: {\n backgroundColor: 'transparent',\n marginRight: theme.spacing.sm,\n color: theme.colors?.[notificationType][6],\n },\n closeButton: {\n margin: theme.spacing.xs,\n color: theme.colors.gray[5],\n },\n }),\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'info',\n },\n },\n Skeleton: {\n styles: {\n visible: {\n '&::before': {zIndex: 'unset'},\n '&::after': {zIndex: 'unset'},\n },\n },\n },\n Segmented: {\n styles: {\n control: {\n zIndex: 'unset',\n },\n },\n },\n Stepper: {\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n styles: (theme, {}: StepperStylesParams, {size}) => ({\n step: {\n '&[disabled]': {\n color: theme.colors.gray[5],\n '& .mantine-Stepper-stepDescription': {\n color: theme.colors.gray[5],\n },\n '& .mantine-Stepper-stepIcon': {\n borderColor: theme.colors.gray[1],\n },\n },\n },\n stepIcon: {\n fontWeight: 500,\n backgroundColor: theme.colors.gray[1],\n color: 'inherit',\n border: `${rem(1)} solid ${theme.colors.gray[3]}`,\n '&[data-progress]': {\n backgroundColor: theme.white,\n },\n\n '&[data-completed]': {\n backgroundColor: theme.white,\n borderColor: theme.colors.lime[6],\n color: theme.colors.lime[6],\n },\n },\n stepCompletedIcon: {\n color: theme.colors.lime[6],\n fontSize: rem(16),\n },\n stepDescription: {\n color: theme.colors.gray[7],\n fontSize: getSize({size, sizes: theme.fontSizes}),\n },\n separator: {\n height: rem(1),\n backgroundColor: theme.colors.gray[3],\n },\n separatorActive: {\n backgroundColor: theme.colors.gray[3],\n },\n verticalSeparator: {\n borderLeft: `${rem(1)} solid ${theme.colors.gray[3]}`,\n },\n verticalSeparatorActive: {\n borderColor: theme.colors.gray[3],\n },\n }),\n },\n Tabs: {\n styles: (theme, {orientation}: TabsStylesParams) => ({\n tabsList: {\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid ${\n theme.colors.gray[3]\n }`,\n },\n tab: {\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid transparent`,\n [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: rem(-1),\n },\n }),\n },\n },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeight","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","root","letterSpacing","Text","weight","theme","size","getSize","fontSizes","Button","variants","outline","backgroundColor","Modal","fullScreen","padding","variant","content","flex","rem","overflow","width","header","borderBottom","body","paddingTop","ModalOverlay","navy","opacity","InputWrapper","withAsterisk","label","marginBottom","description","invalid","red","borderColor","error","TextInput","radius","Tooltip","withArrow","withinPortal","multiline","zIndex","Loader","DateRangePicker","cell","textAlign","Anchor","fn","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","ColorSwatch","withShadow","MenuItem","fw","Notification","notificationType","boxShadow","paddingLeft","marginRight","closeButton","margin","Skeleton","visible","Segmented","control","Stepper","completedIcon","CheckSize16Px","step","stepIcon","border","white","lime","stepCompletedIcon","stepDescription","separator","separatorActive","verticalSeparator","borderLeft","verticalSeparatorActive","Tabs","orientation","tabsList","tab"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {CheckSize16Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n getSize,\n rem,\n type MantineThemeOverride,\n type NotificationProps,\n type StepperStylesParams,\n type TabsStylesParams,\n} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/src/mantine-styles/src/theme/default-theme.ts\n colorScheme: 'light',\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 8,\n lineHeight: 1.5,\n spacing: {\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n primaryColor: 'action',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 500,\n sizes: {\n h1: {fontSize: '48px', lineHeight: undefined, fontWeight: 300},\n h2: {fontSize: '32px', lineHeight: undefined, fontWeight: 500},\n h3: {fontSize: '24px', lineHeight: undefined, fontWeight: 500},\n h4: {fontSize: '18px', lineHeight: undefined, fontWeight: 300},\n h5: {fontSize: '14px', lineHeight: undefined, fontWeight: 500},\n h6: {fontSize: '12px', lineHeight: undefined, fontWeight: 500},\n },\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n colors: PlasmaColors,\n components: {\n Alert: {\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'navy',\n },\n styles: {\n title: {\n fontWeight: 500,\n },\n },\n },\n Title: {\n styles: {\n root: {\n '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em'},\n },\n },\n },\n Text: {\n defaultProps: {\n weight: 300,\n },\n styles: (theme, {}, {size}) => ({\n root: {\n fontSize: getSize({size: size ?? 'sm', sizes: theme.fontSizes}),\n },\n }),\n },\n Button: {\n styles: () => ({\n root: {\n fontWeight: 400,\n },\n }),\n variants: {\n outline: () => ({\n root: {\n backgroundColor: 'white',\n },\n }),\n },\n },\n Modal: {\n styles: (theme, {fullScreen, padding}, {size, variant}) => ({\n content: {\n flex: fullScreen\n ? '0 0 100%'\n : `0 0 ${getSize({\n size,\n sizes: {\n xs: rem(432),\n sm: rem(664),\n md: rem(896),\n lg: rem(1120),\n xl: rem('88%'),\n },\n })}`,\n overflow: 'auto',\n },\n title: {\n width: '100%',\n fontSize: theme.headings.sizes.h3.fontSize,\n lineHeight: theme.headings.sizes.h3.lineHeight,\n fontWeight: 500,\n },\n header: {\n borderBottom: variant !== 'prompt' ? `1px solid ${color.primary.gray[3]}` : null,\n },\n body: {\n '&:not(:only-child)': {\n paddingTop: variant === 'prompt' ? 0 : getSize({size: padding, sizes: plasmaTheme.spacing}),\n },\n },\n }),\n },\n ModalOverlay: {\n defaultProps: {\n color: color.primary.navy[9],\n opacity: 0.9,\n },\n },\n InputWrapper: {\n defaultProps: {\n withAsterisk: false,\n },\n styles: (theme) => ({\n label: {\n marginBottom: theme.spacing.xs,\n },\n description: {\n fontSize: theme.fontSizes.sm,\n color: theme.colors.gray[7],\n marginBottom: theme.spacing.xs,\n },\n invalid: {\n color: theme.colors.red[9],\n borderColor: theme.colors.red[6],\n },\n error: {\n color: theme.colors.red[9],\n },\n }),\n },\n TextInput: {\n defaultProps: {\n radius: 8,\n },\n },\n Tooltip: {\n defaultProps: {\n color: 'navy',\n withArrow: true,\n withinPortal: true,\n multiline: true,\n zIndex: 10000,\n },\n },\n Loader: {\n defaultProps: {\n variant: 'dots',\n color: 'action',\n },\n },\n DateRangePicker: {\n styles: {\n cell: {\n textAlign: 'center',\n },\n },\n },\n Anchor: {\n defaultProps: {\n color: 'action.6',\n },\n styles: (theme) => ({\n root: {\n ...theme.fn.hover({\n textDecoration: 'underline',\n color: theme.colors.action[8],\n }),\n },\n }),\n },\n Checkbox: {\n defaultProps: {\n radius: 'sm',\n },\n styles: (theme) => ({\n label: {\n fontSize: theme.fontSizes.sm,\n fontWeight: 300,\n },\n }),\n },\n List: {\n styles: () => ({\n root: {\n listStyleType: 'disc',\n },\n }),\n },\n Radio: {\n styles: {\n labelWrapper: {\n display: 'flex',\n alignItems: 'flex-start',\n },\n },\n },\n Popover: {\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n },\n Badge: {\n styles: {\n root: {\n textTransform: 'none',\n padding: '4px 8px',\n fontWeight: 500,\n },\n },\n },\n ColorSwatch: {\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n },\n MenuItem: {\n defaultProps: {\n fw: 300,\n },\n },\n Notification: {\n styles: (theme, {color: notificationType}: NotificationProps) => ({\n root: {\n borderColor: theme.colors.gray[3],\n backgroundColor: theme.colors.gray[0],\n boxShadow: theme.shadows.lg,\n padding: theme.spacing.sm,\n '&[data-with-icon]': {\n paddingLeft: theme.spacing.sm,\n },\n },\n icon: {\n backgroundColor: 'transparent',\n marginRight: theme.spacing.sm,\n color: theme.colors?.[notificationType][6],\n },\n closeButton: {\n margin: theme.spacing.xs,\n color: theme.colors.gray[5],\n },\n }),\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'info',\n },\n },\n Skeleton: {\n styles: {\n visible: {\n '&::before': {zIndex: 'unset'},\n '&::after': {zIndex: 'unset'},\n },\n },\n },\n SegmentedControl: {\n styles: (theme) => ({\n root: {\n backgroundColor: theme.colors.gray[2],\n },\n }),\n },\n Stepper: {\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n styles: (theme, {}: StepperStylesParams, {size}) => ({\n step: {\n '&[disabled]': {\n color: theme.colors.gray[5],\n '& .mantine-Stepper-stepDescription': {\n color: theme.colors.gray[5],\n },\n '& .mantine-Stepper-stepIcon': {\n borderColor: theme.colors.gray[1],\n },\n },\n },\n stepIcon: {\n fontWeight: 500,\n backgroundColor: theme.colors.gray[1],\n color: 'inherit',\n border: `${rem(1)} solid ${theme.colors.gray[3]}`,\n '&[data-progress]': {\n backgroundColor: theme.white,\n },\n\n '&[data-completed]': {\n backgroundColor: theme.white,\n borderColor: theme.colors.lime[6],\n color: theme.colors.lime[6],\n },\n },\n stepCompletedIcon: {\n color: theme.colors.lime[6],\n fontSize: rem(16),\n },\n stepDescription: {\n color: theme.colors.gray[7],\n fontSize: getSize({size, sizes: theme.fontSizes}),\n },\n separator: {\n height: rem(1),\n backgroundColor: theme.colors.gray[3],\n },\n separatorActive: {\n backgroundColor: theme.colors.gray[3],\n },\n verticalSeparator: {\n borderLeft: `${rem(1)} solid ${theme.colors.gray[3]}`,\n },\n verticalSeparatorActive: {\n borderColor: theme.colors.gray[3],\n },\n }),\n },\n Tabs: {\n styles: (theme, {orientation}: TabsStylesParams) => ({\n tabsList: {\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid ${\n theme.colors.gray[3]\n }`,\n },\n tab: {\n [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid transparent`,\n [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: rem(-1),\n },\n }),\n },\n },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeight","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","root","letterSpacing","Text","weight","theme","size","getSize","fontSizes","Button","variants","outline","backgroundColor","Modal","fullScreen","padding","variant","content","flex","rem","overflow","width","header","borderBottom","body","paddingTop","ModalOverlay","navy","opacity","InputWrapper","withAsterisk","label","marginBottom","description","invalid","red","borderColor","error","TextInput","radius","Tooltip","withArrow","withinPortal","multiline","zIndex","Loader","DateRangePicker","cell","textAlign","Anchor","fn","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","ColorSwatch","withShadow","MenuItem","fw","Notification","notificationType","boxShadow","paddingLeft","marginRight","closeButton","margin","Skeleton","visible","SegmentedControl","Stepper","completedIcon","CheckSize16Px","step","stepIcon","border","white","lime","stepCompletedIcon","stepDescription","separator","separatorActive","verticalSeparator","borderLeft","verticalSeparatorActive","Tabs","orientation","tabsList","tab"],"mappings":"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"}

package/dist/esm/components/table/Table.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"~~AAiBA~~,OAAO,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;~~AAsB~~/E,eAAO,MAAM,KAAK,EAAE,~~SA4MnB~~,CAAC"}
1	+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AASA,OAAO,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;AAiB/E,eAAO,MAAM,KAAK,EAAE,SAwKnB,CAAC"}

package/dist/esm/components/table/Table.js CHANGED Viewed

@@ -1,16 +1,15 @@
-import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Center, Collapse, Loader, Table as MantineTable, Skeleton } from "@mantine/core";
+import { Box, Center, Loader, Table as MantineTable } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { useDidUpdate } from "@mantine/hooks";
-import { defaultColumnSizing, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import debounce from "lodash.debounce";
 import defaultsDeep from "lodash.defaultsdeep";
-import { Children, Fragment, useCallback, useEffect, useState } from "react";
+import { Children, useCallback, useEffect, useState } from "react";
 import useStyles from "./Table.styles";
 import { TableActions } from "./TableActions";
 import { TableAccordionColumn, TableCollapsibleColumn } from "./TableCollapsibleColumn";
@@ -24,22 +23,13 @@ import { TablePagination } from "./TablePagination";
 import { TablePerPage } from "./TablePerPage";
 import { TablePredicate } from "./TablePredicate";
 import { TableSelectableColumn } from "./TableSelectableColumn";
-import { Th } from "./Th";
 import { useRowSelection } from "./useRowSelection";
-var LoadingSkeleton = function(props) {
-    return /*#__PURE__*/ _jsx(Skeleton, _object_spread_props(_object_spread({
-        style: {
-            display: "inline-block"
-        }
-    }, props), {
-        sx: !props.visible ? {
-            borderRadius: 0
-        } : undefined,
-        children: props.children
-    }));
-};
+import { TableLoading } from "./TableLoading";
+import { TableLayouts } from "./layouts/TableLayouts";
 export var Table = function(param) {
-    var data = param.data, getRowId = param.getRowId, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _param_initialState = param.initialState, initialState = _param_initialState === void 0 ? {} : _param_initialState, columns = param.columns, onMount = param.onMount, onChange = param.onChange, children = param.children, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, doubleClickAction = param.doubleClickAction, multiRowSelectionEnabled = param.multiRowSelectionEnabled, disableRowSelection = param.disableRowSelection, onRowSelectionChange = param.onRowSelectionChange, _param_options = param.options, options = _param_options === void 0 ? {} : _param_options;
+    var data = param.data, getRowId = param.getRowId, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _param_initialState = param.initialState, initialState = _param_initialState === void 0 ? {} : _param_initialState, columns = param.columns, _param_layouts = param.layouts, layouts = _param_layouts === void 0 ? [
+        TableLayouts.Rows
+    ] : _param_layouts, onMount = param.onMount, onChange = param.onChange, children = param.children, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, doubleClickAction = param.doubleClickAction, multiRowSelectionEnabled = param.multiRowSelectionEnabled, disableRowSelection = param.disableRowSelection, onRowSelectionChange = param.onRowSelectionChange, _param_options = param.options, options = _param_options === void 0 ? {} : _param_options;
     var _form_values, _form_values_dateRange, _form_values_dateRange1;
     var convertedChildren = Children.toArray(children);
     var header = convertedChildren.find(function(child) {
@@ -55,20 +45,18 @@ export var Table = function(param) {
         "predicates",
         "dateRange"
     ]);
-    var _initialState_predicates, _initialState_dateRange;
+    var _initialState_predicates, _initialState_dateRange, _initialState_layout;
     var form = useForm({
         initialValues: {
             predicates: (_initialState_predicates = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {},
             dateRange: (_initialState_dateRange = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && _initialState_dateRange !== void 0 ? _initialState_dateRange : [
                 null,
                 null
-            ]
+            ],
+            layout: (_initialState_layout = initialState === null || initialState === void 0 ? void 0 : initialState.layout) !== null && _initialState_layout !== void 0 ? _initialState_layout : layouts[0].name
         }
     });
-    var _useStyles = useStyles({
-        multiRowSelectionEnabled: multiRowSelectionEnabled,
-        disableRowSelection: disableRowSelection
-    }), cx = _useStyles.cx, classes = _useStyles.classes;
+    var classes = useStyles().classes;
     var _ref;
     var table = useReactTable(_object_spread({
         initialState: defaultsDeep(initialStateWithoutForm, {
@@ -122,7 +110,8 @@ export var Table = function(param) {
         state.globalFilter,
         state.pagination,
         state.sorting,
-        form.values
+        JSON.stringify(form.values.dateRange),
+        JSON.stringify(form.values.predicates)
     ]);
     var clearFilters = useCallback(function() {
         var _initialState_predicates;
@@ -141,58 +130,11 @@ export var Table = function(param) {
             children: /*#__PURE__*/ _jsx(Loader, {})
         });
     }
-    var rows = table.getRowModel().rows.map(function(row) {
-        var _getExpandChildren;
-        var rowChildren = (_getExpandChildren = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && _getExpandChildren !== void 0 ? _getExpandChildren : null;
-        var isSelected = !!row.getIsSelected();
-        var _obj;
-        return /*#__PURE__*/ _jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ _jsx("tr", {
-                    onClick: function() {
-                        return disableRowSelection ? undefined : row.toggleSelected();
-                    },
-                    onDoubleClick: function() {
-                        return doubleClickAction === null || doubleClickAction === void 0 ? void 0 : doubleClickAction(row.original);
-                    },
-                    className: cx(classes.row, (_obj = {}, _define_property(_obj, classes.rowSelected, isSelected), _define_property(_obj, classes.rowUnselectable, disableRowSelection), _obj)),
-                    "aria-selected": isSelected,
-                    children: row.getVisibleCells().map(function(cell) {
-                        var size = cell.column.getSize();
-                        var width = size !== defaultColumnSizing.size ? size : undefined;
-                        return /*#__PURE__*/ _jsx("td", {
-                            style: {
-                                width: width
-                            },
-                            className: cx(_define_property({}, classes.rowCollapsibleButtonCell, cell.column.id === TableCollapsibleColumn.id)),
-                            children: /*#__PURE__*/ _jsx(LoadingSkeleton, {
-                                visible: loading,
-                                children: flexRender(cell.column.columnDef.cell, cell.getContext())
-                            })
-                        }, cell.id);
-                    })
-                }),
-                rowChildren ? /*#__PURE__*/ _jsx("tr", {
-                    children: /*#__PURE__*/ _jsx("td", {
-                        colSpan: table.getAllColumns().length,
-                        style: {
-                            padding: 0,
-                            borderTop: row.getIsExpanded() ? undefined : "none",
-                            borderBottom: row.getIsExpanded() ? undefined : "none"
-                        },
-                        children: /*#__PURE__*/ _jsx(Collapse, {
-                            in: row.getIsExpanded(),
-                            children: /*#__PURE__*/ _jsx(Box, {
-                                px: "sm",
-                                py: "xs",
-                                children: rowChildren
-                            })
-                        })
-                    })
-                }) : null
-            ]
-        }, row.id);
+    var Layout = layouts.find(function(param) {
+        var name = param.name;
+        return name === form.values.layout;
     });
+    var hasRows = table.getRowModel().rows.length > 0;
     return /*#__PURE__*/ _jsx(Box, {
         ref: outsideClickRef,
         children: /*#__PURE__*/ _jsxs(TableContext.Provider, {
@@ -209,11 +151,12 @@ export var Table = function(param) {
                 containerRef: outsideClickRef,
                 multiRowSelectionEnabled: multiRowSelectionEnabled,
                 getPageCount: table.getPageCount,
-                disableRowSelection: disableRowSelection
+                disableRowSelection: disableRowSelection,
+                layouts: layouts
             },
             children: [
                 consumer,
-                !rows.length && !isFiltered && !loading ? noDataChildren : /*#__PURE__*/ _jsxs(_Fragment, {
+                !hasRows && !isFiltered && !loading ? noDataChildren : /*#__PURE__*/ _jsxs(_Fragment, {
                     children: [
                         /*#__PURE__*/ _jsxs(MantineTable, {
                             className: classes.table,
@@ -235,23 +178,24 @@ export var Table = function(param) {
                                                 children: header
                                             })
                                         }) : null,
-                                        table.getHeaderGroups().map(function(headerGroup) {
-                                            return /*#__PURE__*/ _jsx("tr", {
-                                                className: classes.headerColumns,
-                                                children: headerGroup.headers.map(function(columnHeader) {
-                                                    return /*#__PURE__*/ _jsx(Th, {
-                                                        header: columnHeader
-                                                    }, columnHeader.id);
-                                                })
-                                            }, headerGroup.id);
+                                        /*#__PURE__*/ _jsx(Layout.Header, {
+                                            table: table,
+                                            doubleClickAction: doubleClickAction,
+                                            getExpandChildren: getExpandChildren,
+                                            loading: loading
                                         })
                                     ]
                                 }),
                                 /*#__PURE__*/ _jsx("tbody", {
-                                    children: rows.length ? rows : /*#__PURE__*/ _jsx("tr", {
+                                    children: hasRows ? /*#__PURE__*/ _jsx(Layout.Body, {
+                                        table: table,
+                                        doubleClickAction: doubleClickAction,
+                                        getExpandChildren: getExpandChildren,
+                                        loading: loading
+                                    }) : /*#__PURE__*/ _jsx("tr", {
                                         children: /*#__PURE__*/ _jsx("td", {
                                             colSpan: table.getAllColumns().length,
-                                            children: /*#__PURE__*/ _jsx(LoadingSkeleton, {
+                                            children: /*#__PURE__*/ _jsx(TableLoading, {
                                                 visible: loading,
                                                 children: noDataChildren
                                             })
@@ -279,5 +223,7 @@ Table.CollapsibleColumn = TableCollapsibleColumn;
 Table.AccordionColumn = TableAccordionColumn;
 Table.DateRangePicker = TableDateRangePicker;
 Table.Consumer = TableConsumer;
+Table.Loading = TableLoading;
+Table.Layouts = TableLayouts;
 //# sourceMappingURL=Table.js.map