@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/table/cssm/components/pagination/Component.js

@@ -1,35 +1,46 @@
-import React, { useContext, useMemo, useCallback } from 'react';
-import cn from 'classnames';
-import { Pagination as Pagination$1 } from '../../../../pagination/cssm';
-import { SelectDesktop } from '../../../../select/cssm/desktop';
-import { TableContext } from '../table-context/index.js';
-import { CustomSelectField } from './select-field/index.js';
-import styles from './index.module.css';
-import '../../../../button/cssm';
-import './select-field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageChange = () => null, hidePerPageSelect = false, pagesCount, onPageChange = () => null, className, dataTestId, ...restPaginationProps }) => {
-    const { wrapperRef } = useContext(TableContext);
-    const options = useMemo(() => Array.from(new Set(possiblePerPage.concat(perPage)))
-        .sort((a, b) => a - b)
-        .map((value) => ({
-        key: value.toString(),
-        content: `Показывать по ${value}`,
-    })), [perPage, possiblePerPage]);
-    const handlePerPageChange = useCallback(({ selected }) => {
-        onPerPageChange(Number(selected?.key));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsPagination = require('../../../../pagination/cssm');
+var desktop = require('../../../../select/cssm/desktop');
+var components_tableContext_index = require('../table-context/index.js');
+var components_pagination_selectField_index = require('./select-field/index.js');
+var styles = require('./index.module.css');
+
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+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(components_tableContext_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]);
-    const handlePageChange = useCallback((pageIndex) => {
+    var handlePageChange = React.useCallback(function (pageIndex) {
         onPageChange(pageIndex);
-        setTimeout(() => {
+        setTimeout(function () {
             if (wrapperRef.current) {
                 wrapperRef.current.scrollIntoView();
             }
         }, 0);
     }, [onPageChange, wrapperRef]);
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        hidePerPageSelect === false && (React.createElement(SelectDesktop, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: CustomSelectField })),
-        pagesCount > 1 && (React.createElement(Pagination$1, { pagesCount: pagesCount, onPageChange: handlePageChange, className: styles.pagination, ...restPaginationProps }))));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.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: styles__default.default.select, optionsListClassName: styles__default.default.menu, optionClassName: styles__default.default.option, Field: components_pagination_selectField_index.CustomSelectField })),
+        pagesCount > 1 && (React__default.default.createElement(coreComponentsPagination.Pagination, tslib.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange, className: styles__default.default.pagination }, restPaginationProps)))));
 };
 
-export { Pagination };
+exports.Pagination = Pagination;

package/table/cssm/components/pagination/index.js

@@ -1,10 +1,7 @@
-export { Pagination } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../pagination/cssm';
-import '../../../../select/cssm/desktop';
-import '../table-context/index.js';
-import './select-field/index.js';
-import '../../../../button/cssm';
-import './select-field/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_pagination_Component = require('./Component.js');
+
+
+
+exports.Pagination = components_pagination_Component.Pagination;

package/table/cssm/components/pagination/select-field/index.js

@@ -1,12 +1,23 @@
-import React from 'react';
-import cn from 'classnames';
-import { Button } from '../../../../../button/cssm';
-import styles from './index.module.css';
-
-const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {
-    const { ref, ...restInnerProps } = innerProps;
-    return (React.createElement("div", { ref: ref },
-        React.createElement(Button, { ...restInnerProps, size: 'xxs', view: 'transparent', className: cn(styles.field, { [styles.open]: open }), rightAddons: Arrow }, selected?.content)));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsButton = require('../../../../../button/cssm');
+var styles = require('./index.module.css');
+
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+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(coreComponentsButton.Button, tslib.__assign({}, restInnerProps, { size: 'xxs', view: 'transparent', className: cn__default.default(styles__default.default.field, (_b = {}, _b[styles__default.default.open] = open, _b)), rightAddons: Arrow }), selected === null || selected === void 0 ? void 0 : selected.content)));
 };
 
-export { CustomSelectField };
+exports.CustomSelectField = CustomSelectField;

package/table/cssm/components/table/Component.js

@@ -1,35 +1,45 @@
-import React, { forwardRef, useRef, useMemo } from 'react';
-import cn from 'classnames';
-import { TableContext } from '../table-context/index.js';
-import { findAllHeadCellsProps } from './utils.js';
-import styles from './index.module.css';
-import '../../utils.js';
-import '../thead/Component.js';
-import '../thead/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Table = forwardRef(({ className, children, compactView = false, compactHorizontal = false, wrapper = true, pagination, dataTestId, stickyHeader = false, ...restProps }, ref) => {
-    const wrapperRef = useRef(null);
-    const columnsConfiguration = useMemo(() => findAllHeadCellsProps(children).map((columnProps, index) => ({
-        width: columnProps.width,
-        textAlign: columnProps.textAlign,
-        hidden: columnProps.hidden,
-        index,
-    })), [children]);
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var components_tableContext_index = require('../table-context/index.js');
+var components_table_utils = require('./utils.js');
+var styles = require('./index.module.css');
+
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+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 components_table_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.createElement(TableContext.Provider, { value: {
-            stickyHeader,
-            columnsConfiguration,
-            compactView,
-            compactHorizontal,
-            wrapperRef,
+    return (React__default.default.createElement(components_tableContext_index.TableContext.Provider, { value: {
+            stickyHeader: stickyHeader,
+            columnsConfiguration: columnsConfiguration,
+            compactView: compactView,
+            compactHorizontal: compactHorizontal,
+            wrapperRef: wrapperRef,
         } },
-        React.createElement("div", { ref: wrapperRef, className: cn(styles.component, className, {
-                [styles.wrapper]: wrapper,
-                [styles.hasPagination]: !!pagination,
-                [styles.stickyHeader]: stickyHeader,
-            }), "data-test-id": dataTestId },
-            React.createElement("table", { ref: ref, className: styles.table, ...restProps }, children),
+        React__default.default.createElement("div", { ref: wrapperRef, className: cn__default.default(styles__default.default.component, className, (_b = {},
+                _b[styles__default.default.wrapper] = wrapper,
+                _b[styles__default.default.hasPagination] = !!pagination,
+                _b[styles__default.default.stickyHeader] = stickyHeader,
+                _b)), "data-test-id": dataTestId },
+            React__default.default.createElement("table", tslib.__assign({ ref: ref, className: styles__default.default.table }, restProps), children),
             pagination)));
 });
 
-export { Table };
+exports.Table = Table;

package/table/cssm/components/table/index.js

@@ -1,9 +1,7 @@
-export { Table } from './Component.js';
-import 'react';
-import 'classnames';
-import '../table-context/index.js';
-import './utils.js';
-import '../../utils.js';
-import '../thead/Component.js';
-import '../thead/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_table_Component = require('./Component.js');
+
+
+
+exports.Table = components_table_Component.Table;

package/table/cssm/components/table/utils.js

@@ -1,14 +1,18 @@
-import React from 'react';
-import { isChildInstanceOf } from '../../utils.js';
-import { THead } from '../thead/Component.js';
-import 'classnames';
-import '../thead/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var utils = require('../../utils.js');
+var components_thead_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) {
-    const result = [];
-    React.Children.forEach(children, (child) => {
-        if (isChildInstanceOf(child, THead)) {
-            React.Children.forEach(child.props.children, (headChild) => {
+    var result = [];
+    React__default.default.Children.forEach(children, function (child) {
+        if (utils.isChildInstanceOf(child, components_thead_Component.THead)) {
+            React__default.default.Children.forEach(child.props.children, function (headChild) {
                 result.push(headChild.props);
             });
         }
@@ -16,4 +20,4 @@ function findAllHeadCellsProps(children) {
     return result;
 }
 
-export { findAllHeadCellsProps };
+exports.findAllHeadCellsProps = findAllHeadCellsProps;

package/table/cssm/components/table-context/index.js

@@ -1,12 +1,19 @@
-import React from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_TABLE_CONTEXT = {
+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 },
 };
-const TableContext = React.createContext(DEFAULT_TABLE_CONTEXT);
+var TableContext = React__default.default.createContext(DEFAULT_TABLE_CONTEXT);
 
-export { DEFAULT_TABLE_CONTEXT, TableContext };
+exports.DEFAULT_TABLE_CONTEXT = DEFAULT_TABLE_CONTEXT;
+exports.TableContext = TableContext;

package/table/cssm/components/tbody/Component.js

@@ -1,7 +1,19 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const TBody = ({ className, children, dataTestId, ...restProps }) => (React.createElement("tbody", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps }, children));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { TBody };
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var TBody = function (_a) {
+    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(styles__default.default.component, className), "data-test-id": dataTestId }, restProps), children));
+};
+
+exports.TBody = TBody;

package/table/cssm/components/tbody/index.js

@@ -1,4 +1,7 @@
-export { TBody } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_tbody_Component = require('./Component.js');
+
+
+
+exports.TBody = components_tbody_Component.TBody;

package/table/cssm/components/tcell/Component.js

@@ -1,17 +1,27 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { TableContext } from '../table-context/index.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {
-    const { columnsConfiguration, compactView, compactHorizontal } = useContext(TableContext);
-    const column = index === undefined ? null : columnsConfiguration[index];
-    const width = column?.width;
-    const textAlign = column?.textAlign;
-    const hidden = column?.hidden || false;
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var components_tableContext_index = require('../table-context/index.js');
+var styles = require('./index.module.css');
+
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var TCell = function (_a) {
+    var className = _a.className, style = _a.style, dataTestId = _a.dataTestId, children = _a.children, index = _a.index, restProps = tslib.__rest(_a, ["className", "style", "dataTestId", "children", "index"]);
+    var _b = React.useContext(components_tableContext_index.TableContext), columnsConfiguration = _b.columnsConfiguration, compactView = _b.compactView, compactHorizontal = _b.compactHorizontal;
+    var column = index === undefined ? null : columnsConfiguration[index];
+    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.createElement("td", { className: cn(styles.component, className, compactView && styles.compact, compactHorizontal && styles.compactHorizontal), style: { ...style, width, textAlign }, "data-test-id": dataTestId, ...restProps }, children));
+    return (React__default.default.createElement("td", tslib.__assign({ className: cn__default.default(styles__default.default.component, className, compactView && styles__default.default.compact, compactHorizontal && styles__default.default.compactHorizontal), style: tslib.__assign(tslib.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
 };
 
-export { TCell };
+exports.TCell = TCell;

package/table/cssm/components/tcell/index.js

@@ -1,5 +1,7 @@
-export { TCell } from './Component.js';
-import 'react';
-import 'classnames';
-import '../table-context/index.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_tcell_Component = require('./Component.js');
+
+
+
+exports.TCell = components_tcell_Component.TCell;

package/table/cssm/components/texpandable-row/Component.js

@@ -1,25 +1,35 @@
-import React, { useState } from 'react';
-import cn from 'classnames';
-import { TRow } from '../trow/Component.js';
-import styles from './index.module.css';
-import '../trow/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {
-    const [expandedState, setExpandedState] = useState(defaultExpanded);
-    const uncontrolled = expanded === undefined;
-    const isExpanded = (uncontrolled ? expandedState : expanded);
-    const handleToggle = () => {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var components_trow_Component = require('../trow/Component.js');
+var styles = require('./index.module.css');
+
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var TExpandableRow = function (_a) {
+    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, restProps = tslib.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent"]);
+    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.createElement(React.Fragment, null,
-        React.createElement(TRow, { className: cn(styles.row, className, {
-                [styles.selected]: selected,
-                [styles.expanded]: isExpanded,
-            }), selected: selected, onClick: handleToggle, ...restProps }),
-        React.createElement("tr", { className: cn(styles.expandable, { [styles.expanded]: isExpanded }) }, renderContent(isExpanded))));
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(components_trow_Component.TRow, tslib.__assign({ className: cn__default.default(styles__default.default.row, className, (_b = {},
+                _b[styles__default.default.selected] = selected,
+                _b[styles__default.default.expanded] = isExpanded,
+                _b)), selected: selected, onClick: handleToggle }, restProps)),
+        React__default.default.createElement("tr", { className: cn__default.default(styles__default.default.expandable, (_c = {}, _c[styles__default.default.expanded] = isExpanded, _c)) }, renderContent(isExpanded))));
 };
 
-export { TExpandableRow };
+exports.TExpandableRow = TExpandableRow;

package/table/cssm/components/texpandable-row/index.js

@@ -1,6 +1,7 @@
-export { TExpandableRow } from './Component.js';
-import 'react';
-import 'classnames';
-import '../trow/Component.js';
-import '../trow/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_texpandableRow_Component = require('./Component.js');
+
+
+
+exports.TExpandableRow = components_texpandableRow_Component.TExpandableRow;

package/table/cssm/components/thead/Component.js

@@ -1,8 +1,20 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => (React.createElement("thead", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps },
-    React.createElement("tr", { className: cn(styles.row, rowClassName) }, children)));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { THead };
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+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(styles__default.default.component, className), "data-test-id": dataTestId }, restProps),
+        React__default.default.createElement("tr", { className: cn__default.default(styles__default.default.row, rowClassName) }, children)));
+};
+
+exports.THead = THead;

package/table/cssm/components/thead/index.js

@@ -1,4 +1,7 @@
-export { THead } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_thead_Component = require('./Component.js');
+
+
+
+exports.THead = components_thead_Component.THead;

package/table/cssm/components/thead-cell/Component.js

@@ -1,15 +1,26 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { TableContext } from '../table-context/index.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const THeadCell = ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }) => {
-    const { compactHorizontal, stickyHeader } = useContext(TableContext);
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var components_tableContext_index = require('../table-context/index.js');
+var styles = require('./index.module.css');
+
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+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(components_tableContext_index.TableContext), compactHorizontal = _c.compactHorizontal, stickyHeader = _c.stickyHeader;
     if (hidden)
         return null;
-    return (React.createElement("th", { className: cn(styles.component, className, compactHorizontal && styles.compactHorizontal, {
-            [styles.stickyHeader]: stickyHeader,
-        }), style: { ...style, width, textAlign }, "data-test-id": dataTestId, ...restProps }, children));
+    return (React__default.default.createElement("th", tslib.__assign({ className: cn__default.default(styles__default.default.component, className, compactHorizontal && styles__default.default.compactHorizontal, (_b = {},
+            _b[styles__default.default.stickyHeader] = stickyHeader,
+            _b)), style: tslib.__assign(tslib.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
 };
 
-export { THeadCell };
+exports.THeadCell = THeadCell;

package/table/cssm/components/thead-cell/index.js

@@ -1,5 +1,7 @@
-export { THeadCell } from './Component.js';
-import 'react';
-import 'classnames';
-import '../table-context/index.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_theadCell_Component = require('./Component.js');
+
+
+
+exports.THeadCell = components_theadCell_Component.THeadCell;

package/table/cssm/components/trow/Component.js

@@ -1,11 +1,24 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {
-        [styles.clickable]: typeof restProps.onClick !== 'undefined',
-        [styles.selected]: selected,
-        [styles.withoutBorder]: withoutBorder,
-    }), "data-test-id": dataTestId, ...restProps }, React.Children.map(children, (child, index) => React.cloneElement(child, { index }))));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { TRow };
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var TRow = function (_a) {
+    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(styles__default.default.component, className, (_b = {},
+            _b[styles__default.default.clickable] = typeof restProps.onClick !== 'undefined',
+            _b[styles__default.default.selected] = selected,
+            _b[styles__default.default.withoutBorder] = withoutBorder,
+            _b)), "data-test-id": dataTestId }, restProps), React__default.default.Children.map(children, function (child, index) { return React__default.default.cloneElement(child, { index: index }); })));
+};
+
+exports.TRow = TRow;

package/table/cssm/components/trow/index.js

@@ -1,4 +1,7 @@
-export { TRow } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_trow_Component = require('./Component.js');
+
+
+
+exports.TRow = components_trow_Component.TRow;