@hh.ru/magritte-ui-table 4.0.4 → 4.1.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.
- package/BaseTable.d.ts +3 -0
- package/BaseTable.js +165 -0
- package/BaseTable.js.map +1 -0
- package/SimpleTable.d.ts +3 -0
- package/SimpleTable.js +23 -0
- package/SimpleTable.js.map +1 -0
- package/StickyTableHeader.js +7 -3
- package/StickyTableHeader.js.map +1 -1
- package/Table.js +16 -159
- package/Table.js.map +1 -1
- package/TableBody.js +2 -2
- package/TableCell.js +11 -5
- package/TableCell.js.map +1 -1
- package/TableHeader.js +2 -2
- package/TableRow.js +2 -2
- package/VirtualizedList/VirtualizedList.js +2 -2
- package/VirtualizedList/VirtualizedList.js.map +1 -1
- package/VirtualizedList/VirtualizedListWrapper.js +1 -1
- package/VirtualizedList/VirtualizedPanel.js +1 -1
- package/VirtualizedList/index.js +1 -1
- package/cell-YFy-_qG_.js +5 -0
- package/cell-YFy-_qG_.js.map +1 -0
- package/index.css +571 -503
- package/index.d.ts +1 -0
- package/index.js +7 -4
- package/index.js.map +1 -1
- package/index.mock.d.ts +1 -0
- package/index.mock.js +2 -1
- package/index.mock.js.map +1 -1
- package/package.json +3 -2
- package/table-CqVQVOzK.js +5 -0
- package/table-CqVQVOzK.js.map +1 -0
- package/types.d.ts +6 -1
- package/virtualized-list-VL55s-Jm.js +5 -0
- package/virtualized-list-VL55s-Jm.js.map +1 -0
- package/cell-7oIL_F5q.js +0 -5
- package/cell-7oIL_F5q.js.map +0 -1
- package/table-QMqzXL_B.js +0 -5
- package/table-QMqzXL_B.js.map +0 -1
- package/virtualized-list-BYDoC__0.js +0 -5
- package/virtualized-list-BYDoC__0.js.map +0 -1
package/TableCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sources":["src/TableCell.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"TableCell.js","sources":["src/TableCell.tsx"],"sourcesContent":["import {\n PropsWithChildren,\n useCallback,\n useContext,\n useLayoutEffect,\n useRef,\n forwardRef,\n ForwardedRef,\n CSSProperties,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useLayoutContext } from '@hh.ru/magritte-ui-grid/layoutContext';\nimport { generateCssVarsFromMap } from '@hh.ru/magritte-ui-layout';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableCellProps } from '@hh.ru/magritte-ui-table/types';\n\nimport styles from './cell.less';\nimport tableStyles from './table.less';\n\nconst TableCellComponent = (\n {\n Element = 'td',\n m,\n l,\n xl,\n xxl,\n width: _widthValue,\n children,\n stickyLeft,\n stickyRight,\n align,\n verticalAlign,\n stretched = true,\n 'data-qa': dataQa = 'table-cell',\n ...rest\n }: PropsWithChildren<TableCellProps>,\n ref: ForwardedRef<HTMLTableCellElement>\n) => {\n const isWidthObject = typeof _widthValue === 'object' && _widthValue !== null && !Array.isArray(_widthValue);\n const cssVars = isWidthObject\n ? generateCssVarsFromMap({ width: _widthValue }, { width: '--table-cell-w' })\n : ({ width: _widthValue, maxWidth: _widthValue } as CSSProperties);\n\n const cellRef = useRef<HTMLTableCellElement>(null);\n const multiRef = useMultipleRefs(ref, cellRef);\n const extendsL = l ?? m;\n const extendsXL = xl ?? extendsL;\n const extendsXXL = xxl ?? extendsXL;\n const { paddingRight, fontLoaded, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);\n const { sidebarEnabled, showSidebarFrom } = useLayoutContext();\n\n const calcCoordinates = useCallback(() => {\n if (cellRef.current && cellRef.current.parentElement) {\n cellRef.current.style.removeProperty('left');\n cellRef.current.style.removeProperty('right');\n const { left: parentLeft, right: parentRight } = cellRef.current.parentElement.getBoundingClientRect();\n const { right, left } = cellRef.current.getBoundingClientRect();\n if (stickyLeft) {\n cellRef.current.style.setProperty('left', `${left - parentLeft}px`);\n }\n\n if (stickyRight && cellRef.current.parentElement) {\n cellRef.current.style.setProperty('right', `${parentRight - right - (paddingRight ?? 0)}px`);\n }\n }\n }, [paddingRight, stickyRight, stickyLeft]);\n\n useLayoutEffect(() => {\n if (fontLoaded && (stickyLeft || stickyRight)) {\n calcCoordinates();\n subscribeResizeHandler?.(calcCoordinates);\n\n return () => unsubscribeResizeHandler?.(calcCoordinates);\n }\n\n return void 0;\n }, [\n stickyRight,\n stickyLeft,\n fontLoaded,\n paddingRight,\n calcCoordinates,\n subscribeResizeHandler,\n unsubscribeResizeHandler,\n ]);\n\n return (\n <Element\n {...rest}\n data-qa={dataQa}\n data-magritte-table-cell\n className={classnames(styles.cell, tableStyles.td, {\n [styles.noStretched]: !stretched,\n [styles.withWidth]: !!isWidthObject,\n [styles[`cell_m-${m}`]]: m,\n [styles[`cell_l-${extendsL}`]]: extendsL,\n [styles[`cell_xl-${extendsXL}`]]: extendsXL,\n [styles[`cell_xxl-${extendsXXL}`]]: extendsXXL,\n [styles[`with-sidebar-from-${showSidebarFrom}`]]: sidebarEnabled,\n [styles.sticky]: stickyLeft || stickyRight,\n [styles.stickyLeft]: stickyLeft,\n [styles.stickyRight]: stickyRight,\n })}\n ref={multiRef}\n style={{\n textAlign: align,\n verticalAlign,\n ...cssVars,\n }}\n >\n {children}\n </Element>\n );\n};\nexport const TableCell = forwardRef(TableCellComponent);\n"],"names":["_jsx","styles","tableStyles"],"mappings":"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"}
|
package/TableHeader.js
CHANGED
|
@@ -4,9 +4,9 @@ import { useRef, useContext } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { StickyTableHeader } from './StickyTableHeader.js';
|
|
6
6
|
import { TableContext } from './context.js';
|
|
7
|
-
import { s as styles } from './table-
|
|
7
|
+
import { s as styles } from './table-CqVQVOzK.js';
|
|
8
8
|
import 'react-dom';
|
|
9
|
-
import './cell-
|
|
9
|
+
import './cell-YFy-_qG_.js';
|
|
10
10
|
|
|
11
11
|
const TableHeader = ({ divider, density = 16, 'data-qa': dataQa = 'table-header', children, }) => {
|
|
12
12
|
const theadRef = useRef(null);
|
package/TableRow.js
CHANGED
|
@@ -4,8 +4,8 @@ import { forwardRef, useContext, useRef, useEffect } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
|
|
6
6
|
import { TableContext } from './context.js';
|
|
7
|
-
import { c as cellStyles } from './cell-
|
|
8
|
-
import { s as styles } from './table-
|
|
7
|
+
import { c as cellStyles } from './cell-YFy-_qG_.js';
|
|
8
|
+
import { s as styles } from './table-CqVQVOzK.js';
|
|
9
9
|
|
|
10
10
|
const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, verticalAlign = 'top', 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
|
|
11
11
|
const { paddingLeft, paddingRight } = useContext(TableContext);
|
|
@@ -4,7 +4,7 @@ import { forwardRef, useContext, Children, isValidElement, useRef, cloneElement
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { VirtualizedListContext } from './context.js';
|
|
6
6
|
import { useVirtualizedList } from './useVirtualizedList.js';
|
|
7
|
-
import { s as styles } from '../virtualized-list-
|
|
7
|
+
import { s as styles } from '../virtualized-list-VL55s-Jm.js';
|
|
8
8
|
import '@tanstack/react-virtual';
|
|
9
9
|
|
|
10
10
|
const ActivatedVirtualizedList = ({ ElementItem = 'div', Element = 'div', className, children, ...rest }) => {
|
|
@@ -33,7 +33,7 @@ const ActivatedVirtualizedList = ({ ElementItem = 'div', Element = 'div', classN
|
|
|
33
33
|
}), paddingBottom > 0 && jsx(ElementItem, { style: { height: paddingBottom } })] }));
|
|
34
34
|
};
|
|
35
35
|
const VirtualizedList = (props) => {
|
|
36
|
-
const { Element = 'div', className, children, ...rest } = props;
|
|
36
|
+
const { Element = 'div', className, ElementItem, children, ...rest } = props;
|
|
37
37
|
const { virtualized } = useContext(VirtualizedListContext);
|
|
38
38
|
if (!virtualized) {
|
|
39
39
|
return (jsx(Element, { ...rest, className: classnames(styles.virtualizedList, className), children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedList.js","sources":["src/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n FC,\n type ForwardedRef,\n forwardRef,\n HTMLAttributes,\n isValidElement,\n PropsWithChildren,\n ReactElement,\n useContext,\n useRef,\n} from 'react';\nimport { VirtualItem } from '@tanstack/virtual-core';\nimport classnames from 'classnames';\n\nimport { VirtualizedListContext } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\nimport { useVirtualizedList } from '@hh.ru/magritte-ui-table/VirtualizedList/useVirtualizedList';\n\nimport styles from './virtualized-list.less';\n\ninterface VirtualizedListProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n ElementItem?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n Element?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n}\n\nconst ActivatedVirtualizedList: FC<VirtualizedListProps> = ({\n ElementItem = 'div',\n Element = 'div',\n className,\n children,\n ...rest\n}) => {\n const childArray = Children.toArray(children).filter<ReactElement>((e): e is ReactElement => isValidElement(e));\n const contentRef = useRef<HTMLElement>(null);\n\n const virtualizer = useVirtualizedList({\n count: childArray.length,\n contentRef,\n });\n\n const additionalProps: Record<string, unknown> = { ...rest };\n\n additionalProps.ref = contentRef;\n\n const items = virtualizer.getVirtualItems();\n const [paddingTop, paddingBottom] =\n items.length > 0\n ? [\n Math.max(0, items[0].start - virtualizer.options.scrollMargin),\n Math.max(\n 0,\n virtualizer.getTotalSize() - (items[items.length - 1].end - virtualizer.options.scrollMargin)\n ),\n ]\n : [0, 0];\n\n return (\n <Element {...additionalProps} className={classnames(styles.virtualizedList, className)}>\n {paddingTop > 0 && <ElementItem style={{ height: paddingTop }}></ElementItem>}\n {virtualizer.getVirtualItems().map((virtualItem) => {\n return cloneElement(childArray[virtualItem.index], {\n key: virtualItem.key,\n 'data-index': virtualItem.index,\n ref: virtualItem.measureElement,\n measure: virtualItem.measureElement,\n });\n })}\n {paddingBottom > 0 && <ElementItem style={{ height: paddingBottom }}></ElementItem>}\n </Element>\n );\n};\n\nexport const VirtualizedList: FC<VirtualizedListProps> = (props) => {\n const { Element = 'div', className, children, ...rest } = props;\n\n const { virtualized } = useContext(VirtualizedListContext);\n\n if (!virtualized) {\n return (\n <Element {...rest} className={classnames(styles.virtualizedList, className)}>\n {children}\n </Element>\n );\n }\n\n return <ActivatedVirtualizedList {...props} />;\n};\n\ninterface VirtualizedItemProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n measure?: VirtualItem<Element>['measureElement'];\n}\n\nconst VirtualizedItemComponent = ({ measure, ...rest }: VirtualizedItemProps, ref: ForwardedRef<HTMLDivElement>) => {\n return <div {...rest} ref={ref} />;\n};\n\nexport const VirtualizedItem = forwardRef(VirtualizedItemComponent);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AA0BA,MAAM,wBAAwB,GAA6B,CAAC,EACxD,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,KAAI;IACD,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAe,CAAC,CAAC,KAAwB,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAChH,IAAA,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,kBAAkB,CAAC;QACnC,KAAK,EAAE,UAAU,CAAC,MAAM;QACxB,UAAU;AACb,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAA4B,EAAE,GAAG,IAAI,EAAE,CAAC;AAE7D,IAAA,eAAe,CAAC,GAAG,GAAG,UAAU,CAAC;AAEjC,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,eAAe,EAAE,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAC7B,KAAK,CAAC,MAAM,GAAG,CAAC;AACZ,UAAE;AACI,YAAA,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;AAC9D,YAAA,IAAI,CAAC,GAAG,CACJ,CAAC,EACD,WAAW,CAAC,YAAY,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAChG;AACJ,SAAA;AACH,UAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjB,IAAA,QACIA,IAAC,CAAA,OAAO,OAAK,eAAe,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,EACjF,QAAA,EAAA,CAAA,UAAU,GAAG,CAAC,IAAIC,IAAC,WAAW,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAgB,CAAA,EAC5E,WAAW,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,KAAI;gBAC/C,OAAO,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;oBAC/C,GAAG,EAAE,WAAW,CAAC,GAAG;oBACpB,YAAY,EAAE,WAAW,CAAC,KAAK;oBAC/B,GAAG,EAAE,WAAW,CAAC,cAAc;oBAC/B,OAAO,EAAE,WAAW,CAAC,cAAc;AACtC,iBAAA,CAAC,CAAC;AACP,aAAC,CAAC,EACD,aAAa,GAAG,CAAC,IAAIA,IAAC,WAAW,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAgB,CAAA,CAAA,EAAA,CAC7E,EACZ;AACN,CAAC,CAAC;AAEW,MAAA,eAAe,GAA6B,CAAC,KAAK,KAAI;AAC/D,IAAA,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"VirtualizedList.js","sources":["src/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n FC,\n type ForwardedRef,\n forwardRef,\n HTMLAttributes,\n isValidElement,\n PropsWithChildren,\n ReactElement,\n useContext,\n useRef,\n} from 'react';\nimport { VirtualItem } from '@tanstack/virtual-core';\nimport classnames from 'classnames';\n\nimport { VirtualizedListContext } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\nimport { useVirtualizedList } from '@hh.ru/magritte-ui-table/VirtualizedList/useVirtualizedList';\n\nimport styles from './virtualized-list.less';\n\ninterface VirtualizedListProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n ElementItem?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n Element?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n}\n\nconst ActivatedVirtualizedList: FC<VirtualizedListProps> = ({\n ElementItem = 'div',\n Element = 'div',\n className,\n children,\n ...rest\n}) => {\n const childArray = Children.toArray(children).filter<ReactElement>((e): e is ReactElement => isValidElement(e));\n const contentRef = useRef<HTMLElement>(null);\n\n const virtualizer = useVirtualizedList({\n count: childArray.length,\n contentRef,\n });\n\n const additionalProps: Record<string, unknown> = { ...rest };\n\n additionalProps.ref = contentRef;\n\n const items = virtualizer.getVirtualItems();\n const [paddingTop, paddingBottom] =\n items.length > 0\n ? [\n Math.max(0, items[0].start - virtualizer.options.scrollMargin),\n Math.max(\n 0,\n virtualizer.getTotalSize() - (items[items.length - 1].end - virtualizer.options.scrollMargin)\n ),\n ]\n : [0, 0];\n\n return (\n <Element {...additionalProps} className={classnames(styles.virtualizedList, className)}>\n {paddingTop > 0 && <ElementItem style={{ height: paddingTop }}></ElementItem>}\n {virtualizer.getVirtualItems().map((virtualItem) => {\n return cloneElement(childArray[virtualItem.index], {\n key: virtualItem.key,\n 'data-index': virtualItem.index,\n ref: virtualItem.measureElement,\n measure: virtualItem.measureElement,\n });\n })}\n {paddingBottom > 0 && <ElementItem style={{ height: paddingBottom }}></ElementItem>}\n </Element>\n );\n};\n\nexport const VirtualizedList: FC<VirtualizedListProps> = (props) => {\n const { Element = 'div', className, ElementItem, children, ...rest } = props;\n\n const { virtualized } = useContext(VirtualizedListContext);\n\n if (!virtualized) {\n return (\n <Element {...rest} className={classnames(styles.virtualizedList, className)}>\n {children}\n </Element>\n );\n }\n\n return <ActivatedVirtualizedList {...props} />;\n};\n\ninterface VirtualizedItemProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n measure?: VirtualItem<Element>['measureElement'];\n}\n\nconst VirtualizedItemComponent = ({ measure, ...rest }: VirtualizedItemProps, ref: ForwardedRef<HTMLDivElement>) => {\n return <div {...rest} ref={ref} />;\n};\n\nexport const VirtualizedItem = forwardRef(VirtualizedItemComponent);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import classnames from 'classnames';
|
|
|
5
5
|
import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
|
|
6
6
|
import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
|
|
7
7
|
import { VirtualizedListContext, DEFAULT_ITEM_HEIGHT } from './context.js';
|
|
8
|
-
import { s as styles } from '../virtualized-list-
|
|
8
|
+
import { s as styles } from '../virtualized-list-VL55s-Jm.js';
|
|
9
9
|
|
|
10
10
|
const VirtualizedListWrapperComponent = ({ fixedSize, topPanel, bottomPanel, virtualized = true, measureElement, estimateSize = DEFAULT_ITEM_HEIGHT, children, }, ref) => {
|
|
11
11
|
const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './../index.css';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
-
import { s as styles } from '../virtualized-list-
|
|
4
|
+
import { s as styles } from '../virtualized-list-VL55s-Jm.js';
|
|
5
5
|
|
|
6
6
|
const VirtualizedPanel = ({ stickyTop, stickyBottom, style = 'primary', children }) => {
|
|
7
7
|
return (jsx("div", { className: classnames(styles.panelContainer, styles.topPanel, {
|
package/VirtualizedList/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import 'classnames';
|
|
|
8
8
|
import '@hh.ru/magritte-common-use-multiple-refs';
|
|
9
9
|
import '@hh.ru/magritte-ui-scrollbar';
|
|
10
10
|
import './context.js';
|
|
11
|
-
import '../virtualized-list-
|
|
11
|
+
import '../virtualized-list-VL55s-Jm.js';
|
|
12
12
|
import './useVirtualizedList.js';
|
|
13
13
|
import '@tanstack/react-virtual';
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
package/cell-YFy-_qG_.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
var cellStyles = {"cell":"magritte-cell___9SN-h_4-1-0","space-cell":"magritte-space-cell___FEzuM_4-1-0","spaceCell":"magritte-space-cell___FEzuM_4-1-0","with-width":"magritte-with-width___k5ozd_4-1-0","withWidth":"magritte-with-width___k5ozd_4-1-0","pinned":"magritte-pinned___45ssa_4-1-0","control":"magritte-control___zooF6_4-1-0","no-stretched":"magritte-no-stretched___z49Ns_4-1-0","noStretched":"magritte-no-stretched___z49Ns_4-1-0","sticky":"magritte-sticky___-VZrW_4-1-0","duplicate-table":"magritte-duplicate-table___5UfjM_4-1-0","duplicateTable":"magritte-duplicate-table___5UfjM_4-1-0","cell_m-1":"magritte-cell_m-1___hXvsr_4-1-0","cellM1":"magritte-cell_m-1___hXvsr_4-1-0","cell_m-2":"magritte-cell_m-2___ACrWd_4-1-0","cellM2":"magritte-cell_m-2___ACrWd_4-1-0","cell_m-3":"magritte-cell_m-3___gYLFS_4-1-0","cellM3":"magritte-cell_m-3___gYLFS_4-1-0","cell_m-4":"magritte-cell_m-4___abIIK_4-1-0","cellM4":"magritte-cell_m-4___abIIK_4-1-0","cell_m-5":"magritte-cell_m-5___KnqH6_4-1-0","cellM5":"magritte-cell_m-5___KnqH6_4-1-0","cell_m-6":"magritte-cell_m-6___o95mb_4-1-0","cellM6":"magritte-cell_m-6___o95mb_4-1-0","cell_m-7":"magritte-cell_m-7___DEaIG_4-1-0","cellM7":"magritte-cell_m-7___DEaIG_4-1-0","cell_m-8":"magritte-cell_m-8___TGFI7_4-1-0","cellM8":"magritte-cell_m-8___TGFI7_4-1-0","cell_m-9":"magritte-cell_m-9___yiGBE_4-1-0","cellM9":"magritte-cell_m-9___yiGBE_4-1-0","cell_m-10":"magritte-cell_m-10___tU-P9_4-1-0","cellM10":"magritte-cell_m-10___tU-P9_4-1-0","cell_m-11":"magritte-cell_m-11___Wls8v_4-1-0","cellM11":"magritte-cell_m-11___Wls8v_4-1-0","cell_m-12":"magritte-cell_m-12___QtJUR_4-1-0","cellM12":"magritte-cell_m-12___QtJUR_4-1-0","with-sidebar-from-m":"magritte-with-sidebar-from-m___-CXQh_4-1-0","withSidebarFromM":"magritte-with-sidebar-from-m___-CXQh_4-1-0","cell_l-1":"magritte-cell_l-1___08WTv_4-1-0","cellL1":"magritte-cell_l-1___08WTv_4-1-0","cell_l-2":"magritte-cell_l-2___3Egzi_4-1-0","cellL2":"magritte-cell_l-2___3Egzi_4-1-0","cell_l-3":"magritte-cell_l-3___8CURS_4-1-0","cellL3":"magritte-cell_l-3___8CURS_4-1-0","cell_l-4":"magritte-cell_l-4___4bGq1_4-1-0","cellL4":"magritte-cell_l-4___4bGq1_4-1-0","cell_l-5":"magritte-cell_l-5___2LvKm_4-1-0","cellL5":"magritte-cell_l-5___2LvKm_4-1-0","cell_l-6":"magritte-cell_l-6___ICN-G_4-1-0","cellL6":"magritte-cell_l-6___ICN-G_4-1-0","cell_l-7":"magritte-cell_l-7___1IyZf_4-1-0","cellL7":"magritte-cell_l-7___1IyZf_4-1-0","cell_l-8":"magritte-cell_l-8___KYB-a_4-1-0","cellL8":"magritte-cell_l-8___KYB-a_4-1-0","cell_l-9":"magritte-cell_l-9___CeTym_4-1-0","cellL9":"magritte-cell_l-9___CeTym_4-1-0","cell_l-10":"magritte-cell_l-10___acKEl_4-1-0","cellL10":"magritte-cell_l-10___acKEl_4-1-0","cell_l-11":"magritte-cell_l-11___VKWNT_4-1-0","cellL11":"magritte-cell_l-11___VKWNT_4-1-0","cell_l-12":"magritte-cell_l-12___SHHVR_4-1-0","cellL12":"magritte-cell_l-12___SHHVR_4-1-0","with-sidebar-from-l":"magritte-with-sidebar-from-l___9PLNP_4-1-0","withSidebarFromL":"magritte-with-sidebar-from-l___9PLNP_4-1-0","cell_xl-1":"magritte-cell_xl-1___d-7Mu_4-1-0","cellXl1":"magritte-cell_xl-1___d-7Mu_4-1-0","cell_xl-2":"magritte-cell_xl-2___0v1mr_4-1-0","cellXl2":"magritte-cell_xl-2___0v1mr_4-1-0","cell_xl-3":"magritte-cell_xl-3___dGaO8_4-1-0","cellXl3":"magritte-cell_xl-3___dGaO8_4-1-0","cell_xl-4":"magritte-cell_xl-4___XyiBZ_4-1-0","cellXl4":"magritte-cell_xl-4___XyiBZ_4-1-0","cell_xl-5":"magritte-cell_xl-5___Wzntx_4-1-0","cellXl5":"magritte-cell_xl-5___Wzntx_4-1-0","cell_xl-6":"magritte-cell_xl-6___cppOO_4-1-0","cellXl6":"magritte-cell_xl-6___cppOO_4-1-0","cell_xl-7":"magritte-cell_xl-7___z-rPX_4-1-0","cellXl7":"magritte-cell_xl-7___z-rPX_4-1-0","cell_xl-8":"magritte-cell_xl-8___uYKvC_4-1-0","cellXl8":"magritte-cell_xl-8___uYKvC_4-1-0","cell_xl-9":"magritte-cell_xl-9___Re651_4-1-0","cellXl9":"magritte-cell_xl-9___Re651_4-1-0","cell_xl-10":"magritte-cell_xl-10___-RKb4_4-1-0","cellXl10":"magritte-cell_xl-10___-RKb4_4-1-0","cell_xl-11":"magritte-cell_xl-11___Lmnus_4-1-0","cellXl11":"magritte-cell_xl-11___Lmnus_4-1-0","cell_xl-12":"magritte-cell_xl-12___14HGy_4-1-0","cellXl12":"magritte-cell_xl-12___14HGy_4-1-0","with-sidebar-from-xl":"magritte-with-sidebar-from-xl___mHiwg_4-1-0","withSidebarFromXl":"magritte-with-sidebar-from-xl___mHiwg_4-1-0","cell_xxl-1":"magritte-cell_xxl-1___Jhugp_4-1-0","cellXxl1":"magritte-cell_xxl-1___Jhugp_4-1-0","cell_xxl-2":"magritte-cell_xxl-2___TEKj-_4-1-0","cellXxl2":"magritte-cell_xxl-2___TEKj-_4-1-0","cell_xxl-3":"magritte-cell_xxl-3___V-OWy_4-1-0","cellXxl3":"magritte-cell_xxl-3___V-OWy_4-1-0","cell_xxl-4":"magritte-cell_xxl-4___NDlag_4-1-0","cellXxl4":"magritte-cell_xxl-4___NDlag_4-1-0","cell_xxl-5":"magritte-cell_xxl-5___4caIu_4-1-0","cellXxl5":"magritte-cell_xxl-5___4caIu_4-1-0","cell_xxl-6":"magritte-cell_xxl-6___al5Oz_4-1-0","cellXxl6":"magritte-cell_xxl-6___al5Oz_4-1-0","cell_xxl-7":"magritte-cell_xxl-7___40epc_4-1-0","cellXxl7":"magritte-cell_xxl-7___40epc_4-1-0","cell_xxl-8":"magritte-cell_xxl-8___7jbSF_4-1-0","cellXxl8":"magritte-cell_xxl-8___7jbSF_4-1-0","cell_xxl-9":"magritte-cell_xxl-9___cANRv_4-1-0","cellXxl9":"magritte-cell_xxl-9___cANRv_4-1-0","cell_xxl-10":"magritte-cell_xxl-10___Wxan9_4-1-0","cellXxl10":"magritte-cell_xxl-10___Wxan9_4-1-0","cell_xxl-11":"magritte-cell_xxl-11___tPewy_4-1-0","cellXxl11":"magritte-cell_xxl-11___tPewy_4-1-0","cell_xxl-12":"magritte-cell_xxl-12___AviUH_4-1-0","cellXxl12":"magritte-cell_xxl-12___AviUH_4-1-0","with-sidebar-from-xxl":"magritte-with-sidebar-from-xxl___EMLcq_4-1-0","withSidebarFromXxl":"magritte-with-sidebar-from-xxl___EMLcq_4-1-0","has-scroll-left":"magritte-has-scroll-left___dEeNV_4-1-0","hasScrollLeft":"magritte-has-scroll-left___dEeNV_4-1-0","sticky-left":"magritte-sticky-left___r-bgc_4-1-0","stickyLeft":"magritte-sticky-left___r-bgc_4-1-0","has-scroll-right":"magritte-has-scroll-right___-eu5N_4-1-0","hasScrollRight":"magritte-has-scroll-right___-eu5N_4-1-0","sticky-right":"magritte-sticky-right___-ocur_4-1-0","stickyRight":"magritte-sticky-right___-ocur_4-1-0"};
|
|
3
|
+
|
|
4
|
+
export { cellStyles as c };
|
|
5
|
+
//# sourceMappingURL=cell-YFy-_qG_.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-YFy-_qG_.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|