@alfalab/core-components-table 3.0.0 → 3.1.0-snapshot-92b8690

package/dynamic-mixins/components/tcell/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/tcell/Component.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Устанавливается автоматически и позволяет использовать конфиг для соответствующего индекса\n     */\n    index?: number;\n};\n\nexport const TCell = ({\n    className,\n    style,\n    dataTestId,\n    children,\n    index,\n    ...restProps\n}: TCellProps) => {\n    const { columnsConfiguration, compactView, compactHorizontal } = useContext(TableContext);\n    const column = index === undefined ? null : columnsConfiguration[index];\n    const width = column?.width;\n    const textAlign = column?.textAlign;\n    const hidden = column?.hidden || false;\n\n    if (hidden) return null;\n\n    return (\n        <td\n            className={cn(\n                styles.component,\n                className,\n                compactView && styles.compact,\n                compactHorizontal && styles.compactHorizontal,\n            )}\n            style={{ ...style, width, textAlign }}\n            data-test-id={dataTestId}\n            {...restProps}\n        >\n            {children}\n        </td>\n    );\n};\n"],"names":["index","__rest","useContext","TableContext","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAwBO,IAAM,KAAK,GAAG,UAAC,EAOT,EAAA;AANT,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACRA,OAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAAC,YAAA,CAAA,EAAA,EANM,yDAOrB,CADe;AAEN,IAAA,IAAA,EAA2D,GAAAC,gBAAU,CAACC,kBAAY,CAAC,EAAjF,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,iBAAiB,uBAA6B;AACzF,IAAA,IAAM,MAAM,GAAGH,OAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAACA,OAAK,CAAC;IACvE,IAAM,KAAK,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,KAAK;IAC3B,IAAM,SAAS,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,SAAS;AACnC,IAAA,IAAM,MAAM,GAAG,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,MAAM,KAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACII,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAIA,YAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAIA,YAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,oCAAO,KAAK,CAAA,EAAA,EAAE,KAAK,EAAA,KAAA,EAAE,SAAS,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,EACrB,UAAU,EACpB,EAAA,SAAS,GAEZ,QAAQ,CACR;AAEb;;;;"}

package/dynamic-mixins/components/tcell/index.css

@@ -0,0 +1,37 @@
+:root {
+    --color-light-neutral-400: #d2d3d9;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+} :root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+} .table__component_mpnxs {
+    @mixin paragraph_primary_small;
+
+    color: var(--color-light-text-primary);
+    padding: var(--gap-24) var(--gap-12);
+    height: 72px;
+    border-top: 1px solid var(--color-light-neutral-400);
+    vertical-align: top;
+    box-sizing: border-box
+} .table__component_mpnxs:first-child {
+        padding-left: var(--gap-16);
+    } .table__component_mpnxs:last-child {
+        padding-right: var(--gap-16);
+    } .table__compactHorizontal_mpnxs {
+    padding-left: 6px;
+    padding-right: 6px;
+} .table__compact_mpnxs {
+    padding-top: var(--gap-8);
+    padding-bottom: var(--gap-8);
+
+    max-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}

package/dynamic-mixins/components/tcell/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/components/tcell/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.TCell = Component.TCell;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/tcell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/tcell/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"table__component_mpnxs","compactHorizontal":"table__compactHorizontal_mpnxs","compact":"table__compact_mpnxs"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/tcell/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    @mixin paragraph_primary_small;\n\n    color: var(--color-light-text-primary);\n    padding: var(--gap-24) var(--gap-12);\n    height: 72px;\n    border-top: 1px solid var(--color-light-neutral-400);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n}\n\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n\n.compact {\n    padding-top: var(--gap-8);\n    padding-bottom: var(--gap-8);\n\n    max-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}

package/dynamic-mixins/components/texpandable-row/Component.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode, Ref } from 'react';
+import { TRowProps } from '../trow';
+export declare type TExpandableRowProps = TRowProps & {
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    renderContent: (expanded: boolean) => ReactNode;
+    rowRef?: Ref<HTMLTableRowElement>;
+};
+export declare const TExpandableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    children: React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null> | React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null>[];
+    className?: string | undefined;
+    selected?: boolean | undefined;
+    withoutBorder?: boolean | undefined;
+    dataTestId?: string | undefined;
+} & {
+    defaultExpanded?: boolean | undefined;
+    expanded?: boolean | undefined;
+    onToggle?: ((expanded: boolean) => void) | undefined;
+    renderContent: (expanded: boolean) => ReactNode;
+    rowRef?: React.Ref<HTMLTableRowElement> | undefined;
+} & React.RefAttributes<HTMLTableRowElement>>;

package/dynamic-mixins/components/texpandable-row/Component.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var Component = require('../trow/Component.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var TExpandableRow = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var className = _a.className, selected = _a.selected, expanded = _a.expanded, _d = _a.defaultExpanded, defaultExpanded = _d === void 0 ? false : _d, _e = _a.onToggle, onToggle = _e === void 0 ? function () { return null; } : _e, _f = _a.renderContent, renderContent = _f === void 0 ? function () { return null; } : _f, rowRef = _a.rowRef, restProps = tslib.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent", "rowRef"]);
+    var _g = React.useState(defaultExpanded), expandedState = _g[0], setExpandedState = _g[1];
+    var uncontrolled = expanded === undefined;
+    var isExpanded = (uncontrolled ? expandedState : expanded);
+    var handleToggle = function () {
+        if (uncontrolled) {
+            setExpandedState(!isExpanded);
+        }
+        onToggle(isExpanded);
+    };
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(Component.TRow, tslib.__assign({ className: cn__default.default(index_module.row, className, (_b = {},
+                _b[index_module.selected] = selected,
+                _b[index_module.expanded] = isExpanded,
+                _b)), selected: selected, onClick: handleToggle, ref: rowRef }, restProps)),
+        React__default.default.createElement("tr", { ref: ref, className: cn__default.default(index_module.expandable, (_c = {}, _c[index_module.expanded] = isExpanded, _c)) }, renderContent(isExpanded))));
+});
+TExpandableRow.displayName = 'TExpandableRow';
+
+exports.TExpandableRow = TExpandableRow;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/texpandable-row/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = (uncontrolled ? expandedState : expanded) as boolean;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":["forwardRef","__rest","useState","React","TRow","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;IAmBa,cAAc,GAAGA,gBAAU,CACpC,UACI,EASsB,EACtB,GAAG,EAAA;;IATC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,gBAAqB,EAArB,QAAQ,mBAAG,YAAM,EAAA,OAAA,IAAI,CAAJ,EAAI,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,aAA0B,EAA1B,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,GAAA,GAAA,EAAA,EAC1B,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,SAAS,GAAAC,YAAA,CAAA,EAAA,EARhB,+FASC,CADe;IAIV,IAAA,EAAA,GAAoCC,cAAQ,CAAU,eAAe,CAAC,EAArE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAsC;AAE5E,IAAA,IAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;AAE3C,IAAA,IAAM,UAAU,IAAI,YAAY,GAAG,aAAa,GAAG,QAAQ,CAAY;AAEvE,IAAA,IAAM,YAAY,GAAG,YAAA;AACjB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;QACXA,sBAAC,CAAA,aAAA,CAAAC,cAAI,EACDC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC/B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU;AAC/B,gBAAA,EAAA,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,EACP,SAAS,CACf,CAAA;QAEFJ,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,UAAU,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU,EAAA,EAAA,EAAG,EAC5E,EAAA,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dynamic-mixins/components/texpandable-row/index.css

@@ -0,0 +1,15 @@
+:root {
+    --gap-0: 0px;
+} .table__row_vwlsi {
+    cursor: pointer;
+} .table__selected_vwlsi.table__expanded_vwlsi {
+    background-color: inherit;
+} .table__expanded_vwlsi:hover {
+        background-color: inherit;
+    } .table__expandable_vwlsi td {
+        margin: var(--gap-0);
+        padding-top: var(--gap-0);
+        padding-bottom: var(--gap-0);
+        border: none;
+        height: auto;
+    }

package/dynamic-mixins/components/texpandable-row/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/components/texpandable-row/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.TExpandableRow = Component.TExpandableRow;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/texpandable-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/texpandable-row/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"row":"table__row_vwlsi","selected":"table__selected_vwlsi","expanded":"table__expanded_vwlsi","expandable":"table__expandable_vwlsi"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/texpandable-row/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.row {\n    cursor: pointer;\n}\n\n.selected.expanded {\n    background-color: inherit;\n}\n\n.expanded {\n    &:hover {\n        background-color: inherit;\n    }\n}\n\n.expandable {\n    & td {\n        margin: var(--gap-0);\n        padding-top: var(--gap-0);\n        padding-bottom: var(--gap-0);\n        border: none;\n        height: auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}

package/dynamic-mixins/components/thead/Component.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export declare type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для tr
+     */
+    rowClassName?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const THead: React.FC<THeadProps>;

package/dynamic-mixins/components/thead/Component.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var THead = function (_a) {
+    var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
+    return (React__default.default.createElement("thead", tslib.__assign({ className: cn__default.default(index_module.component, className), "data-test-id": dataTestId }, restProps),
+        React__default.default.createElement("tr", { className: cn__default.default(index_module.row, rowClassName) }, children)));
+};
+
+exports.THead = THead;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/thead/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/thead/Component.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для tr\n     */\n    rowClassName?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const THead: React.FC<THeadProps> = ({\n    className,\n    rowClassName,\n    children,\n    dataTestId,\n    ...restProps\n}) => (\n    <thead className={cn(styles.component, className)} data-test-id={dataTestId} {...restProps}>\n        <tr className={cn(styles.row, rowClassName)}>{children}</tr>\n    </thead>\n);\n"],"names":["__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;AAsBO,IAAM,KAAK,GAAyB,UAAC,EAM3C,EAAA;AALG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EAL4B,uDAM3C,CADe;AACV,IAAA,QACFC,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAO,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,IAAM,SAAS,CAAA;AACtF,QAAAH,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,YAAY,CAAC,EAAG,EAAA,QAAQ,CAAM,CACxD;;;;;"}

package/dynamic-mixins/components/thead/index.css

@@ -0,0 +1,28 @@
+:root {
+    --color-light-neutral-400: #d2d3d9;
+} :root {
+    --gap-xs: 8px;
+    --gap-0: 0px;
+    --gap-8: var(--gap-xs);
+} .table__component_4uin0 {
+    position: relative;
+    width: 100%;
+    box-sizing: border-box
+} .table__component_4uin0 th:not(:last-child):not(:empty):after {
+        transition: opacity 0.2s;
+        position: absolute;
+        content: '';
+        display: block;
+
+        width: 1px;
+        right: var(--gap-0);
+        top: var(--gap-8);
+        bottom: var(--gap-8);
+        background-color: var(--color-light-neutral-400);
+    } .table__component_4uin0 th:after {
+        opacity: 0;
+    } .table__component_4uin0:hover th:after {
+        opacity: 1;
+    } .table__row_4uin0 {
+    height: 72px;
+}

package/dynamic-mixins/components/thead/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/components/thead/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.THead = Component.THead;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/thead/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/thead/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"table__component_4uin0","row":"table__row_4uin0"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/thead/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n\n    & th:not(:last-child):not(:empty):after {\n        transition: opacity 0.2s;\n        position: absolute;\n        content: '';\n        display: block;\n\n        width: 1px;\n        right: var(--gap-0);\n        top: var(--gap-8);\n        bottom: var(--gap-8);\n        background-color: var(--color-light-neutral-400);\n    }\n\n    & th:after {\n        opacity: 0;\n    }\n\n    &:hover th:after {\n        opacity: 1;\n    }\n}\n\n.row {\n    height: 72px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}

package/dynamic-mixins/components/thead-cell/Component.d.ts

@@ -0,0 +1,25 @@
+import React, { ThHTMLAttributes } from 'react';
+import { TextAlignProperty } from '../../typings';
+export declare type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Ширина колонки
+     */
+    width?: string | number;
+    /**
+     * Скрытие колонки
+     */
+    hidden?: boolean;
+    /**
+     * Выравнивание текста в колонке
+     */
+    textAlign?: TextAlignProperty;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;

package/dynamic-mixins/components/thead-cell/Component.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var index = require('../table-context/index.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var THeadCell = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, width = _a.width, textAlign = _a.textAlign, hidden = _a.hidden, restProps = tslib.__rest(_a, ["children", "className", "dataTestId", "style", "width", "textAlign", "hidden"]);
+    var _c = React.useContext(index.TableContext), compactHorizontal = _c.compactHorizontal, stickyHeader = _c.stickyHeader;
+    if (hidden)
+        return null;
+    return (React__default.default.createElement("th", tslib.__assign({ className: cn__default.default(index_module.component, className, compactHorizontal && index_module.compactHorizontal, (_b = {},
+            _b[index_module.stickyHeader] = stickyHeader,
+            _b)), style: tslib.__assign(tslib.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
+};
+
+exports.THeadCell = THeadCell;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/thead-cell/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/thead-cell/Component.tsx"],"sourcesContent":["import React, { ThHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TextAlignProperty } from '../../typings';\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Ширина колонки\n     */\n    width?: string | number;\n\n    /**\n     * Скрытие колонки\n     */\n    hidden?: boolean;\n\n    /**\n     * Выравнивание текста в колонке\n     */\n    textAlign?: TextAlignProperty;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const THeadCell = ({\n    children,\n    className,\n    dataTestId,\n    style,\n    width,\n    textAlign,\n    hidden,\n    ...restProps\n}: THeadCellProps) => {\n    const { compactHorizontal, stickyHeader } = useContext(TableContext);\n\n    if (hidden) return null;\n\n    return (\n        <th\n            className={cn(\n                styles.component,\n                className,\n                compactHorizontal && styles.compactHorizontal,\n                {\n                    [styles.stickyHeader]: stickyHeader,\n                },\n            )}\n            style={{ ...style, width, textAlign }}\n            data-test-id={dataTestId}\n            {...restProps}\n        >\n            {children}\n        </th>\n    );\n};\n"],"names":["__rest","useContext","TableContext","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAmCO,IAAM,SAAS,GAAG,UAAC,EAST,EAAA;;IARb,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,YAAA,EACH,SAAS,GARUA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,QAAA,CASzB,CADe;IAEN,IAAA,EAAA,GAAsCC,gBAAU,CAACC,kBAAY,CAAC,EAA5D,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAA6B;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACIC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAIA,YAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AAEzC,YAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AAE1C,YAAA,EAAA,EAAA,EACD,KAAK,EAAOF,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,KAAK,OAAA,EAAE,SAAS,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,EACrB,UAAU,EACpB,EAAA,SAAS,GAEZ,QAAQ,CACR;AAEb;;;;"}

package/dynamic-mixins/components/thead-cell/index.css

@@ -0,0 +1,45 @@
+:root {
+    --color-light-base-bg-primary: #fff;
+    --color-light-neutral-400: #d2d3d9;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+} :root {
+    --gap-2xs: 4px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-2xl: 32px;
+    --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-32: var(--gap-2xl);
+} .table__component_15peu {
+    @mixin paragraph_caps;
+
+    line-height: 20px;
+    text-align: left;
+    color: var(--color-light-text-primary);
+    padding: var(--gap-32) var(--gap-12) var(--gap-4);
+    border-bottom: 1px solid var(--color-light-neutral-400);
+    background: var(--color-light-base-bg-primary);
+    vertical-align: top;
+    box-sizing: border-box
+} .table__component_15peu:first-child {
+        padding-left: var(--gap-16);
+    } .table__component_15peu:last-child {
+        padding-right: var(--gap-16);
+    } .table__component_15peu:not(.table__stickyHeader_15peu) {
+        position: relative;
+    } .table__sortable_15peu {
+    cursor: pointer;
+} .table__sorted_15peu {
+    color: var(--color-light-text-primary);
+} .table__stickyHeader_15peu {
+    top: var(--gap-0);
+    position: sticky;
+    box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
+    border: none;
+    z-index: 1;
+} .table__compactHorizontal_15peu {
+    padding-left: 6px;
+    padding-right: 6px;
+}

package/dynamic-mixins/components/thead-cell/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/components/thead-cell/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.THeadCell = Component.THeadCell;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/thead-cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/thead-cell/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"table__component_15peu","stickyHeader":"table__stickyHeader_15peu","compactHorizontal":"table__compactHorizontal_15peu"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/thead-cell/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    @mixin paragraph_caps;\n\n    line-height: 20px;\n    text-align: left;\n    color: var(--color-light-text-primary);\n    padding: var(--gap-32) var(--gap-12) var(--gap-4);\n    border-bottom: 1px solid var(--color-light-neutral-400);\n    background: var(--color-light-base-bg-primary);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n\n    &:not(.stickyHeader) {\n        position: relative;\n    }\n}\n\n.sortable {\n    cursor: pointer;\n}\n\n.sorted {\n    color: var(--color-light-text-primary);\n}\n\n.stickyHeader {\n    top: var(--gap-0);\n    position: sticky;\n    box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);\n    border: none;\n    z-index: 1;\n}\n\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}

package/dynamic-mixins/components/trow/Component.d.ts

@@ -0,0 +1,48 @@
+import React, { HTMLAttributes } from 'react';
+import { TCell, TCellProps } from '../tcell';
+declare type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
+export declare type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
+    /**
+     * Компоненты ячеек
+     */
+    children: TCellElement | TCellElement[];
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Стиль выбранной строки
+     */
+    selected?: boolean;
+    /**
+     * Убирает нижнюю границу
+     */
+    withoutBorder?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const TRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    /**
+     * Компоненты ячеек
+     */
+    children: TCellElement | TCellElement[];
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Стиль выбранной строки
+     */
+    selected?: boolean | undefined;
+    /**
+     * Убирает нижнюю границу
+     */
+    withoutBorder?: boolean | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLTableRowElement>>;
+export {};

package/dynamic-mixins/components/trow/Component.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var TRow = React.forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, selected = _a.selected, withoutBorder = _a.withoutBorder, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "className", "selected", "withoutBorder", "dataTestId"]);
+    return (React__default.default.createElement("tr", tslib.__assign({ className: cn__default.default(index_module.component, className, (_b = {},
+            _b[index_module.clickable] = typeof restProps.onClick !== 'undefined',
+            _b[index_module.selected] = selected,
+            _b[index_module.withoutBorder] = withoutBorder,
+            _b)), "data-test-id": dataTestId, ref: ref }, restProps), React__default.default.Children.map(children, function (child, index) { return React__default.default.cloneElement(child, { index: index }); })));
+});
+TRow.displayName = 'TRow';
+
+exports.TRow = TRow;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/trow/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/trow/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { TCell, TCellProps } from '../tcell';\n\nimport styles from './index.module.css';\n\ntype TCellElement = React.ReactElement<TCellProps, typeof TCell>;\n\nexport type TRowProps = HTMLAttributes<HTMLTableRowElement> & {\n    /**\n     * Компоненты ячеек\n     */\n    children: TCellElement | TCellElement[];\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Стиль выбранной строки\n     */\n    selected?: boolean;\n\n    /**\n     * Убирает нижнюю границу\n     */\n    withoutBorder?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const TRow = forwardRef<HTMLTableRowElement, TRowProps>(\n    ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (\n        <tr\n            className={cn(styles.component, className, {\n                [styles.clickable]: typeof restProps.onClick !== 'undefined',\n                [styles.selected]: selected,\n                [styles.withoutBorder]: withoutBorder,\n            })}\n            data-test-id={dataTestId}\n            ref={ref}\n            {...restProps}\n        >\n            {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}\n        </tr>\n    ),\n);\n\nTRow.displayName = 'TRow';\n"],"names":["forwardRef","__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;IAoCa,IAAI,GAAGA,gBAAU,CAC1B,UAAC,EAA0E,EAAE,GAAG,EAAA;;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,oEAA0E,CAAF;IAAY,QACjFC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACrC,EAAC,CAAAA,YAAM,CAAC,SAAS,CAAA,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAACA,YAAM,CAAC,aAAa,CAAA,GAAG,aAAa;AACvC,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EACxB,GAAG,EAAE,GAAG,IACJ,SAAS,CAAA,EAEZH,sBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA,EAAK,OAAAA,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC,CAAA,EAAA,CAAC,CACpF;AACR,CAAA;AAGL,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dynamic-mixins/components/trow/index.css

@@ -0,0 +1,24 @@
+:root {
+    --color-light-base-bg-primary: #fff;
+    --color-light-base-bg-secondary: #f2f3f5;
+} :root {
+    --color-static-graphic-solitude: #e8f2fe;
+} .table__component_8k2sw {
+    padding-top: 1px;
+    width: 100%;
+    transition: background-color 0.2s;
+    box-sizing: border-box;
+    background: var(--color-light-base-bg-primary)
+} .table__component_8k2sw:first-child td {
+        border-top: 0;
+    } .table__withoutBorder_8k2sw td {
+        border: none;
+    } .table__clickable_8k2sw {
+    cursor: pointer
+} .table__clickable_8k2sw:hover {
+        background-color: var(--color-light-base-bg-secondary);
+    } .table__selected_8k2sw {
+    background-color: #f2f8ff
+} .table__selected_8k2sw:hover {
+        background-color: var(--color-static-graphic-solitude);
+    }

package/dynamic-mixins/components/trow/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/components/trow/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.TRow = Component.TRow;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/trow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/trow/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"table__component_8k2sw","withoutBorder":"table__withoutBorder_8k2sw","clickable":"table__clickable_8k2sw","selected":"table__selected_8k2sw"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/trow/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/trow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    padding-top: 1px;\n    width: 100%;\n    transition: background-color 0.2s;\n    box-sizing: border-box;\n    background: var(--color-light-base-bg-primary);\n\n    &:first-child td {\n        border-top: 0;\n    }\n}\n\n.withoutBorder {\n    & td {\n        border: none;\n    }\n}\n\n.clickable {\n    cursor: pointer;\n\n    &:hover {\n        background-color: var(--color-light-base-bg-secondary);\n    }\n}\n\n.selected {\n    background-color: #f2f8ff; /* нет цвета в палитре */\n\n    &:hover {\n        background-color: var(--color-static-graphic-solitude);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,eAAe,CAAC,4BAA4B,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}

package/dynamic-mixins/components/tsortable-head-cell/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { THeadCellProps } from '../thead-cell';
+export declare type TSortableHeadCellProps = THeadCellProps & {
+    isSortedDesc?: boolean;
+    defaultIsSortedDesc?: boolean;
+    onSort?: () => void;
+};
+export declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => React.JSX.Element;