@rio-cloud/rio-uikit 1.6.0 → 1.7.0

package/lib/es/components/states/EmptyState.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
 const EmptyState = (props) => {
-    const { icon = 'rioglyph-empty' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-empty', ...remainingProps } = props;
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, { icon: icon, ...remainingProps });
 };
 exports.default = EmptyState;

package/lib/es/components/states/ErrorState.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
 const ErrorState = (props) => {
-    const { icon = 'rioglyph-truck-breakdown' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-truck-breakdown', ...remainingProps } = props;
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, { icon: icon, ...remainingProps });
 };
 exports.default = ErrorState;

package/lib/es/components/states/ForbiddenState.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
 const ForbiddenState = (props) => {
-    const { icon = 'rioglyph-ban-circle' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-ban-circle', ...remainingProps } = props;
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, { icon: icon, ...remainingProps });
 };
 exports.default = ForbiddenState;

package/lib/es/components/states/MaintenanceState.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
 const MaintenanceState = (props) => {
-    const { icon = 'rioglyph-wrench' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-wrench', ...remainingProps } = props;
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, { icon: icon, ...remainingProps });
 };
 exports.default = MaintenanceState;

package/lib/es/components/states/NotBookedState.js

@@ -2,14 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const isArray_1 = tslib_1.__importDefault(require("lodash/fp/isArray"));
 const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
 const NotBookedState = (props) => {
-    const { message, features, icon = 'rioglyph-stars' } = props, remainingProps = tslib_1.__rest(props, ["message", "features", "icon"]);
-    const combinedMessages = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [message && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-medium margin-bottom-20' }, { children: message })), features && (0, isArray_1.default)(features) && !(0, isEmpty_1.default)(features) && ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'feature-list' }, { children: features.map((feature, index) => ((0, jsx_runtime_1.jsx)("li", { children: feature }, index))) })))] }));
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ message: combinedMessages, icon: icon }, remainingProps));
+    const { message, features, icon = 'rioglyph-stars', ...remainingProps } = props;
+    const combinedMessages = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [message && (0, jsx_runtime_1.jsx)("div", { className: 'text-medium margin-bottom-20', children: message }), features && (0, isArray_1.default)(features) && !(0, isEmpty_1.default)(features) && ((0, jsx_runtime_1.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) => ((0, jsx_runtime_1.jsxs)("li", { className: 'padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left', children: [(0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-ok text-color-primary' }), (0, jsx_runtime_1.jsx)("span", { className: 'text-color-darker', children: feature })] }, index))) }))] }));
+    return ((0, jsx_runtime_1.jsx)(CustomState_1.default, { message: combinedMessages, icons: [{ name: icon, color: 'text-color-primary' }], ...remainingProps }));
 };
 exports.default = NotBookedState;

package/lib/es/components/states/NotFoundState.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const CustomState_1 = tslib_1.__importDefault(require("./CustomState"));
 const NotFoundState = (props) => {
-    const { icon = 'rioglyph-looking-glass-man' } = props, remainingProps = tslib_1.__rest(props, ["icon"]);
-    return (0, jsx_runtime_1.jsx)(CustomState_1.default, Object.assign({ icon: icon }, remainingProps));
+    const { icon = 'rioglyph-looking-glass-man', ...remainingProps } = props;
+    return (0, jsx_runtime_1.jsx)(CustomState_1.default, { icon: icon, ...remainingProps });
 };
 exports.default = NotFoundState;

package/lib/es/components/states/StateButton.js

@@ -2,16 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("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 ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: (0, classnames_1.default)('margin-top-15', className), href: href, onClick: onClick }, { children: text })));
+        return ((0, jsx_runtime_1.jsx)("a", { className: (0, classnames_1.default)('margin-top-15', className), href: href, onClick: onClick, children: text }));
     }
     const buttonClassNames = (0, classnames_1.default)('btn', 'margin-top-10', `btn-${bsStyle}`, className);
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
+    return ((0, jsx_runtime_1.jsx)("button", { className: buttonClassNames, type: 'button', onClick: onClick, children: text }));
 };
 exports.default = StateButton;

package/lib/es/components/states/StateIcon.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const StateIcon = ({ name, color = 'text-color-light', className = 'text-size-300pct' }) => ((0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${name} ${color} ${className}` }));
 exports.default = StateIcon;

package/lib/es/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/lib/es/components/statsWidget/StatsWidget.js

@@ -2,18 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetHeader_1 = tslib_1.__importDefault(require("./StatsWidgetHeader"));
 const StatsWidgetBody_1 = tslib_1.__importDefault(require("./StatsWidgetBody"));
 const StatsWidgetFooter_1 = tslib_1.__importDefault(require("./StatsWidgetFooter"));
 const StatsWidget = (props) => {
-    const { children, hasFilter = false, onFilterReset = () => { }, className } = props, remainingProps = tslib_1.__rest(props, ["children", "hasFilter", "onFilterReset", "className"]);
+    const { children, hasFilter = false, onFilterReset = () => { }, className, ...remainingProps } = props;
     const wrapperClasses = (0, classnames_1.default)('StatsWidget', className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [hasFilter && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +
+    return ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, className: wrapperClasses, children: [hasFilter && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) }))), children] })));
+                    ' cursor-pointer', onClick: onFilterReset, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) })), children] }));
 };
 StatsWidget.Header = StatsWidgetHeader_1.default;
 StatsWidget.Body = StatsWidgetBody_1.default;

package/lib/es/components/statsWidget/StatsWidgetBody.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetBody = (props) => {
-    const { children, fullWidth = false, className } = props, remainingProps = tslib_1.__rest(props, ["children", "fullWidth", "className"]);
+    const { children, fullWidth = false, className, ...remainingProps } = props;
     const wrapperClasses = (0, classnames_1.default)('StatsWidget-body', fullWidth && 'full-width', className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' }), children, fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, className: wrapperClasses, children: [fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' }), children, fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' })] }));
 };
 exports.default = StatsWidgetBody;

package/lib/es/components/statsWidget/StatsWidgetFooter.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetFooter = (props) => {
-    const { children, className } = props, remainingProps = tslib_1.__rest(props, ["children", "className"]);
+    const { children, className, ...remainingProps } = props;
     const wrapperClasses = (0, classnames_1.default)('StatsWidget-footer', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: wrapperClasses, children: children }));
 };
 exports.default = StatsWidgetFooter;

package/lib/es/components/statsWidget/StatsWidgetHeader.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetHeader = (props) => {
-    const { children, className } = props, remainingProps = tslib_1.__rest(props, ["children", "className"]);
+    const { children, className, ...remainingProps } = props;
     const wrapeprClasses = (0, classnames_1.default)('StatsWidget-header', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: wrapeprClasses }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: wrapeprClasses, children: children }));
 };
 exports.default = StatsWidgetHeader;

package/lib/es/components/statsWidget/StatsWidgetNumber.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetNumber = (props) => {
-    const { value = 0, total, label, className, clickable = false, onClick = () => { } } = props, remainingProps = tslib_1.__rest(props, ["value", "total", "label", "className", "clickable", "onClick"]);
+    const { value = 0, total, label, className, clickable = false, onClick = () => { }, ...remainingProps } = props;
     const wrapperClasses = (0, classnames_1.default)('StatsWidgetNumber', { 'cursor-pointer': clickable }, className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { onClick: onClick, className: wrapperClasses }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'StatsWidgetNumber-counter' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'StatsWidgetNumber-value' }, { children: value })), (total || total === 0) && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'StatsWidgetNumber-total' }, { children: total }))] })), label && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'StatsWidgetNumber-label' }, { children: label }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, onClick: onClick, className: wrapperClasses, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'StatsWidgetNumber-counter', children: [(0, jsx_runtime_1.jsx)("div", { className: 'StatsWidgetNumber-value', children: value }), (total || total === 0) && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidgetNumber-total', children: total })] }), label && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidgetNumber-label', children: label })] }));
 };
 exports.default = StatsWidgetNumber;

package/lib/es/components/statsWidget/StatsWidgetSpacer.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetSpacer = (props) => {
-    const { className } = props, remainingProps = tslib_1.__rest(props, ["className"]);
+    const { className, ...remainingProps } = props;
     const wrapperClasses = (0, classnames_1.default)('StatsWidget-body-column-spacer', className);
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: wrapperClasses }));
+    return (0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: wrapperClasses });
 };
 exports.default = StatsWidgetSpacer;

package/lib/es/components/statsWidget/StatsWidgets.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgets = (props) => {
-    const { children, className } = props, remainingProps = tslib_1.__rest(props, ["children", "className"]);
+    const { children, className, ...remainingProps } = props;
     const wrapperClasses = (0, classnames_1.default)('StatsWidget-wrapper', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: wrapperClasses, children: children }));
 };
 exports.default = StatsWidgets;

package/lib/es/components/statusBar/StatusBar.js

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatusBarConstants_1 = require("./StatusBarConstants");
 const StatusBarProgressBar_1 = tslib_1.__importDefault(require("./StatusBarProgressBar"));
@@ -14,8 +12,8 @@ const labelDefaults = { value: '', alignment: StatusBarConstants_1.RIGHT, weight
 const StatusBar = (props) => {
     const { progress = [], size = StatusBarConstants_1.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 === StatusBarConstants_1.LEFT;
     const iconIsRight = icon.alignment === StatusBarConstants_1.RIGHT;
@@ -54,6 +52,6 @@ const StatusBar = (props) => {
         'height-5': size === StatusBarConstants_1.SMALL,
         'height-10': size === StatusBarConstants_1.LARGE,
     });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: wrapperClasses }, { children: [(0, jsx_runtime_1.jsx)(StatusBarIcon_1.default, { icon: icon, size: size }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: progressLabelWrapperClasses }, { children: [(0, jsx_runtime_1.jsx)(StatusBarLabel_1.default, { label: label, size: size, className: labelWrapperClasses }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: progressOuterWrapperClasses }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: progressWrapperClasses }, { children: progress.map((item, index) => ((0, jsx_runtime_1.jsx)(StatusBarProgressBar_1.default, { progress: item, index: index, useProgressDivider: useProgressDivider }, index))) })) }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: wrapperClasses, children: [(0, jsx_runtime_1.jsx)(StatusBarIcon_1.default, { icon: icon, size: size }), (0, jsx_runtime_1.jsxs)("div", { className: progressLabelWrapperClasses, children: [(0, jsx_runtime_1.jsx)(StatusBarLabel_1.default, { label: label, size: size, className: labelWrapperClasses }), (0, jsx_runtime_1.jsx)("div", { className: progressOuterWrapperClasses, children: (0, jsx_runtime_1.jsx)("div", { className: progressWrapperClasses, children: progress.map((item, index) => ((0, jsx_runtime_1.jsx)(StatusBarProgressBar_1.default, { progress: item, index: index, useProgressDivider: useProgressDivider }, index))) }) })] })] }));
 };
 exports.default = StatusBar;

package/lib/es/components/statusBar/StatusBarIcon.js

@@ -2,18 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatusBarConstants_1 = require("./StatusBarConstants");
 const StatusBarIcon = (props) => {
-    var _a;
     const { icon, size } = props;
     if (!icon.name) {
         return null;
     }
     const wrapperClasses = icon.alignment === StatusBarConstants_1.LEFT ? 'flex-order-1 margin-right-5' : 'flex-order-2 margin-left-5';
-    const iconClasses = (0, classnames_1.default)('rioglyph', icon.name, (_a = icon.color) !== null && _a !== void 0 ? _a : 'text-color-gray', size === StatusBarConstants_1.SMALL && 'text-size-h3', size === StatusBarConstants_1.LARGE && 'text-size-h2', icon.className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClasses }, { children: (0, jsx_runtime_1.jsx)("span", { className: iconClasses }) })));
+    const iconClasses = (0, classnames_1.default)('rioglyph', icon.name, icon.color ?? 'text-color-gray', size === StatusBarConstants_1.SMALL && 'text-size-h3', size === StatusBarConstants_1.LARGE && 'text-size-h2', icon.className);
+    return ((0, jsx_runtime_1.jsx)("div", { className: wrapperClasses, children: (0, jsx_runtime_1.jsx)("span", { className: iconClasses }) }));
 };
 exports.default = StatusBarIcon;

package/lib/es/components/statusBar/StatusBarLabel.js

@@ -2,22 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatusBarConstants_1 = require("./StatusBarConstants");
 const StatusBarLabel = (props) => {
-    var _a;
     const { label, size, className = '' } = props;
     if (!label.value) {
         return null;
     }
-    const labelClasses = (0, classnames_1.default)('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', (_a = label.color) !== null && _a !== void 0 ? _a : 'text-color-dark', {
+    const labelClasses = (0, classnames_1.default)('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', label.color ?? 'text-color-dark', {
         'width-0': label.alignment === StatusBarConstants_1.TOP,
         'text-size-16': size === StatusBarConstants_1.SMALL,
         'text-size-h3': size === StatusBarConstants_1.LARGE,
         'text-bold': label.weight !== StatusBarConstants_1.LIGHT,
     }, label.className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: labelClasses }, { children: label.value })) })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)("span", { className: labelClasses, children: label.value }) }));
 };
 exports.default = StatusBarLabel;

package/lib/es/components/statusBar/StatusBarProgressBar.js

@@ -3,19 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatusBarProgressBar = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Tooltip_1 = tslib_1.__importDefault(require("../tooltip/Tooltip"));
 const OverlayTrigger_1 = tslib_1.__importDefault(require("../overlay/OverlayTrigger"));
 const StatusBarConstants_1 = require("./StatusBarConstants");
 const StatusBarProgressBar = (props) => {
     const { index, progress: { className, color, percentage = 0, tooltip, tooltipDelay = 50, tooltipPosition = StatusBarConstants_1.TOP }, useProgressDivider, } = props;
-    const progressBarClasses = (0, classnames_1.default)('progress-bar', color !== null && color !== void 0 ? color : 'progress-bar-info', useProgressDivider && 'progress-divider', className);
+    const progressBarClasses = (0, classnames_1.default)('progress-bar', color ?? 'progress-bar-info', useProgressDivider && 'progress-divider', className);
     const progressBar = (0, jsx_runtime_1.jsx)("div", { className: progressBarClasses, style: { width: `${percentage}%` } });
     if (!tooltip) {
         return progressBar;
     }
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.default, Object.assign({ placement: tooltipPosition, overlay: (0, jsx_runtime_1.jsx)(Tooltip_1.default, Object.assign({ id: `tooltip-${index}`, width: 'auto' }, { children: tooltip })), delay: tooltipDelay }, { children: progressBar })));
+    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.default, { placement: tooltipPosition, overlay: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { id: `tooltip-${index}`, width: 'auto', children: tooltip }), delay: tooltipDelay, children: progressBar }));
 };
 exports.StatusBarProgressBar = StatusBarProgressBar;
 exports.default = exports.StatusBarProgressBar;

package/lib/es/components/steppedProgressBar/SteppedProgressBar.js

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

package/lib/es/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/lib/es/components/switch/Switch.js

@@ -8,7 +8,7 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
 const currentColors_1 = require("../../utils/currentColors");
 const Switch = (0, react_1.forwardRef)((props, ref) => {
-    const { keyName, checked = false, enabledText, minWidth = 40, disabled = false, color = 'primary', disabledText, children, labelPosition = children ? 'right' : undefined, onChange = noop_1.default } = props, remainingProps = tslib_1.__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_1.default, ...remainingProps } = props;
     const handleChange = (event) => {
         onChange(event.target.checked);
     };
@@ -19,7 +19,7 @@ const Switch = (0, react_1.forwardRef)((props, ref) => {
     // !hasMultipleText && !hasSingleText && 'width-40'
     );
     const switchBackgroundColor = (0, currentColors_1.getCurrentBackgroundColor)(color);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: 'uikit-switch' }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: switchLabelClasses }, { children: [(0, jsx_runtime_1.jsx)("input", { onChange: handleChange, checked: checked, type: 'checkbox', id: keyName, className: 'switch-input', disabled: disabled }, keyName), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: switchContentClasses, style: { color: switchBackgroundColor, minWidth } }, { children: [hasMultipleText ? ((0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": disabledText })) : (hasSingleText && (0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": enabledText })), (0, jsx_runtime_1.jsx)("div", { className: 'switch-handle' })] })), children && children] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, ...remainingProps, className: 'uikit-switch', children: (0, jsx_runtime_1.jsxs)("label", { className: switchLabelClasses, children: [(0, jsx_runtime_1.jsx)("input", { onChange: handleChange, checked: checked, type: 'checkbox', id: keyName, className: 'switch-input', disabled: disabled }, keyName), (0, jsx_runtime_1.jsxs)("div", { className: switchContentClasses, style: { color: switchBackgroundColor, minWidth }, children: [hasMultipleText ? ((0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": disabledText })) : (hasSingleText && (0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": enabledText })), (0, jsx_runtime_1.jsx)("div", { className: 'switch-handle' })] }), children && children] }) }));
 });
 Switch.LABEL_POSITION_LEFT = 'left';
 Switch.LABEL_POSITION_RIGHT = 'right';

package/lib/es/components/table/SortArrowDown.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const SortArrowDown = () => (0, jsx_runtime_1.jsx)("span", { className: 'sort-icon sort-desc' });
 exports.default = SortArrowDown;

package/lib/es/components/table/SortArrowUp.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const SortArrowUp = () => (0, jsx_runtime_1.jsx)("span", { className: 'sort-icon sort-asc' });
 exports.default = SortArrowUp;

package/lib/es/components/table/SortArrows.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const toLower_1 = tslib_1.__importDefault(require("lodash/fp/toLower"));
 const SortArrows = ({ direction }) => ((0, jsx_runtime_1.jsx)("span", { className: `sort-arrows ${direction ? `sort-${(0, toLower_1.default)(direction)}` : ''}` }));
 exports.default = SortArrows;

package/lib/es/components/table/TableCardsSorting.js

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

package/lib/es/components/table/TableSearch.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const ClearableInput_1 = tslib_1.__importDefault(require("../clearableInput/ClearableInput"));
 const TableSearch = (props) => {
-    const { className } = props, remainingProps = tslib_1.__rest(props, ["className"]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('table-toolbar-search', 'input-group', className) }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-search' }) })), (0, jsx_runtime_1.jsx)(ClearableInput_1.default, Object.assign({}, remainingProps))] })));
+    const { className, ...remainingProps } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('table-toolbar-search', 'input-group', className), children: [(0, jsx_runtime_1.jsx)("span", { className: 'input-group-addon', children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-search' }) }), (0, jsx_runtime_1.jsx)(ClearableInput_1.default, { ...remainingProps })] }));
 };
 exports.default = TableSearch;

package/lib/es/components/table/TableSettingsColumnButtons.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableSettingsColumnButtons = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const TableSettingsColumnButtons = (props) => {
@@ -12,14 +11,14 @@ const TableSettingsColumnButtons = (props) => {
     const columnUpClasses = (0, classnames_1.default)(navButtonBase, index === 0 && 'disabled');
     const columnDownClasses = (0, classnames_1.default)(navButtonBase, index === columnOrder.length - 1 && 'disabled');
     const toggleIconClassNames = (0, classnames_1.default)('rioglyph', openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width');
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'table-settings-item-item-buttons' }, { children: [!disabled && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: columnUpClasses, onClick: event => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'table-settings-item-item-buttons', children: [!disabled && ((0, jsx_runtime_1.jsx)("div", { className: columnUpClasses, onClick: event => {
                     event.preventDefault();
                     event.stopPropagation();
                     onMoveColumn(column, index - 1, true);
-                } }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-up' }) }))), !disabled && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: columnDownClasses, onClick: event => {
+                }, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-up' }) })), !disabled && ((0, jsx_runtime_1.jsx)("div", { className: columnDownClasses, onClick: event => {
                     event.preventDefault();
                     event.stopPropagation();
                     onMoveColumn(column, index + 1, true);
-                } }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-down' }) }))), columnDetails && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: navButtonBase, onClick: () => onOpenDetails(column) }, { children: (0, jsx_runtime_1.jsx)("span", { className: toggleIconClassNames }) })))] })));
+                }, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-down' }) })), columnDetails && ((0, jsx_runtime_1.jsx)("div", { className: navButtonBase, onClick: () => onOpenDetails(column), children: (0, jsx_runtime_1.jsx)("span", { className: toggleIconClassNames }) }))] }));
 };
 exports.TableSettingsColumnButtons = TableSettingsColumnButtons;

package/lib/es/components/table/TableSettingsColumnDetails.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableSettingsColumnDetails = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const Slider_1 = tslib_1.__importDefault(require("../slider/Slider"));
@@ -19,6 +17,6 @@ const TableSettingsColumnDetails = (props) => {
     const handleColumnWidthChange = (value) => onColumnWidthChange(column, value);
     const handleResetColumnWidth = () => onResetColumnWidth(column);
     const resetWidthButtonClassNames = (0, classnames_1.default)('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'table-settings-item-body' }, { children: [(0, jsx_runtime_1.jsx)(Slider_1.default, { className: 'margin-bottom-0', value: width, minValue: 0, maxValue: maxWidth || maxColumnWidth, step: 1, onChange: handleColumnWidthChange }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: resetWidthButtonClassNames, role: 'button', onClick: handleResetColumnWidth }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-revert' }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'column-width-input' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'input-group' }, { children: [(0, jsx_runtime_1.jsx)("input", { className: 'form-control text-right padding-right-5 no-controls', type: 'number', value: width || '', min: 0, max: maxWidth || maxColumnWidth, onChange: handleWidthInputChange }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'input-group-addon' }, { children: "px" }))] })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'table-settings-item-body', children: [(0, jsx_runtime_1.jsx)(Slider_1.default, { className: 'margin-bottom-0', value: width, minValue: 0, maxValue: maxWidth || maxColumnWidth, step: 1, onChange: handleColumnWidthChange }), (0, jsx_runtime_1.jsx)("div", { className: resetWidthButtonClassNames, role: 'button', onClick: handleResetColumnWidth, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-revert' }) }), (0, jsx_runtime_1.jsx)("div", { className: 'column-width-input', children: (0, jsx_runtime_1.jsxs)("div", { className: 'input-group', children: [(0, jsx_runtime_1.jsx)("input", { className: 'form-control text-right padding-right-5 no-controls', type: 'number', value: width || '', min: 0, max: maxWidth || maxColumnWidth, onChange: handleWidthInputChange }), (0, jsx_runtime_1.jsx)("div", { className: 'input-group-addon', children: "px" })] }) })] }));
 };
 exports.TableSettingsColumnDetails = TableSettingsColumnDetails;

package/lib/es/components/table/TableSettingsDialog.js

@@ -69,10 +69,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;
                 }
@@ -99,7 +98,10 @@ const TableSettingsDialog = (props) => {
     const handleCancelResetColumnChanges = () => setIsResetAll(false);
     const resetColumnsDetails = (details) => {
         return (0, mapValues_1.default)((singleColumnDetails) => {
-            return Object.assign(Object.assign({}, singleColumnDetails), { width: singleColumnDetails.defaultWidth || DEFAULT_COLUMN_WIDTH });
+            return {
+                ...singleColumnDetails,
+                width: singleColumnDetails.defaultWidth || DEFAULT_COLUMN_WIDTH,
+            };
         })(details);
     };
     const resetAllColumnChanges = () => {
@@ -172,7 +174,7 @@ const TableSettingsDialog = (props) => {
         }
     };
     const handleOpenColumnsDetails = (columnName) => {
-        const updatedOpenColumnDetails = Object.assign({}, openColumnsDetails);
+        const updatedOpenColumnDetails = { ...openColumnsDetails };
         if (updatedOpenColumnDetails[columnName]) {
             delete updatedOpenColumnDetails[columnName];
         }
@@ -184,7 +186,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;
         }
@@ -218,7 +220,7 @@ const TableSettingsDialog = (props) => {
         };
         const filteredColumns = columnOrder.filter(column => (0, TableSettingsListItem_1.filterColumns)(columnSearchValue, column, columnLabelStrings));
         const hasItems = !(0, isEqual_1.default)(filteredColumns, columnOrder);
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: contentRef }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'table-settings-search' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'input-group width-100pct' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-search' }) })), (0, jsx_runtime_1.jsx)(ClearableInput_1.default, { value: columnSearchValue, onChange: handleSearchChange, placeholder: searchPlaceholder })] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'table-settings-body' }, { children: hasItems ? ((0, jsx_runtime_1.jsx)(TableSettingsListContainer_1.TableSettingsListContainer, { items: columnOrder, onSortEnd: handleSortEnd, itemProps: Object.assign({}, itemProps) })) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-center text-color-gray' }, { children: notFoundMessage }))) }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", { ref: contentRef, children: [(0, jsx_runtime_1.jsx)("div", { className: 'table-settings-search', children: (0, jsx_runtime_1.jsxs)("div", { className: 'input-group width-100pct', children: [(0, jsx_runtime_1.jsx)("span", { className: 'input-group-addon', children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-search' }) }), (0, jsx_runtime_1.jsx)(ClearableInput_1.default, { value: columnSearchValue, onChange: handleSearchChange, placeholder: searchPlaceholder })] }) }), (0, jsx_runtime_1.jsx)("div", { className: 'table-settings-body', children: hasItems ? ((0, jsx_runtime_1.jsx)(TableSettingsListContainer_1.TableSettingsListContainer, { items: columnOrder, onSortEnd: handleSortEnd, itemProps: { ...itemProps } })) : ((0, jsx_runtime_1.jsx)("div", { className: 'text-center text-color-gray', children: notFoundMessage })) })] }));
     };
     const renderTableSettingsDialogFooter = () => {
         return ((0, jsx_runtime_1.jsx)(TableSettingsDialogFooter_1.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/lib/es/components/table/TableSettingsDialog.types.d.ts

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