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

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-pagination/dynamic-mixins');
+var desktop = require('@alfalab/core-components-select/dynamic-mixins/desktop');
+var index = require('../table-context/index.js');
+var index$1 = require('./select-field/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 Pagination = function (_a) {
+    var _b = _a.perPage, perPage = _b === void 0 ? 25 : _b, _c = _a.possiblePerPage, possiblePerPage = _c === void 0 ? [25, 50, 100] : _c, _d = _a.onPerPageChange, onPerPageChange = _d === void 0 ? function () { return null; } : _d, _e = _a.hidePerPageSelect, hidePerPageSelect = _e === void 0 ? false : _e, pagesCount = _a.pagesCount, _f = _a.onPageChange, onPageChange = _f === void 0 ? function () { return null; } : _f, className = _a.className, dataTestId = _a.dataTestId, restPaginationProps = tslib.__rest(_a, ["perPage", "possiblePerPage", "onPerPageChange", "hidePerPageSelect", "pagesCount", "onPageChange", "className", "dataTestId"]);
+    var wrapperRef = React.useContext(index.TableContext).wrapperRef;
+    var options = React.useMemo(function () {
+        return Array.from(new Set(possiblePerPage.concat(perPage)))
+            .sort(function (a, b) { return a - b; })
+            .map(function (value) { return ({
+            key: value.toString(),
+            content: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u043F\u043E ".concat(value),
+        }); });
+    }, [perPage, possiblePerPage]);
+    var handlePerPageChange = React.useCallback(function (_a) {
+        var selected = _a.selected;
+        onPerPageChange(Number(selected === null || selected === void 0 ? void 0 : selected.key));
+    }, [onPerPageChange]);
+    var handlePageChange = React.useCallback(function (pageIndex) {
+        onPageChange(pageIndex);
+        setTimeout(function () {
+            if (wrapperRef.current) {
+                wrapperRef.current.scrollIntoView();
+            }
+        }, 0);
+    }, [onPageChange, wrapperRef]);
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, className), "data-test-id": dataTestId },
+        hidePerPageSelect === false && (React__default.default.createElement(desktop.SelectDesktop, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: index_module.select, optionsListClassName: index_module.menu, optionClassName: index_module.option, Field: index$1.CustomSelectField })),
+        pagesCount > 1 && (React__default.default.createElement(dynamicMixins.Pagination, tslib.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange, className: index_module.pagination }, restPaginationProps)))));
+};
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n    Pagination as CorePagination,\n    PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n    /**\n     * Количество строк на страницу\n     */\n    perPage?: number;\n\n    /**\n     * Возможные варианты разбивки\n     */\n    possiblePerPage?: number[];\n\n    /**\n     * Обработчик переключения perPage\n     */\n    onPerPageChange?: (perPage: number) => void;\n\n    /**\n     * Скрывает переключатель количества строк на страницу\n     */\n    hidePerPageSelect?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n    perPage = 25,\n    possiblePerPage = [25, 50, 100],\n    onPerPageChange = () => null,\n    hidePerPageSelect = false,\n    pagesCount,\n    onPageChange = () => null,\n    className,\n    dataTestId,\n    ...restPaginationProps\n}) => {\n    const { wrapperRef } = useContext(TableContext);\n\n    const options = useMemo(\n        () =>\n            Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n                .sort((a, b) => a - b)\n                .map((value) => ({\n                    key: value.toString(),\n                    content: `Показывать по ${value}`,\n                })),\n        [perPage, possiblePerPage],\n    );\n\n    const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n        ({ selected }: BaseSelectChangePayload) => {\n            onPerPageChange(Number(selected?.key));\n        },\n        [onPerPageChange],\n    );\n\n    const handlePageChange = useCallback(\n        (pageIndex: number) => {\n            onPageChange(pageIndex);\n\n            setTimeout(() => {\n                if (wrapperRef.current) {\n                    wrapperRef.current.scrollIntoView();\n                }\n            }, 0);\n        },\n        [onPageChange, wrapperRef],\n    );\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            {hidePerPageSelect === false && (\n                <SelectDesktop\n                    options={options}\n                    selected={perPage.toString()}\n                    onChange={handlePerPageChange}\n                    preventFlip={false}\n                    size='s'\n                    className={styles.select}\n                    optionsListClassName={styles.menu}\n                    optionClassName={styles.option}\n                    Field={CustomSelectField}\n                />\n            )}\n\n            {pagesCount > 1 && (\n                <CorePagination\n                    pagesCount={pagesCount}\n                    onPageChange={handlePageChange}\n                    className={styles.pagination}\n                    {...restPaginationProps}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["__rest","useContext","TableContext","useMemo","useCallback","React","cn","styles","SelectDesktop","CustomSelectField","CorePagination","__assign"],"mappings":"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"}

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

@@ -0,0 +1,42 @@
+:root {
+    --color-light-neutral-400: #d2d3d9;
+} :root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+    --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+} .table__component_1ugvb {
+    position: sticky;
+    left: var(--gap-0);
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    width: 100%;
+    padding: var(--gap-24) var(--gap-16) var(--gap-32);
+    border-top: 1px solid var(--color-light-neutral-400);
+    box-sizing: border-box;
+} .table__pagesWrapper_1ugvb {
+    display: flex;
+} .table__tag_1ugvb.table__tag_1ugvb {
+    flex-shrink: 0;
+    margin-right: var(--gap-8);
+    padding: var(--gap-0) var(--gap-8);
+    min-width: 32px
+} .table__tag_1ugvb.table__tag_1ugvb:last-child {
+        margin-right: var(--gap-0);
+    } .table__tag_1ugvb.table__tag_1ugvb.table__tagActive_1ugvb {
+        cursor: default;
+    } .table__pagination_1ugvb {
+    margin-left: auto;
+} .table__menu_1ugvb {
+    margin: var(--gap-4) var(--gap-0);
+} .table__option_1ugvb {
+    min-width: 208px;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"table__component_1ugvb","pagination":"table__pagination_1ugvb","menu":"table__menu_1ugvb","option":"table__option_1ugvb"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    position: sticky;\n    left: var(--gap-0);\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    padding: var(--gap-24) var(--gap-16) var(--gap-32);\n    border-top: 1px solid var(--color-light-neutral-400);\n    box-sizing: border-box;\n}\n\n.pagesWrapper {\n    display: flex;\n}\n\n.tag.tag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n    padding: var(--gap-0) var(--gap-8);\n    min-width: 32px;\n\n    &:last-child {\n        margin-right: var(--gap-0);\n    }\n\n    &.tagActive {\n        cursor: default;\n    }\n}\n\n.pagination {\n    margin-left: auto;\n}\n\n.menu {\n    margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n    min-width: 208px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/dynamic-mixins/components/pagination/select-field/index.css

@@ -0,0 +1,9 @@
+:root {
+    --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
+} .table__field_1d0wy svg {
+        width: 18px;
+        height: 18px;
+    } .table__open_1d0wy,
+.table__open_1d0wy:hover {
+    background-color: var(--color-light-neutral-translucent-200-hover);
+}

package/dynamic-mixins/components/pagination/select-field/index.d.ts

@@ -0,0 +1,2 @@
+import { SelectProps } from '@alfalab/core-components-select';
+export declare const CustomSelectField: SelectProps['Field'];

package/dynamic-mixins/components/pagination/select-field/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-button/dynamic-mixins');
+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 CustomSelectField = function (_a) {
+    var _b;
+    var selected = _a.selected, innerProps = _a.innerProps, Arrow = _a.Arrow, open = _a.open;
+    var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
+    return (React__default.default.createElement("div", { ref: ref },
+        React__default.default.createElement(dynamicMixins.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'transparent', className: cn__default.default(index_module.field, (_b = {}, _b[index_module.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
+};
+
+exports.CustomSelectField = CustomSelectField;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/pagination/select-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/pagination/select-field/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '@alfalab/core-components-button';\nimport { SelectProps } from '@alfalab/core-components-select';\n\nimport styles from './index.module.css';\n\nexport const CustomSelectField: SelectProps['Field'] = ({ selected, innerProps, Arrow, open }) => {\n    const { ref, ...restInnerProps } = innerProps;\n\n    return (\n        <div ref={ref}>\n            <Button\n                {...(restInnerProps as ButtonProps)}\n                size='xxs'\n                view='transparent'\n                className={cn(styles.field, { [styles.open]: open })}\n                rightAddons={Arrow}\n            >\n                {selected?.content}\n            </Button>\n        </div>\n    );\n};\n"],"names":["__rest","React","Button","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,iBAAiB,GAAyB,UAAC,EAAqC,EAAA;;QAAnC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;IAC/E,IAAA,GAAG,GAAwB,UAAU,CAAlC,GAAA,EAAK,cAAc,GAAAA,YAAA,CAAK,UAAU,EAAvC,CAA0B,KAAA,CAAA,CAAF;AAE9B,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAAA,sBAAA,CAAA,aAAA,CAACC,oBAAM,EACEC,cAAA,CAAA,EAAA,EAAA,cAA8B,IACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,KAAK,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,IAAI,CAAG,GAAA,IAAI,MAAG,EACpD,WAAW,EAAE,KAAK,EAAA,CAAA,EAEjB,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CACb,CACP;AAEd;;;;"}

package/dynamic-mixins/components/pagination/select-field/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"field":"table__field_1d0wy","open":"table__open_1d0wy"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/pagination/select-field/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.field {\n    & svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n.open,\n.open:hover {\n    background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}

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

@@ -0,0 +1,69 @@
+import React, { ReactNode, TableHTMLAttributes } from 'react';
+export declare type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+    /**
+     * Компактный вид
+     */
+    compactView?: boolean;
+    /**
+     * Уменьшение горизонтальных паддингов
+     */
+    compactHorizontal?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дочерние компоненты
+     */
+    children: React.ReactElement | React.ReactElement[];
+    /**
+     * Оборачивает таблицу в стилизованный контейнер
+     */
+    wrapper?: boolean;
+    /**
+     * Слот для пагинации
+     */
+    pagination?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Если true то заголовок будет фиксироваться при скроле
+     */
+    stickyHeader?: boolean;
+};
+export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & {
+    /**
+     * Компактный вид
+     */
+    compactView?: boolean | undefined;
+    /**
+     * Уменьшение горизонтальных паддингов
+     */
+    compactHorizontal?: boolean | undefined;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дочерние компоненты
+     */
+    children: React.ReactElement | React.ReactElement[];
+    /**
+     * Оборачивает таблицу в стилизованный контейнер
+     */
+    wrapper?: boolean | undefined;
+    /**
+     * Слот для пагинации
+     */
+    pagination?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Если true то заголовок будет фиксироваться при скроле
+     */
+    stickyHeader?: boolean | undefined;
+} & React.RefAttributes<HTMLTableElement>>;

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

@@ -0,0 +1,47 @@
+'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 utils = require('./utils.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 Table = React.forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.compactView, compactView = _c === void 0 ? false : _c, _d = _a.compactHorizontal, compactHorizontal = _d === void 0 ? false : _d, _e = _a.wrapper, wrapper = _e === void 0 ? true : _e, pagination = _a.pagination, dataTestId = _a.dataTestId, _f = _a.stickyHeader, stickyHeader = _f === void 0 ? false : _f, restProps = tslib.__rest(_a, ["className", "children", "compactView", "compactHorizontal", "wrapper", "pagination", "dataTestId", "stickyHeader"]);
+    var wrapperRef = React.useRef(null);
+    var columnsConfiguration = React.useMemo(function () {
+        return utils.findAllHeadCellsProps(children).map(function (columnProps, index) { return ({
+            width: columnProps.width,
+            textAlign: columnProps.textAlign,
+            hidden: columnProps.hidden,
+            index: index,
+        }); });
+    }, [children]);
+    /* eslint-disable react/jsx-no-constructed-context-values */
+    return (React__default.default.createElement(index.TableContext.Provider, { value: {
+            stickyHeader: stickyHeader,
+            columnsConfiguration: columnsConfiguration,
+            compactView: compactView,
+            compactHorizontal: compactHorizontal,
+            wrapperRef: wrapperRef,
+        } },
+        React__default.default.createElement("div", { ref: wrapperRef, className: cn__default.default(index_module.component, className, (_b = {},
+                _b[index_module.wrapper] = wrapper,
+                _b[index_module.hasPagination] = !!pagination,
+                _b[index_module.stickyHeader] = stickyHeader,
+                _b)), "data-test-id": dataTestId },
+            React__default.default.createElement("table", tslib.__assign({ ref: ref, className: index_module.table }, restProps), children),
+            pagination)));
+});
+
+exports.Table = Table;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/table/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, TableHTMLAttributes, useMemo, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { ColumnConfiguration, TableContext } from '../table-context';\n\nimport { findAllHeadCellsProps } from './utils';\n\nimport styles from './index.module.css';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement> & {\n    /**\n     * Компактный вид\n     */\n    compactView?: boolean;\n\n    /**\n     * Уменьшение горизонтальных паддингов\n     */\n    compactHorizontal?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дочерние компоненты\n     */\n    children: React.ReactElement | React.ReactElement[];\n\n    /**\n     * Оборачивает таблицу в стилизованный контейнер\n     */\n    wrapper?: boolean;\n\n    /**\n     * Слот для пагинации\n     */\n    pagination?: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Если true то заголовок будет фиксироваться при скроле\n     */\n    stickyHeader?: boolean;\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n    (\n        {\n            className,\n            children,\n            compactView = false,\n            compactHorizontal = false,\n            wrapper = true,\n            pagination,\n            dataTestId,\n            stickyHeader = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const wrapperRef = useRef<HTMLDivElement>(null);\n\n        const columnsConfiguration: ColumnConfiguration[] = useMemo(\n            () =>\n                findAllHeadCellsProps(children).map((columnProps, index) => ({\n                    width: columnProps.width,\n                    textAlign: columnProps.textAlign,\n                    hidden: columnProps.hidden,\n                    index,\n                })),\n            [children],\n        );\n\n        /* eslint-disable react/jsx-no-constructed-context-values */\n        return (\n            <TableContext.Provider\n                value={{\n                    stickyHeader,\n                    columnsConfiguration,\n                    compactView,\n                    compactHorizontal,\n                    wrapperRef,\n                }}\n            >\n                <div\n                    ref={wrapperRef}\n                    className={cn(styles.component, className, {\n                        [styles.wrapper]: wrapper,\n                        [styles.hasPagination]: !!pagination,\n                        [styles.stickyHeader]: stickyHeader,\n                    })}\n                    data-test-id={dataTestId}\n                >\n                    <table ref={ref} className={styles.table} {...restProps}>\n                        {children}\n                    </table>\n\n                    {pagination}\n                </div>\n            </TableContext.Provider>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useRef","useMemo","findAllHeadCellsProps","React","TableContext","cn","styles","__assign"],"mappings":";;;;;;;;;;;;;;;;IAmDa,KAAK,GAAGA,gBAAU,CAC3B,UACI,EAUC,EACD,GAAG,EAAA;;AAVC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,GAAA,EAAA,EACnB,EAAyB,GAAA,EAAA,CAAA,iBAAA,EAAzB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACzB,EAAA,GAAA,EAAA,CAAA,OAAc,EAAd,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACd,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,oBAAoB,EAApB,YAAY,mBAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,oHAUC,CADe;AAIhB,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAE/C,IAAM,oBAAoB,GAA0BC,aAAO,CACvD,YAAA;AACI,QAAA,OAAAC,2BAAqB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK,EAAA,EAAK,QAAC;YACzD,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,SAAS,EAAE,WAAW,CAAC,SAAS;YAChC,MAAM,EAAE,WAAW,CAAC,MAAM;AAC1B,YAAA,KAAK,EAAA,KAAA;SACR,EAAC,EAAA,CAAC;AALH,KAKG,EACP,CAAC,QAAQ,CAAC,CACb;;AAGD,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,kBAAY,CAAC,QAAQ,EAAA,EAClB,KAAK,EAAE;AACH,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,oBAAoB,EAAA,oBAAA;AACpB,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,iBAAiB,EAAA,iBAAA;AACjB,YAAA,UAAU,EAAA,UAAA;AACb,SAAA,EAAA;AAED,QAAAD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,gBAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,OAAO;AACzB,gBAAA,EAAA,CAACA,YAAM,CAAC,aAAa,CAAG,GAAA,CAAC,CAAC,UAAU;AACpC,gBAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AACrC,gBAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA;AAExB,YAAAH,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAAI,cAAA,CAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA,EAAM,SAAS,CAAA,EAClD,QAAQ,CACL;YAEP,UAAU,CACT,CACc;AAEhC,CAAC;;;;"}

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

@@ -0,0 +1,30 @@
+:root {
+    --color-light-base-bg-primary: #fff;
+} :root {
+    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+} :root {
+    --border-radius-m: 8px;
+    --border-radius-8: var(--border-radius-m);
+} :root {
+    --gap-m: 16px;
+    --gap-0: 0px;
+    --gap-16: var(--gap-m);
+} .table__component_7jaq6 {
+    box-sizing: border-box;
+} .table__wrapper_7jaq6 {
+    padding: var(--gap-0) var(--gap-16) var(--gap-16);
+    background: var(--color-light-base-bg-primary);
+    box-shadow: var(--shadow-xs-hard);
+    border-radius: var(--border-radius-8);
+    overflow: auto;
+} .table__stickyHeader_7jaq6 {
+    max-height: 100%;
+} .table__hasPagination_7jaq6 {
+    padding-bottom: var(--gap-0);
+} .table__table_7jaq6 {
+    width: 100%;
+    border-collapse: collapse;
+    box-sizing: border-box
+} .table__table_7jaq6 td:first-child label > *[class^='box'], .table__table_7jaq6 th:first-child label > *[class^='box'] {
+            margin-top: var(--gap-0);
+        }

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"table__component_7jaq6","wrapper":"table__wrapper_7jaq6","stickyHeader":"table__stickyHeader_7jaq6","hasPagination":"table__hasPagination_7jaq6","table":"table__table_7jaq6"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    box-sizing: border-box;\n}\n\n.wrapper {\n    padding: var(--gap-0) var(--gap-16) var(--gap-16);\n    background: var(--color-light-base-bg-primary);\n    box-shadow: var(--shadow-xs-hard);\n    border-radius: var(--border-radius-8);\n    overflow: auto;\n}\n\n.stickyHeader {\n    max-height: 100%;\n}\n\n.hasPagination {\n    padding-bottom: var(--gap-0);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    box-sizing: border-box;\n\n    /* TODO: Хак для выравнивания чекбокса */\n    & td:first-child,\n    & th:first-child {\n        & label > *[class^='box'] {\n            margin-top: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}

package/dynamic-mixins/components/table/utils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { THeadCellProps } from '../thead-cell';
+export declare function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]): THeadCellProps[];

package/dynamic-mixins/components/table/utils.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var utils = require('../../utils.js');
+var Component = require('../thead/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+function findAllHeadCellsProps(children) {
+    var result = [];
+    React__default.default.Children.forEach(children, function (child) {
+        if (utils.isChildInstanceOf(child, Component.THead)) {
+            React__default.default.Children.forEach(child.props.children, function (headChild) {
+                result.push(headChild.props);
+            });
+        }
+    });
+    return result;
+}
+
+exports.findAllHeadCellsProps = findAllHeadCellsProps;
+//# sourceMappingURL=utils.js.map

package/dynamic-mixins/components/table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":["React","isChildInstanceOf","THead"],"mappings":";;;;;;;;;;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnCA,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAIC,uBAAiB,CAAC,KAAK,EAAEC,eAAK,CAAC,EAAE;AACjC,YAAAF,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAC,SAAS,EAAA;AACnD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}

package/dynamic-mixins/components/table-context/index.d.ts

@@ -0,0 +1,17 @@
+import React, { RefObject } from 'react';
+import { TextAlignProperty } from '../../typings';
+export declare type ColumnConfiguration = {
+    width?: string | number;
+    textAlign?: TextAlignProperty;
+    hidden?: boolean;
+    index: number;
+};
+export declare type TableContextType = {
+    columnsConfiguration: ColumnConfiguration[];
+    stickyHeader: boolean;
+    compactView: boolean;
+    compactHorizontal: boolean;
+    wrapperRef: RefObject<HTMLDivElement>;
+};
+export declare const DEFAULT_TABLE_CONTEXT: TableContextType;
+export declare const TableContext: React.Context<TableContextType>;

package/dynamic-mixins/components/table-context/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var DEFAULT_TABLE_CONTEXT = {
+    columnsConfiguration: [],
+    compactView: false,
+    stickyHeader: false,
+    compactHorizontal: false,
+    wrapperRef: { current: null },
+};
+var TableContext = React__default.default.createContext(DEFAULT_TABLE_CONTEXT);
+
+exports.DEFAULT_TABLE_CONTEXT = DEFAULT_TABLE_CONTEXT;
+exports.TableContext = TableContext;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/table-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/table-context/index.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\n\nimport { TextAlignProperty } from '../../typings';\n\nexport type ColumnConfiguration = {\n    width?: string | number;\n    textAlign?: TextAlignProperty;\n    hidden?: boolean;\n    index: number;\n};\n\nexport type TableContextType = {\n    columnsConfiguration: ColumnConfiguration[];\n    stickyHeader: boolean;\n    compactView: boolean;\n    compactHorizontal: boolean;\n    wrapperRef: RefObject<HTMLDivElement>;\n};\n\nexport const DEFAULT_TABLE_CONTEXT: TableContextType = {\n    columnsConfiguration: [],\n    compactView: false,\n    stickyHeader: false,\n    compactHorizontal: false,\n    wrapperRef: { current: null },\n};\n\nexport const TableContext = React.createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);\n"],"names":["React"],"mappings":";;;;;;;;;;AAmBa,IAAA,qBAAqB,GAAqB;AACnD,IAAA,oBAAoB,EAAE,EAAE;AACxB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;;AAGpB,IAAA,YAAY,GAAGA,sBAAK,CAAC,aAAa,CAAmB,qBAAqB;;;;;"}

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

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

package/dynamic-mixins/components/tbody/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 TBody = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "children", "dataTestId"]);
+    return (React__default.default.createElement("tbody", tslib.__assign({ className: cn__default.default(index_module.component, className), "data-test-id": dataTestId, ref: ref }, restProps), children));
+});
+TBody.displayName = 'TBody';
+
+exports.TBody = TBody;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/tbody/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const TBody = forwardRef<HTMLTableSectionElement, TBodyProps>(\n    ({ className, children, dataTestId, ...restProps }, ref) => (\n        <tbody\n            className={cn(styles.component, className)}\n            data-test-id={dataTestId}\n            ref={ref}\n            {...restProps}\n        >\n            {children}\n        </tbody>\n    ),\n);\n\nTBody.displayName = 'TBody';\n"],"names":["forwardRef","__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;IAiBa,KAAK,GAAGA,gBAAU,CAC3B,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAA/CC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,YAAA,CAAiD,CAAF;IAAY,QACxDC,sBACI,CAAA,aAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAC5B,UAAU,EACxB,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,CAEZ,EAAA,QAAQ,CACL;AACX,CAAA;AAGL,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,4 @@
+.table__component_w3eka {
+    width: 100%;
+    box-sizing: border-box;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    width: 100%;\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

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

@@ -0,0 +1,16 @@
+import React, { TdHTMLAttributes } from 'react';
+export declare type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Устанавливается автоматически и позволяет использовать конфиг для соответствующего индекса
+     */
+    index?: number;
+};
+export declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => React.JSX.Element | null;

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

@@ -0,0 +1,29 @@
+'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 TCell = function (_a) {
+    var className = _a.className, style = _a.style, dataTestId = _a.dataTestId, children = _a.children, index$1 = _a.index, restProps = tslib.__rest(_a, ["className", "style", "dataTestId", "children", "index"]);
+    var _b = React.useContext(index.TableContext), columnsConfiguration = _b.columnsConfiguration, compactView = _b.compactView, compactHorizontal = _b.compactHorizontal;
+    var column = index$1 === undefined ? null : columnsConfiguration[index$1];
+    var width = column === null || column === void 0 ? void 0 : column.width;
+    var textAlign = column === null || column === void 0 ? void 0 : column.textAlign;
+    var hidden = (column === null || column === void 0 ? void 0 : column.hidden) || false;
+    if (hidden)
+        return null;
+    return (React__default.default.createElement("td", tslib.__assign({ className: cn__default.default(index_module.component, className, compactView && index_module.compact, compactHorizontal && index_module.compactHorizontal), style: tslib.__assign(tslib.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
+};
+
+exports.TCell = TCell;
+//# sourceMappingURL=Component.js.map