@rio-cloud/rio-uikit 1.6.0 → 1.7.0

package/components/states/ErrorState.js

@@ -1,10 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import CustomState from './CustomState';
 const ErrorState = (props) => {
-    const { icon = 'rioglyph-truck-breakdown' } = props, remainingProps = __rest(props, ["icon"]);
-    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-truck-breakdown', ...remainingProps } = props;
+    return _jsx(CustomState, { icon: icon, ...remainingProps });
 };
 export default ErrorState;

package/components/states/ForbiddenState.js

@@ -1,10 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import CustomState from './CustomState';
 const ForbiddenState = (props) => {
-    const { icon = 'rioglyph-ban-circle' } = props, remainingProps = __rest(props, ["icon"]);
-    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-ban-circle', ...remainingProps } = props;
+    return _jsx(CustomState, { icon: icon, ...remainingProps });
 };
 export default ForbiddenState;

package/components/states/MaintenanceState.js

@@ -1,10 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import CustomState from './CustomState';
 const MaintenanceState = (props) => {
-    const { icon = 'rioglyph-wrench' } = props, remainingProps = __rest(props, ["icon"]);
-    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-wrench', ...remainingProps } = props;
+    return _jsx(CustomState, { icon: icon, ...remainingProps });
 };
 export default MaintenanceState;

package/components/states/NotBookedState.js

@@ -1,13 +1,10 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import isArray from 'lodash/fp/isArray';
 import isEmpty from 'lodash/fp/isEmpty';
 import CustomState from './CustomState';
 const NotBookedState = (props) => {
-    const { message, features, icon = 'rioglyph-stars' } = props, remainingProps = __rest(props, ["message", "features", "icon"]);
-    const combinedMessages = (_jsxs(_Fragment, { children: [message && _jsx("div", Object.assign({ className: 'text-medium margin-bottom-20' }, { children: message })), features && isArray(features) && !isEmpty(features) && (_jsx("ul", Object.assign({ className: 'feature-list' }, { children: features.map((feature, index) => (_jsx("li", { children: feature }, index))) })))] }));
-    return _jsx(CustomState, Object.assign({ message: combinedMessages, icon: icon }, remainingProps));
+    const { message, features, icon = 'rioglyph-stars', ...remainingProps } = props;
+    const combinedMessages = (_jsxs(_Fragment, { children: [message && _jsx("div", { className: 'text-medium margin-bottom-20', children: message }), features && isArray(features) && !isEmpty(features) && (_jsx("ul", { className: 'feature-list icon-list margin-x-10pct-ls margin-y-10 text-size-12 text-size-14-sm', id: 'features', children: features.map((feature, index) => (_jsxs("li", { className: 'padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left', children: [_jsx("span", { className: 'rioglyph rioglyph-ok text-color-primary' }), _jsx("span", { className: 'text-color-darker', children: feature })] }, index))) }))] }));
+    return (_jsx(CustomState, { message: combinedMessages, icons: [{ name: icon, color: 'text-color-primary' }], ...remainingProps }));
 };
 export default NotBookedState;

package/components/states/NotFoundState.js

@@ -1,10 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import CustomState from './CustomState';
 const NotFoundState = (props) => {
-    const { icon = 'rioglyph-looking-glass-man' } = props, remainingProps = __rest(props, ["icon"]);
-    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-looking-glass-man', ...remainingProps } = props;
+    return _jsx(CustomState, { icon: icon, ...remainingProps });
 };
 export default NotFoundState;

package/components/states/StateButton.js

@@ -1,14 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 const StateButton = (props) => {
     const { text, bsStyle = 'primary', className, onClick = () => { }, href } = props;
     // In case a href is given, render a link instead
     if (href) {
-        return (_jsx("a", Object.assign({ className: classNames('margin-top-15', className), href: href, onClick: onClick }, { children: text })));
+        return (_jsx("a", { className: classNames('margin-top-15', className), href: href, onClick: onClick, children: text }));
     }
     const buttonClassNames = classNames('btn', 'margin-top-10', `btn-${bsStyle}`, className);
-    return (_jsx("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
+    return (_jsx("button", { className: buttonClassNames, type: 'button', onClick: onClick, children: text }));
 };
 export default StateButton;

package/components/states/StateIcon.js

@@ -1,4 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'react';
 const StateIcon = ({ name, color = 'text-color-light', className = 'text-size-300pct' }) => (_jsx("span", { className: `rioglyph ${name} ${color} ${className}` }));
 export default StateIcon;

package/components/statsWidget/StatsWidget.d.ts

@@ -1,4 +1,4 @@
-import React, { type MouseEventHandler, type PropsWithChildren } from 'react';
+import { type MouseEventHandler, type PropsWithChildren } from 'react';
 import { type StatsWidgetHeaderProps } from './StatsWidgetHeader';
 import { type StatsWidgetBodyProps } from './StatsWidgetBody';
 import { type StatsWidgetFooterProps } from './StatsWidgetFooter';
@@ -19,8 +19,8 @@ export type StatsWidgetProps = {
 export type { StatsWidgetHeaderProps, StatsWidgetBodyProps, StatsWidgetFooterProps };
 declare const StatsWidget: {
     (props: PropsWithChildren<StatsWidgetProps>): import("react/jsx-runtime").JSX.Element;
-    Header: (props: React.PropsWithChildren<StatsWidgetHeaderProps>) => import("react/jsx-runtime").JSX.Element;
-    Body: (props: React.PropsWithChildren<StatsWidgetBodyProps>) => import("react/jsx-runtime").JSX.Element;
-    Footer: (props: React.PropsWithChildren<StatsWidgetFooterProps>) => import("react/jsx-runtime").JSX.Element;
+    Header: (props: PropsWithChildren<StatsWidgetHeaderProps>) => import("react/jsx-runtime").JSX.Element;
+    Body: (props: PropsWithChildren<StatsWidgetBodyProps>) => import("react/jsx-runtime").JSX.Element;
+    Footer: (props: PropsWithChildren<StatsWidgetFooterProps>) => import("react/jsx-runtime").JSX.Element;
 };
 export default StatsWidget;

package/components/statsWidget/StatsWidget.js

@@ -1,17 +1,14 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 import StatsWidgetHeader from './StatsWidgetHeader';
 import StatsWidgetBody from './StatsWidgetBody';
 import StatsWidgetFooter from './StatsWidgetFooter';
 const StatsWidget = (props) => {
-    const { children, hasFilter = false, onFilterReset = () => { }, className } = props, remainingProps = __rest(props, ["children", "hasFilter", "onFilterReset", "className"]);
+    const { children, hasFilter = false, onFilterReset = () => { }, className, ...remainingProps } = props;
     const wrapperClasses = classNames('StatsWidget', className);
-    return (_jsxs("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [hasFilter && (_jsx("span", Object.assign({ className: 'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +
+    return (_jsxs("div", { ...remainingProps, className: wrapperClasses, children: [hasFilter && (_jsx("span", { className: 'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +
                     ' rounded-circle position-absolute top-15 right-15 display-block height-20 width-20' +
-                    ' cursor-pointer', onClick: onFilterReset }, { children: _jsx("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) }))), children] })));
+                    ' cursor-pointer', onClick: onFilterReset, children: _jsx("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) })), children] }));
 };
 StatsWidget.Header = StatsWidgetHeader;
 StatsWidget.Body = StatsWidgetBody;

package/components/statsWidget/StatsWidgetBody.js

@@ -1,11 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 const StatsWidgetBody = (props) => {
-    const { children, fullWidth = false, className } = props, remainingProps = __rest(props, ["children", "fullWidth", "className"]);
+    const { children, fullWidth = false, className, ...remainingProps } = props;
     const wrapperClasses = classNames('StatsWidget-body', fullWidth && 'full-width', className);
-    return (_jsxs("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [fullWidth && _jsx("div", { className: 'StatsWidget-body-column-spacer invisible' }), children, fullWidth && _jsx("div", { className: 'StatsWidget-body-column-spacer invisible' })] })));
+    return (_jsxs("div", { ...remainingProps, className: wrapperClasses, children: [fullWidth && _jsx("div", { className: 'StatsWidget-body-column-spacer invisible' }), children, fullWidth && _jsx("div", { className: 'StatsWidget-body-column-spacer invisible' })] }));
 };
 export default StatsWidgetBody;

package/components/statsWidget/StatsWidgetFooter.js

@@ -1,11 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 const StatsWidgetFooter = (props) => {
-    const { children, className } = props, remainingProps = __rest(props, ["children", "className"]);
+    const { children, className, ...remainingProps } = props;
     const wrapperClasses = classNames('StatsWidget-footer', className);
-    return (_jsx("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: children })));
+    return (_jsx("div", { ...remainingProps, className: wrapperClasses, children: children }));
 };
 export default StatsWidgetFooter;

package/components/statsWidget/StatsWidgetHeader.js

@@ -1,11 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 const StatsWidgetHeader = (props) => {
-    const { children, className } = props, remainingProps = __rest(props, ["children", "className"]);
+    const { children, className, ...remainingProps } = props;
     const wrapeprClasses = classNames('StatsWidget-header', className);
-    return (_jsx("div", Object.assign({}, remainingProps, { className: wrapeprClasses }, { children: children })));
+    return (_jsx("div", { ...remainingProps, className: wrapeprClasses, children: children }));
 };
 export default StatsWidgetHeader;

package/components/statsWidget/StatsWidgetNumber.js

@@ -1,11 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 const StatsWidgetNumber = (props) => {
-    const { value = 0, total, label, className, clickable = false, onClick = () => { } } = props, remainingProps = __rest(props, ["value", "total", "label", "className", "clickable", "onClick"]);
+    const { value = 0, total, label, className, clickable = false, onClick = () => { }, ...remainingProps } = props;
     const wrapperClasses = classNames('StatsWidgetNumber', { 'cursor-pointer': clickable }, className);
-    return (_jsxs("div", Object.assign({}, remainingProps, { onClick: onClick, className: wrapperClasses }, { children: [_jsxs("div", Object.assign({ className: 'StatsWidgetNumber-counter' }, { children: [_jsx("div", Object.assign({ className: 'StatsWidgetNumber-value' }, { children: value })), (total || total === 0) && _jsx("div", Object.assign({ className: 'StatsWidgetNumber-total' }, { children: total }))] })), label && _jsx("div", Object.assign({ className: 'StatsWidgetNumber-label' }, { children: label }))] })));
+    return (_jsxs("div", { ...remainingProps, onClick: onClick, className: wrapperClasses, children: [_jsxs("div", { className: 'StatsWidgetNumber-counter', children: [_jsx("div", { className: 'StatsWidgetNumber-value', children: value }), (total || total === 0) && _jsx("div", { className: 'StatsWidgetNumber-total', children: total })] }), label && _jsx("div", { className: 'StatsWidgetNumber-label', children: label })] }));
 };
 export default StatsWidgetNumber;

package/components/statsWidget/StatsWidgetSpacer.js

@@ -1,10 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'react';
 import classNames from 'classnames';
 const StatsWidgetSpacer = (props) => {
-    const { className } = props, remainingProps = __rest(props, ["className"]);
+    const { className, ...remainingProps } = props;
     const wrapperClasses = classNames('StatsWidget-body-column-spacer', className);
-    return _jsx("div", Object.assign({}, remainingProps, { className: wrapperClasses }));
+    return _jsx("div", { ...remainingProps, className: wrapperClasses });
 };
 export default StatsWidgetSpacer;

package/components/statsWidget/StatsWidgets.js

@@ -1,11 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 const StatsWidgets = (props) => {
-    const { children, className } = props, remainingProps = __rest(props, ["children", "className"]);
+    const { children, className, ...remainingProps } = props;
     const wrapperClasses = classNames('StatsWidget-wrapper', className);
-    return (_jsx("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: children })));
+    return (_jsx("div", { ...remainingProps, className: wrapperClasses, children: children }));
 };
 export default StatsWidgets;

package/components/statusBar/StatusBar.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 import { BOLD, LARGE, LEFT, RIGHT, SMALL, TOP } from './StatusBarConstants';
 import StatusBarProgressBar from './StatusBarProgressBar';
@@ -11,8 +9,8 @@ const labelDefaults = { value: '', alignment: RIGHT, weight: BOLD };
 const StatusBar = (props) => {
     const { progress = [], size = SMALL, className = '', useProgressDivider = true } = props;
     // deep destructuring with merging default props don't work
-    const icon = Object.assign(Object.assign({}, iconDefaults), props.icon);
-    const label = Object.assign(Object.assign({}, labelDefaults), props.label);
+    const icon = { ...iconDefaults, ...props.icon };
+    const label = { ...labelDefaults, ...props.label };
     const hasIcon = !!icon.name;
     const iconIsLeft = icon.alignment === LEFT;
     const iconIsRight = icon.alignment === RIGHT;
@@ -51,6 +49,6 @@ const StatusBar = (props) => {
         'height-5': size === SMALL,
         'height-10': size === LARGE,
     });
-    return (_jsxs("div", Object.assign({ className: wrapperClasses }, { children: [_jsx(StatusBarIcon, { icon: icon, size: size }), _jsxs("div", Object.assign({ className: progressLabelWrapperClasses }, { children: [_jsx(StatusBarLabel, { label: label, size: size, className: labelWrapperClasses }), _jsx("div", Object.assign({ className: progressOuterWrapperClasses }, { children: _jsx("div", Object.assign({ className: progressWrapperClasses }, { children: progress.map((item, index) => (_jsx(StatusBarProgressBar, { progress: item, index: index, useProgressDivider: useProgressDivider }, index))) })) }))] }))] })));
+    return (_jsxs("div", { className: wrapperClasses, children: [_jsx(StatusBarIcon, { icon: icon, size: size }), _jsxs("div", { className: progressLabelWrapperClasses, children: [_jsx(StatusBarLabel, { label: label, size: size, className: labelWrapperClasses }), _jsx("div", { className: progressOuterWrapperClasses, children: _jsx("div", { className: progressWrapperClasses, children: progress.map((item, index) => (_jsx(StatusBarProgressBar, { progress: item, index: index, useProgressDivider: useProgressDivider }, index))) }) })] })] }));
 };
 export default StatusBar;

package/components/statusBar/StatusBarIcon.js

@@ -1,16 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 import { LARGE, LEFT, SMALL } from './StatusBarConstants';
 const StatusBarIcon = (props) => {
-    var _a;
     const { icon, size } = props;
     if (!icon.name) {
         return null;
     }
     const wrapperClasses = icon.alignment === LEFT ? 'flex-order-1 margin-right-5' : 'flex-order-2 margin-left-5';
-    const iconClasses = classNames('rioglyph', icon.name, (_a = icon.color) !== null && _a !== void 0 ? _a : 'text-color-gray', size === SMALL && 'text-size-h3', size === LARGE && 'text-size-h2', icon.className);
-    return (_jsx("div", Object.assign({ className: wrapperClasses }, { children: _jsx("span", { className: iconClasses }) })));
+    const iconClasses = classNames('rioglyph', icon.name, icon.color ?? 'text-color-gray', size === SMALL && 'text-size-h3', size === LARGE && 'text-size-h2', icon.className);
+    return (_jsx("div", { className: wrapperClasses, children: _jsx("span", { className: iconClasses }) }));
 };
 export default StatusBarIcon;

package/components/statusBar/StatusBarLabel.js

@@ -1,20 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 import { LARGE, LIGHT, SMALL, TOP } from './StatusBarConstants';
 const StatusBarLabel = (props) => {
-    var _a;
     const { label, size, className = '' } = props;
     if (!label.value) {
         return null;
     }
-    const labelClasses = classNames('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', (_a = label.color) !== null && _a !== void 0 ? _a : 'text-color-dark', {
+    const labelClasses = classNames('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', label.color ?? 'text-color-dark', {
         'width-0': label.alignment === TOP,
         'text-size-16': size === SMALL,
         'text-size-h3': size === LARGE,
         'text-bold': label.weight !== LIGHT,
     }, label.className);
-    return (_jsx("div", Object.assign({ className: className }, { children: _jsx("span", Object.assign({ className: labelClasses }, { children: label.value })) })));
+    return (_jsx("div", { className: className, children: _jsx("span", { className: labelClasses, children: label.value }) }));
 };
 export default StatusBarLabel;

package/components/statusBar/StatusBarProgressBar.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'react';
 import classNames from 'classnames';
 import Tooltip from '../tooltip/Tooltip';
 import OverlayTrigger from '../overlay/OverlayTrigger';
 import { TOP } from './StatusBarConstants';
 export const StatusBarProgressBar = (props) => {
     const { index, progress: { className, color, percentage = 0, tooltip, tooltipDelay = 50, tooltipPosition = TOP }, useProgressDivider, } = props;
-    const progressBarClasses = classNames('progress-bar', color !== null && color !== void 0 ? color : 'progress-bar-info', useProgressDivider && 'progress-divider', className);
+    const progressBarClasses = classNames('progress-bar', color ?? 'progress-bar-info', useProgressDivider && 'progress-divider', className);
     const progressBar = _jsx("div", { className: progressBarClasses, style: { width: `${percentage}%` } });
     if (!tooltip) {
         return progressBar;
     }
-    return (_jsx(OverlayTrigger, Object.assign({ placement: tooltipPosition, overlay: _jsx(Tooltip, Object.assign({ id: `tooltip-${index}`, width: 'auto' }, { children: tooltip })), delay: tooltipDelay }, { children: progressBar })));
+    return (_jsx(OverlayTrigger, { placement: tooltipPosition, overlay: _jsx(Tooltip, { id: `tooltip-${index}`, width: 'auto', children: tooltip }), delay: tooltipDelay, children: progressBar }));
 };
 export default StatusBarProgressBar;

package/components/steppedProgressBar/SteppedProgressBar.js

@@ -20,7 +20,7 @@ const SteppedProgressBar = (props) => {
     }, [disableFollowingPageIndex, selectedStepNumber]);
     const wrapperClasses = classNames('stepped-progress-bar', variant && `variant-${variant}`, mobileBreakpoint && 'mobile-breakpoint', className && className);
     const handleSelect = (selectedKey) => onSelectedChanged(Number(selectedKey));
-    return (_jsx(Nav, Object.assign({ className: wrapperClasses, activeKey: selectedStepNumber, onSelect: handleSelect }, { children: labels.map((labelObject, index) => (_jsx(Nav.Link, Object.assign({ eventKey: index, disabled: index > disableFollowingPages, as: 'a', className: classNames('step-tab', labelObject.labelWrapperClassName) }, { children: _jsxs("div", Object.assign({ className: 'step-tab-content' }, { children: [_jsx("div", Object.assign({ className: 'item-icon' }, { children: labelObject.icon })), _jsx("div", Object.assign({ className: classNames('item-label', labelObject.labelClassName) }, { children: labelObject.label }))] })) }), index))) })));
+    return (_jsx(Nav, { className: wrapperClasses, activeKey: selectedStepNumber, onSelect: handleSelect, children: labels.map((labelObject, index) => (_jsx(Nav.Link, { eventKey: index, disabled: index > disableFollowingPages, as: 'a', className: classNames('step-tab', labelObject.labelWrapperClassName), children: _jsxs("div", { className: 'step-tab-content', children: [_jsx("div", { className: 'item-icon', children: labelObject.icon }), _jsx("div", { className: classNames('item-label', labelObject.labelClassName), children: labelObject.label })] }) }, index))) }));
 };
 SteppedProgressBar.VARIANT_CIRCLE = 'circle';
 SteppedProgressBar.VARIANT_RECTANGLE = 'rectangle';

package/components/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { type CurrentColor } from '../../utils/currentColors';
 export type SwitchProps = {
     /**
@@ -46,10 +46,8 @@ export type SwitchProps = {
      */
     labelPosition?: 'left' | 'right';
 };
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>> & {
-    LABEL_POSITION_LEFT: 'left';
-    LABEL_POSITION_RIGHT: 'right';
+declare const Switch: React.ForwardRefExoticComponent<PropsWithChildren<SwitchProps> & React.RefAttributes<HTMLDivElement>> & {
+    LABEL_POSITION_LEFT: "left";
+    LABEL_POSITION_RIGHT: "right";
 };
 export default Switch;

package/components/switch/Switch.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @ts-ignore-next-line importsNotUsedAsValues
 import { forwardRef } from 'react';
@@ -6,7 +5,7 @@ import classNames from 'classnames';
 import noop from 'lodash/fp/noop';
 import { getCurrentBackgroundColor } from '../../utils/currentColors';
 const Switch = forwardRef((props, ref) => {
-    const { keyName, checked = false, enabledText, minWidth = 40, disabled = false, color = 'primary', disabledText, children, labelPosition = children ? 'right' : undefined, onChange = noop } = props, remainingProps = __rest(props, ["keyName", "checked", "enabledText", "minWidth", "disabled", "color", "disabledText", "children", "labelPosition", "onChange"]);
+    const { keyName, checked = false, enabledText, minWidth = 40, disabled = false, color = 'primary', disabledText, children, labelPosition = children ? 'right' : undefined, onChange = noop, ...remainingProps } = props;
     const handleChange = (event) => {
         onChange(event.target.checked);
     };
@@ -17,7 +16,7 @@ const Switch = forwardRef((props, ref) => {
     // !hasMultipleText && !hasSingleText && 'width-40'
     );
     const switchBackgroundColor = getCurrentBackgroundColor(color);
-    return (_jsx("div", Object.assign({ ref: ref }, remainingProps, { className: 'uikit-switch' }, { children: _jsxs("label", Object.assign({ className: switchLabelClasses }, { children: [_jsx("input", { onChange: handleChange, checked: checked, type: 'checkbox', id: keyName, className: 'switch-input', disabled: disabled }, keyName), _jsxs("div", Object.assign({ className: switchContentClasses, style: { color: switchBackgroundColor, minWidth } }, { children: [hasMultipleText ? (_jsx("div", { className: 'switch-text', "data-on": enabledText, "data-off": disabledText })) : (hasSingleText && _jsx("div", { className: 'switch-text', "data-on": enabledText, "data-off": enabledText })), _jsx("div", { className: 'switch-handle' })] })), children && children] })) })));
+    return (_jsx("div", { ref: ref, ...remainingProps, className: 'uikit-switch', children: _jsxs("label", { className: switchLabelClasses, children: [_jsx("input", { onChange: handleChange, checked: checked, type: 'checkbox', id: keyName, className: 'switch-input', disabled: disabled }, keyName), _jsxs("div", { className: switchContentClasses, style: { color: switchBackgroundColor, minWidth }, children: [hasMultipleText ? (_jsx("div", { className: 'switch-text', "data-on": enabledText, "data-off": disabledText })) : (hasSingleText && _jsx("div", { className: 'switch-text', "data-on": enabledText, "data-off": enabledText })), _jsx("div", { className: 'switch-handle' })] }), children && children] }) }));
 });
 Switch.LABEL_POSITION_LEFT = 'left';
 Switch.LABEL_POSITION_RIGHT = 'right';

package/components/table/SortArrowDown.js

@@ -1,4 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'react';
 const SortArrowDown = () => _jsx("span", { className: 'sort-icon sort-desc' });
 export default SortArrowDown;

package/components/table/SortArrowUp.js

@@ -1,4 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'react';
 const SortArrowUp = () => _jsx("span", { className: 'sort-icon sort-asc' });
 export default SortArrowUp;

package/components/table/SortArrows.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'react';
 import toLower from 'lodash/fp/toLower';
 const SortArrows = ({ direction }) => (_jsx("span", { className: `sort-arrows ${direction ? `sort-${toLower(direction)}` : ''}` }));
 export default SortArrows;

package/components/table/TableCardsSorting.js

@@ -17,6 +17,6 @@ const TableCardsSorting = (props) => {
         onSortChange(newSortName, sortOrder);
     };
     const wrapperClassNames = classNames('table-toolbar-cards-sorting', 'btn-toolbar', className && className);
-    return (_jsxs("div", Object.assign({ className: wrapperClassNames }, { children: [_jsxs("div", Object.assign({ className: 'btn-group margin-left-0' }, { children: [_jsx(ToggleButton, Object.assign({ className: 'btn-icon-only', active: sortOrder === 'asc', onClick: () => updateSortOrder('asc') }, { children: _jsx("span", { className: 'rioglyph rioglyph-sort-by-attributes-alt' }) })), _jsx(ToggleButton, Object.assign({ className: 'btn-icon-only', active: sortOrder === 'desc', onClick: () => updateSortOrder('desc') }, { children: _jsx("span", { className: 'rioglyph rioglyph-sort-by-attributes' }) }))] })), selectOptions.length && (_jsx("div", Object.assign({ className: 'btn-group' }, { children: _jsx(Select, { options: selectOptions, onChange: item => item && updateSortName(item.id) }) })))] })));
+    return (_jsxs("div", { className: wrapperClassNames, children: [_jsxs("div", { className: 'btn-group margin-left-0', children: [_jsx(ToggleButton, { className: 'btn-icon-only', active: sortOrder === 'asc', onClick: () => updateSortOrder('asc'), children: _jsx("span", { className: 'rioglyph rioglyph-sort-by-attributes-alt' }) }), _jsx(ToggleButton, { className: 'btn-icon-only', active: sortOrder === 'desc', onClick: () => updateSortOrder('desc'), children: _jsx("span", { className: 'rioglyph rioglyph-sort-by-attributes' }) })] }), selectOptions.length && (_jsx("div", { className: 'btn-group', children: _jsx(Select, { options: selectOptions, onChange: item => item && updateSortName(item.id) }) }))] }));
 };
 export default TableCardsSorting;

package/components/table/TableSearch.js

@@ -1,10 +1,8 @@
-import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import 'react';
 import classNames from 'classnames';
 import ClearableInput from '../clearableInput/ClearableInput';
 const TableSearch = (props) => {
-    const { className } = props, remainingProps = __rest(props, ["className"]);
-    return (_jsxs("div", Object.assign({ className: classNames('table-toolbar-search', 'input-group', className) }, { children: [_jsx("span", Object.assign({ className: 'input-group-addon' }, { children: _jsx("span", { className: 'rioglyph rioglyph-search' }) })), _jsx(ClearableInput, Object.assign({}, remainingProps))] })));
+    const { className, ...remainingProps } = props;
+    return (_jsxs("div", { className: classNames('table-toolbar-search', 'input-group', className), children: [_jsx("span", { className: 'input-group-addon', children: _jsx("span", { className: 'rioglyph rioglyph-search' }) }), _jsx(ClearableInput, { ...remainingProps })] }));
 };
 export default TableSearch;

package/components/table/TableSettingsColumnButtons.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import 'react';
 import classNames from 'classnames';
 import noop from 'lodash/noop';
 export const TableSettingsColumnButtons = (props) => {
@@ -8,13 +7,13 @@ export const TableSettingsColumnButtons = (props) => {
     const columnUpClasses = classNames(navButtonBase, index === 0 && 'disabled');
     const columnDownClasses = classNames(navButtonBase, index === columnOrder.length - 1 && 'disabled');
     const toggleIconClassNames = classNames('rioglyph', openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width');
-    return (_jsxs("div", Object.assign({ className: 'table-settings-item-item-buttons' }, { children: [!disabled && (_jsx("div", Object.assign({ className: columnUpClasses, onClick: event => {
+    return (_jsxs("div", { className: 'table-settings-item-item-buttons', children: [!disabled && (_jsx("div", { className: columnUpClasses, onClick: event => {
                     event.preventDefault();
                     event.stopPropagation();
                     onMoveColumn(column, index - 1, true);
-                } }, { children: _jsx("span", { className: 'rioglyph rioglyph-arrow-up' }) }))), !disabled && (_jsx("div", Object.assign({ className: columnDownClasses, onClick: event => {
+                }, children: _jsx("span", { className: 'rioglyph rioglyph-arrow-up' }) })), !disabled && (_jsx("div", { className: columnDownClasses, onClick: event => {
                     event.preventDefault();
                     event.stopPropagation();
                     onMoveColumn(column, index + 1, true);
-                } }, { children: _jsx("span", { className: 'rioglyph rioglyph-arrow-down' }) }))), columnDetails && (_jsx("div", Object.assign({ className: navButtonBase, onClick: () => onOpenDetails(column) }, { children: _jsx("span", { className: toggleIconClassNames }) })))] })));
+                }, children: _jsx("span", { className: 'rioglyph rioglyph-arrow-down' }) })), columnDetails && (_jsx("div", { className: navButtonBase, onClick: () => onOpenDetails(column), children: _jsx("span", { className: toggleIconClassNames }) }))] }));
 };

package/components/table/TableSettingsColumnDetails.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 import noop from 'lodash/noop';
 import Slider from '../slider/Slider';
@@ -15,5 +13,5 @@ export const TableSettingsColumnDetails = (props) => {
     const handleColumnWidthChange = (value) => onColumnWidthChange(column, value);
     const handleResetColumnWidth = () => onResetColumnWidth(column);
     const resetWidthButtonClassNames = classNames('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
-    return (_jsxs("div", Object.assign({ className: 'table-settings-item-body' }, { children: [_jsx(Slider, { className: 'margin-bottom-0', value: width, minValue: 0, maxValue: maxWidth || maxColumnWidth, step: 1, onChange: handleColumnWidthChange }), _jsx("div", Object.assign({ className: resetWidthButtonClassNames, role: 'button', onClick: handleResetColumnWidth }, { children: _jsx("span", { className: 'rioglyph rioglyph-revert' }) })), _jsx("div", Object.assign({ className: 'column-width-input' }, { children: _jsxs("div", Object.assign({ className: 'input-group' }, { children: [_jsx("input", { className: 'form-control text-right padding-right-5 no-controls', type: 'number', value: width || '', min: 0, max: maxWidth || maxColumnWidth, onChange: handleWidthInputChange }), _jsx("div", Object.assign({ className: 'input-group-addon' }, { children: "px" }))] })) }))] })));
+    return (_jsxs("div", { className: 'table-settings-item-body', children: [_jsx(Slider, { className: 'margin-bottom-0', value: width, minValue: 0, maxValue: maxWidth || maxColumnWidth, step: 1, onChange: handleColumnWidthChange }), _jsx("div", { className: resetWidthButtonClassNames, role: 'button', onClick: handleResetColumnWidth, children: _jsx("span", { className: 'rioglyph rioglyph-revert' }) }), _jsx("div", { className: 'column-width-input', children: _jsxs("div", { className: 'input-group', children: [_jsx("input", { className: 'form-control text-right padding-right-5 no-controls', type: 'number', value: width || '', min: 0, max: maxWidth || maxColumnWidth, onChange: handleWidthInputChange }), _jsx("div", { className: 'input-group-addon', children: "px" })] }) })] }));
 };

package/components/table/TableSettingsDialog.js

@@ -66,10 +66,9 @@ const TableSettingsDialog = (props) => {
         const labels = contentRef.current.getElementsByClassName('table-settings-item-label');
         const columnStrings = {};
         [...labels].map(label => {
-            var _a;
             const dataKey = label.getAttribute('data-key');
             if (dataKey) {
-                const updatedLabel = (_a = label.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\r?\n|\r/g, '').toLowerCase();
+                const updatedLabel = label.textContent?.replace(/\r?\n|\r/g, '').toLowerCase();
                 if (updatedLabel) {
                     columnStrings[dataKey] = updatedLabel;
                 }
@@ -96,7 +95,10 @@ const TableSettingsDialog = (props) => {
     const handleCancelResetColumnChanges = () => setIsResetAll(false);
     const resetColumnsDetails = (details) => {
         return mapValues((singleColumnDetails) => {
-            return Object.assign(Object.assign({}, singleColumnDetails), { width: singleColumnDetails.defaultWidth || DEFAULT_COLUMN_WIDTH });
+            return {
+                ...singleColumnDetails,
+                width: singleColumnDetails.defaultWidth || DEFAULT_COLUMN_WIDTH,
+            };
         })(details);
     };
     const resetAllColumnChanges = () => {
@@ -169,7 +171,7 @@ const TableSettingsDialog = (props) => {
         }
     };
     const handleOpenColumnsDetails = (columnName) => {
-        const updatedOpenColumnDetails = Object.assign({}, openColumnsDetails);
+        const updatedOpenColumnDetails = { ...openColumnsDetails };
         if (updatedOpenColumnDetails[columnName]) {
             delete updatedOpenColumnDetails[columnName];
         }
@@ -181,7 +183,7 @@ const TableSettingsDialog = (props) => {
     const handleSortEnd = (event, previousOrder) => {
         const { active, over } = event;
         const activeId = active.id;
-        const overId = over === null || over === void 0 ? void 0 : over.id;
+        const overId = over?.id;
         if (activeId === overId) {
             return;
         }
@@ -215,7 +217,7 @@ const TableSettingsDialog = (props) => {
         };
         const filteredColumns = columnOrder.filter(column => filterColumns(columnSearchValue, column, columnLabelStrings));
         const hasItems = !isEqual(filteredColumns, columnOrder);
-        return (_jsxs("div", Object.assign({ ref: contentRef }, { children: [_jsx("div", Object.assign({ className: 'table-settings-search' }, { children: _jsxs("div", Object.assign({ className: 'input-group width-100pct' }, { children: [_jsx("span", Object.assign({ className: 'input-group-addon' }, { children: _jsx("span", { className: 'rioglyph rioglyph-search' }) })), _jsx(ClearableInput, { value: columnSearchValue, onChange: handleSearchChange, placeholder: searchPlaceholder })] })) })), _jsx("div", Object.assign({ className: 'table-settings-body' }, { children: hasItems ? (_jsx(TableSettingsListContainer, { items: columnOrder, onSortEnd: handleSortEnd, itemProps: Object.assign({}, itemProps) })) : (_jsx("div", Object.assign({ className: 'text-center text-color-gray' }, { children: notFoundMessage }))) }))] })));
+        return (_jsxs("div", { ref: contentRef, children: [_jsx("div", { className: 'table-settings-search', children: _jsxs("div", { className: 'input-group width-100pct', children: [_jsx("span", { className: 'input-group-addon', children: _jsx("span", { className: 'rioglyph rioglyph-search' }) }), _jsx(ClearableInput, { value: columnSearchValue, onChange: handleSearchChange, placeholder: searchPlaceholder })] }) }), _jsx("div", { className: 'table-settings-body', children: hasItems ? (_jsx(TableSettingsListContainer, { items: columnOrder, onSortEnd: handleSortEnd, itemProps: { ...itemProps } })) : (_jsx("div", { className: 'text-center text-color-gray', children: notFoundMessage })) })] }));
     };
     const renderTableSettingsDialogFooter = () => {
         return (_jsx(TableSettingsDialogFooter, { hasChanged: hasChanged, isResetAll: isResetAll, immediateChange: immediateChange, resetButtonText: resetButtonText, closeButtonText: closeButtonText, cancelButtonText: cancelButtonText, applyButtonText: applyButtonText, onHide: onHide, onResetColumnChanges: handleResetColumnChanges, onDiscardChanges: discardColumnChanges, onApplyChanges: handleManuallyApplyChanges, onConfirmResetColumnChanges: resetAllColumnChanges, onCancelResetColumnChanges: handleCancelResetColumnChanges }));

package/components/table/TableSettingsDialog.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TableColumnDetails = {
     /**
      * Defined the current width of a column.

package/components/table/TableSettingsDialogFooter.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
-import 'react';
 import classNames from 'classnames';
 import Button from '../../Button';
 export const TableSettingsDialogFooter = (props) => {
     const { hasChanged, isResetAll, immediateChange, resetButtonText, closeButtonText, cancelButtonText, applyButtonText, onHide, onResetColumnChanges, onDiscardChanges, onApplyChanges, onConfirmResetColumnChanges, onCancelResetColumnChanges, } = props;
     const restButtonClassNames = classNames('btn', 'btn-link', !hasChanged && 'disabled');
-    return (_jsxs("div", Object.assign({ className: 'display-flex justify-content-between' }, { children: [_jsxs("div", { children: [!isResetAll && (_jsxs("div", Object.assign({ className: restButtonClassNames, onClick: onResetColumnChanges }, { children: [_jsx("span", { className: 'rioglyph rioglyph-revert text-size-xs margin-right-10' }), resetButtonText] }))), isResetAll && (_jsxs("div", Object.assign({ className: 'btn-group' }, { children: [_jsx(Button, { iconOnly: true, iconName: 'rioglyph-remove', className: 'margin-right-5 btn-outline', onClick: onCancelResetColumnChanges }), _jsx(Button, { iconOnly: true, bsStyle: Button.PRIMARY, iconName: 'rioglyph-ok', onClick: onConfirmResetColumnChanges })] })))] }), immediateChange ? (_jsx(Button, Object.assign({ onClick: onHide }, { children: closeButtonText }))) : (_jsxs("div", Object.assign({ className: 'btn-toolbar' }, { children: [_jsx(Button, Object.assign({ onClick: onDiscardChanges }, { children: cancelButtonText })), _jsx(Button, Object.assign({ bsStyle: Button.PRIMARY, onClick: onApplyChanges }, { children: applyButtonText }))] })))] })));
+    return (_jsxs("div", { className: 'display-flex justify-content-between', children: [_jsxs("div", { children: [!isResetAll && (_jsxs("div", { className: restButtonClassNames, onClick: onResetColumnChanges, children: [_jsx("span", { className: 'rioglyph rioglyph-revert text-size-xs margin-right-10' }), resetButtonText] })), isResetAll && (_jsxs("div", { className: 'btn-group', children: [_jsx(Button, { iconOnly: true, iconName: 'rioglyph-remove', className: 'margin-right-5 btn-outline', onClick: onCancelResetColumnChanges }), _jsx(Button, { iconOnly: true, bsStyle: Button.PRIMARY, iconName: 'rioglyph-ok', onClick: onConfirmResetColumnChanges })] }))] }), immediateChange ? (_jsx(Button, { onClick: onHide, children: closeButtonText })) : (_jsxs("div", { className: 'btn-toolbar', children: [_jsx(Button, { onClick: onDiscardChanges, children: cancelButtonText }), _jsx(Button, { bsStyle: Button.PRIMARY, onClick: onApplyChanges, children: applyButtonText })] }))] }));
 };

package/components/table/TableSettingsListContainer.js

@@ -16,5 +16,5 @@ export const TableSettingsListContainer = (props) => {
         onSortEnd(event, items);
     };
     const activeClass = 'table-settings-item shadow-smooth-to-bottom z-index-max';
-    return (_jsx("div", Object.assign({ className: 'table-settings-items-container' }, { children: _jsx(DndContext, Object.assign({ sensors: sensors, collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragStart: handleDragStart, onDragEnd: handleDragEnd }, { children: _jsx(SortableContext, Object.assign({ items: items, strategy: verticalListSortingStrategy }, { children: items.map((column, index) => (_jsx(TableSettingsListItem, Object.assign({ column: column, orderIndex: index, isActive: activeDraggedColumn === column, className: activeDraggedColumn === column ? activeClass : '' }, itemProps), column))) })) })) })));
+    return (_jsx("div", { className: 'table-settings-items-container', children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: items, strategy: verticalListSortingStrategy, children: items.map((column, index) => (_jsx(TableSettingsListItem, { column: column, orderIndex: index, isActive: activeDraggedColumn === column, className: activeDraggedColumn === column ? activeClass : '', ...itemProps }, column))) }) }) }));
 };

package/components/table/TableSettingsListItem.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable new-cap */
-import 'react';
 import classNames from 'classnames';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -35,9 +33,9 @@ const TableSettingsListItem = (props) => {
     const isFiltered = filterColumns(columnSearchValue, column, columnLabelStrings) && !updateColumnLabelStrings;
     const itemClassNames = classNames('table-settings-item', updateColumnLabelStrings && 'opacity-0', isFiltered && 'position-offscreen', className);
     const columnDetails = columnsDetails[column];
-    return (_jsxs("div", Object.assign({ className: itemClassNames, ref: setNodeRef, style: style }, { children: [_jsxs("div", Object.assign({ className: 'table-settings-item-header user-select-none', ref: setActivatorNodeRef }, { children: [_jsx("div", Object.assign({ className: 'CheckboxWrapper display-flex align-items-center padding-left-2' }, { children: _jsx(Checkbox, { checked: !hiddenColumns.includes(column), onClick: event => {
+    return (_jsxs("div", { className: itemClassNames, ref: setNodeRef, style: style, children: [_jsxs("div", { className: 'table-settings-item-header user-select-none', ref: setActivatorNodeRef, children: [_jsx("div", { className: 'CheckboxWrapper display-flex align-items-center padding-left-2', children: _jsx(Checkbox, { checked: !hiddenColumns.includes(column), onClick: event => {
                                 onToggleHideColumn(column);
                                 event.stopPropagation();
-                            }, disabled: disabledColumns.includes(column) }) })), _jsx("div", Object.assign({ className: `table-settings-item-label ${isSortingDisabled ? 'no-drag' : ''}`, "data-key": column }, attributes, listeners, { children: columnLabels[column] })), columnDetails && (_jsx("div", Object.assign({ className: 'column-width-label' }, { children: columnDetails.width ? `${columnDetails.width}px` : autoLabel }))), _jsx(TableSettingsColumnButtons, { column: column, index: orderIndex, columnDetails: columnDetails, columnOrder: columnOrder, openColumnsDetails: openColumnsDetails, disabled: isSortingDisabled, onMoveColumn: onMoveColumn, onOpenDetails: onOpenDetails })] })), columnDetails && !isActive && (_jsx(Collapse, Object.assign({ open: !!openColumnsDetails[column] }, { children: _jsx("div", { children: _jsx(TableSettingsColumnDetails, Object.assign({}, columnDetails, { column: column, maxColumnWidth: MAX_COLUMN_WIDTH, onColumnWidthChange: onColumnWidthChange, onResetColumnWidth: onResetColumnWidth })) }) })))] }), `table-settings-item-${column}`));
+                            }, disabled: disabledColumns.includes(column) }) }), _jsx("div", { className: `table-settings-item-label ${isSortingDisabled ? 'no-drag' : ''}`, "data-key": column, ...attributes, ...listeners, children: columnLabels[column] }), columnDetails && (_jsx("div", { className: 'column-width-label', children: columnDetails.width ? `${columnDetails.width}px` : autoLabel })), _jsx(TableSettingsColumnButtons, { column: column, index: orderIndex, columnDetails: columnDetails, columnOrder: columnOrder, openColumnsDetails: openColumnsDetails, disabled: isSortingDisabled, onMoveColumn: onMoveColumn, onOpenDetails: onOpenDetails })] }), columnDetails && !isActive && (_jsx(Collapse, { open: !!openColumnsDetails[column], children: _jsx("div", { children: _jsx(TableSettingsColumnDetails, { ...columnDetails, column: column, maxColumnWidth: MAX_COLUMN_WIDTH, onColumnWidthChange: onColumnWidthChange, onResetColumnWidth: onResetColumnWidth }) }) }))] }, `table-settings-item-${column}`));
 };
 export default TableSettingsListItem;