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

package/table/cssm/component.js

@@ -1,24 +1,44 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import { Table as Table$1 } from './components/table/Component.js';
+import { Pagination } from './components/pagination/Component.js';
+import { THead } from './components/thead/Component.js';
+import { THeadCell } from './components/thead-cell/Component.js';
+import { TSortableHeadCell } from './components/tsortable-head-cell/Component.js';
+import { TBody } from './components/tbody/Component.js';
+import { TCell } from './components/tcell/Component.js';
+import { TRow } from './components/trow/Component.js';
+import { TExpandableRow } from './components/texpandable-row/Component.js';
+import 'react';
+import 'classnames';
+import './components/table-context/index.js';
+import './components/table/utils.js';
+import './utils.js';
+import './components/table/index.module.css';
+import '../../pagination/cssm';
+import '../../select/cssm/desktop';
+import './components/pagination/select-field/index.js';
+import '../../button/cssm';
+import './components/pagination/select-field/index.module.css';
+import './components/pagination/index.module.css';
+import './components/thead/index.module.css';
+import './components/thead-cell/index.module.css';
+import './components/tsortable-head-cell/sort-icon-asc.js';
+import './components/tsortable-head-cell/sort-icon-desc.js';
+import './components/tsortable-head-cell/sort-icon-unset.js';
+import './components/tsortable-head-cell/index.module.css';
+import './components/tbody/index.module.css';
+import './components/tcell/index.module.css';
+import './components/trow/index.module.css';
+import './components/texpandable-row/index.module.css';
 
-var components_table_Component = require('./components/table/Component.js');
-var components_pagination_Component = require('./components/pagination/Component.js');
-var components_thead_Component = require('./components/thead/Component.js');
-var components_theadCell_Component = require('./components/thead-cell/Component.js');
-var components_tsortableHeadCell_Component = require('./components/tsortable-head-cell/Component.js');
-var components_tbody_Component = require('./components/tbody/Component.js');
-var components_tcell_Component = require('./components/tcell/Component.js');
-var components_trow_Component = require('./components/trow/Component.js');
-var components_texpandableRow_Component = require('./components/texpandable-row/Component.js');
-
-var Table = Object.assign(components_table_Component.Table, {
-    TBody: components_tbody_Component.TBody,
-    THead: components_thead_Component.THead,
-    THeadCell: components_theadCell_Component.THeadCell,
-    TSortableHeadCell: components_tsortableHeadCell_Component.TSortableHeadCell,
-    TCell: components_tcell_Component.TCell,
-    TRow: components_trow_Component.TRow,
-    TExpandableRow: components_texpandableRow_Component.TExpandableRow,
-    Pagination: components_pagination_Component.Pagination,
+const Table = Object.assign(Table$1, {
+    TBody,
+    THead,
+    THeadCell,
+    TSortableHeadCell,
+    TCell,
+    TRow,
+    TExpandableRow,
+    Pagination,
 });
 
-exports.Table = Table;
+export { Table };

package/table/cssm/components/index.js

@@ -1,23 +1,31 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_table_Component = require('./table/Component.js');
-var components_pagination_Component = require('./pagination/Component.js');
-var components_thead_Component = require('./thead/Component.js');
-var components_theadCell_Component = require('./thead-cell/Component.js');
-var components_tsortableHeadCell_Component = require('./tsortable-head-cell/Component.js');
-var components_tbody_Component = require('./tbody/Component.js');
-var components_tcell_Component = require('./tcell/Component.js');
-var components_trow_Component = require('./trow/Component.js');
-var components_texpandableRow_Component = require('./texpandable-row/Component.js');
-
-
-
-exports.Table = components_table_Component.Table;
-exports.Pagination = components_pagination_Component.Pagination;
-exports.THead = components_thead_Component.THead;
-exports.THeadCell = components_theadCell_Component.THeadCell;
-exports.TSortableHeadCell = components_tsortableHeadCell_Component.TSortableHeadCell;
-exports.TBody = components_tbody_Component.TBody;
-exports.TCell = components_tcell_Component.TCell;
-exports.TRow = components_trow_Component.TRow;
-exports.TExpandableRow = components_texpandableRow_Component.TExpandableRow;
+export { Table } from './table/Component.js';
+export { Pagination } from './pagination/Component.js';
+export { THead } from './thead/Component.js';
+export { THeadCell } from './thead-cell/Component.js';
+export { TSortableHeadCell } from './tsortable-head-cell/Component.js';
+export { TBody } from './tbody/Component.js';
+export { TCell } from './tcell/Component.js';
+export { TRow } from './trow/Component.js';
+export { TExpandableRow } from './texpandable-row/Component.js';
+import 'react';
+import 'classnames';
+import './table-context/index.js';
+import './table/utils.js';
+import '../utils.js';
+import './thead/index.module.css';
+import './table/index.module.css';
+import '../../../pagination/cssm';
+import '../../../select/cssm/desktop';
+import './pagination/select-field/index.js';
+import '../../../button/cssm';
+import './pagination/select-field/index.module.css';
+import './pagination/index.module.css';
+import './thead-cell/index.module.css';
+import './tsortable-head-cell/sort-icon-asc.js';
+import './tsortable-head-cell/sort-icon-desc.js';
+import './tsortable-head-cell/sort-icon-unset.js';
+import './tsortable-head-cell/index.module.css';
+import './tbody/index.module.css';
+import './tcell/index.module.css';
+import './trow/index.module.css';
+import './texpandable-row/index.module.css';

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

@@ -1,46 +1,35 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-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));
+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));
     }, [onPerPageChange]);
-    var handlePageChange = React.useCallback(function (pageIndex) {
+    const handlePageChange = useCallback((pageIndex) => {
         onPageChange(pageIndex);
-        setTimeout(function () {
+        setTimeout(() => {
             if (wrapperRef.current) {
                 wrapperRef.current.scrollIntoView();
             }
         }, 0);
     }, [onPageChange, wrapperRef]);
-    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)))));
+    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 }))));
 };
 
-exports.Pagination = Pagination;
+export { Pagination };

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

@@ -1,7 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_pagination_Component = require('./Component.js');
-
-
-
-exports.Pagination = components_pagination_Component.Pagination;
+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';

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

@@ -1,23 +1,12 @@
-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)));
+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)));
 };
 
-exports.CustomSelectField = CustomSelectField;
+export { CustomSelectField };

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

@@ -1,45 +1,35 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-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]);
+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]);
     /* eslint-disable react/jsx-no-constructed-context-values */
-    return (React__default.default.createElement(components_tableContext_index.TableContext.Provider, { value: {
-            stickyHeader: stickyHeader,
-            columnsConfiguration: columnsConfiguration,
-            compactView: compactView,
-            compactHorizontal: compactHorizontal,
-            wrapperRef: wrapperRef,
+    return (React.createElement(TableContext.Provider, { value: {
+            stickyHeader,
+            columnsConfiguration,
+            compactView,
+            compactHorizontal,
+            wrapperRef,
         } },
-        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),
+        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),
             pagination)));
 });
 
-exports.Table = Table;
+export { Table };

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

@@ -1,7 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_table_Component = require('./Component.js');
-
-
-
-exports.Table = components_table_Component.Table;
+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';

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

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

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

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

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

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

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

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

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

@@ -1,27 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { TableContext } from '../table-context/index.js';
+import styles from './index.module.css';
 
-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;
+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;
     if (hidden)
         return null;
-    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));
+    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));
 };
 
-exports.TCell = TCell;
+export { TCell };

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

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

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

@@ -1,35 +1,25 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+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';
 
-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 () {
+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 = () => {
         if (uncontrolled) {
             setExpandedState(!isExpanded);
         }
         onToggle(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))));
+    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))));
 };
 
-exports.TExpandableRow = TExpandableRow;
+export { TExpandableRow };

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

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

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

@@ -1,20 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
+import styles from './index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var styles = require('./index.module.css');
+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)));
 
-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;
+export { THead };

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

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