@rio-cloud/rio-uikit 1.6.1 → 1.7.1

package/lib/es/components/calendarStripe/CalendarStripe.js

@@ -122,6 +122,6 @@ const CalendarStripe = (0, react_1.forwardRef)((props, ref) => {
     const baseButtonClassNames = (0, classnames_1.default)(!(0, hasUtilityClass_1.hasAlignItemsClass)(buttonClassName) && 'align-items-center', !(0, hasUtilityClass_1.hasDisplayClass)(buttonClassName) && 'display-flex', !(0, hasUtilityClass_1.hasHoverScaleClass)(buttonClassName) && 'hover-scale-105', !(0, hasUtilityClass_1.hasHoverTextColorClass)(buttonClassName) && 'hover-text-color-darkest', !(0, hasUtilityClass_1.hasPaddingClass)(buttonClassName) && 'padding-10', !(0, hasUtilityClass_1.hasCursorClass)(buttonClassName) && 'cursor-pointer', !(0, hasUtilityClass_1.hasTextColorClass)(buttonClassName) && 'text-color-darker', !(0, hasUtilityClass_1.hasTextSizeClass)(buttonClassName) && 'text-size-12', !(0, hasUtilityClass_1.hasAlignSelfClass)(buttonClassName) && 'align-self-stretch', buttonClassName);
     const daysWrapperClassNames = (0, classnames_1.default)(!(0, hasUtilityClass_1.hasDisplayClass)(daysWrapperClassName) && 'display-flex', !(0, hasUtilityClass_1.hasSpaceClass)(daysWrapperClassName) && 'space-x--1', !(0, hasUtilityClass_1.hasUserSelectClass)(daysWrapperClassName) && 'user-select-none', daysWrapperClassName);
     const dayWrapperClassNames = (0, classnames_1.default)(ITEM_NAME, !(0, hasUtilityClass_1.hasFlexClass)(dayWrapperClassName) && 'flex-1-1-0', !(0, hasUtilityClass_1.hasSpaceClass)(dayWrapperClassName) && 'space-x--1', !(0, hasUtilityClass_1.hasUserSelectClass)(dayWrapperClassName) && 'user-select-none', dayWrapperClassName);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: wrapperClassNames }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: baseButtonClassNames, onClick: handlePrev }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-chevron-left' }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'flex-1-1 overflow-hidden', ref: columnWrapperRef }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, Object.assign({ exitBeforeEnter: true, custom: animationDirection }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, Object.assign({ variants: variants, initial: enableInitialAnimation ? 'pageEnter' : false, animate: 'pageCenter', custom: animationDirection, transition: { duration: ANIMATION_DURATION } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: daysWrapperClassNames }, { children: dates.map(date => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: dayWrapperClassNames }, { children: [renderDay ? renderDay(date) : null, render && react_1.default.cloneElement((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: render }), { date })] }), `${getDateString(date)}`))) })) }), getDateString(firstDate)) })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: baseButtonClassNames, onClick: handleNext }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-chevron-right' }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: wrapperClassNames, children: [(0, jsx_runtime_1.jsx)("div", { className: baseButtonClassNames, onClick: handlePrev, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-chevron-left' }) }), (0, jsx_runtime_1.jsx)("div", { className: 'flex-1-1 overflow-hidden', ref: columnWrapperRef, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { exitBeforeEnter: true, custom: animationDirection, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { variants: variants, initial: enableInitialAnimation ? 'pageEnter' : false, animate: 'pageCenter', custom: animationDirection, transition: { duration: ANIMATION_DURATION }, children: (0, jsx_runtime_1.jsx)("div", { className: daysWrapperClassNames, children: dates.map(date => ((0, jsx_runtime_1.jsxs)("div", { className: dayWrapperClassNames, children: [renderDay ? renderDay(date) : null, render && react_1.default.cloneElement((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: render }), { date })] }, `${getDateString(date)}`))) }) }, getDateString(firstDate)) }) }), (0, jsx_runtime_1.jsx)("div", { className: baseButtonClassNames, onClick: handleNext, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-chevron-right' }) })] }));
 });
 exports.default = CalendarStripe;

package/lib/es/components/card/Card.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentProps, type PropsWithChildren } from 'react';
+export type CardProps = ComponentProps<'div'> & {
+    /**
+     * Shadow classes.
+     *
+     * @default 'default'
+     */
+    shadow?: 'subtle' | 'muted' | 'accent' | 'default' | 'smooth' | 'muted-down' | 'default-down' | 'none';
+    /**
+     * Card padding.
+     *
+     * @default 15
+     */
+    padding?: 0 | 5 | 10 | 15 | 20 | 25 | 50;
+    /**
+     * Additional classes set to the outer element.
+     */
+    className?: string;
+};
+declare const Card: (props: PropsWithChildren<CardProps>) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/lib/es/components/card/Card.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Card = (props) => {
+    const { className = '', shadow = 'default', padding = 15, children, ...remainingProps } = props;
+    const classes = (0, classnames_1.default)('bg-white', 'rounded', 'border', `shadow-${shadow}`, `padding-${padding}`, className);
+    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: classes, children: children }));
+};
+exports.default = Card;

package/lib/es/components/carousel/Carousel.d.ts

@@ -1,8 +1,6 @@
-declare const Carousel: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/Carousel").CarouselProps> & {
-    Caption: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
-    Item: import("react-bootstrap/esm/CarouselItem").default;
-} & {
-    PREV: 'prev';
-    NEXT: 'next';
+import OriginalCarousel from 'react-bootstrap/Carousel';
+declare const Carousel: typeof OriginalCarousel & {
+    PREV: "prev";
+    NEXT: "next";
 };
 export default Carousel;

package/lib/es/components/charts/AreaChart.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const recharts_1 = require("recharts");
 const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
 const chartHelper_1 = require("./chartHelper");
@@ -15,19 +13,19 @@ const XAxis_1 = require("./XAxis");
 const Area_1 = require("./Area");
 const ReferenceLine_1 = require("./ReferenceLine");
 const AreaChart = (props) => {
-    const { width, height, data = [], dataUnit = '', dataKey = 'value', gradients = [], areas = [], referenceLines = [], xAxisOptions, yAxisOptions, gridOptions, containerOptions, showXAxis = true, showYAxis = false, additionalAxes = [], showGrid = false, legend, brush = false, tooltip = true } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "gradients", "areas", "referenceLines", "xAxisOptions", "yAxisOptions", "gridOptions", "containerOptions", "showXAxis", "showYAxis", "additionalAxes", "showGrid", "legend", "brush", "tooltip"]);
+    const { width, height, data = [], dataUnit = '', dataKey = 'value', gradients = [], areas = [], referenceLines = [], xAxisOptions, yAxisOptions, gridOptions, containerOptions, showXAxis = true, showYAxis = false, additionalAxes = [], showGrid = false, legend, brush = false, tooltip = true, ...remainingProps } = props;
     const areasWithGradient = areas.map(area => {
-        const areaPropsWithDefault = Object.assign(Object.assign({}, (0, Area_1.getAreaDefaultProps)()), area.props);
-        const { strokeColor } = areaPropsWithDefault, remainingAreaProps = tslib_1.__rest(areaPropsWithDefault, ["strokeColor"]);
+        const areaPropsWithDefault = { ...(0, Area_1.getAreaDefaultProps)(), ...area.props };
+        const { strokeColor, ...remainingAreaProps } = areaPropsWithDefault;
         const gradientId = area.key;
         const stroke = (0, chartHelper_1.getColor)(strokeColor);
         return {
-            area: ((0, react_1.createElement)(recharts_1.Area, Object.assign({}, remainingAreaProps, { key: area.key, stroke: stroke, fill: `url(#${gradientId})` }))),
+            area: ((0, react_1.createElement)(recharts_1.Area, { ...remainingAreaProps, key: area.key, stroke: stroke, fill: `url(#${gradientId})` })),
             gradient: (0, jsx_runtime_1.jsx)(AreaGradient_1.default, { id: gradientId || AreaGradient_1.DEFAULT_ARIA_GRADIENT_ID, color: strokeColor }, area.key),
         };
     });
     const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    const legendProps = (0, isObject_1.default)(legend) ? Object.assign(Object.assign({}, (0, Legend_1.getLegendDefaultProps)()), legend.props) : {};
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({}, containerOptions, { children: (0, jsx_runtime_1.jsxs)(recharts_1.AreaChart, Object.assign({ width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 } }, remainingProps, { children: [(0, jsx_runtime_1.jsxs)("defs", { children: [gradients, areasWithGradient.map(areaWithGradient => areaWithGradient.gradient)] }), showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, Object.assign({}, tooltipProps)), legend && legendProps && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ wrapperStyle: legendProps.verticalAlign === 'bottom' ? { bottom: 0 } : legendProps.wrapperStyle }, legendProps)) })), areasWithGradient.map(areaWithGradient => areaWithGradient.area), referenceLines.map(ReferenceLine_1.renderReferenceLine), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) })));
+    const legendProps = (0, isObject_1.default)(legend) ? { ...(0, Legend_1.getLegendDefaultProps)(), ...legend.props } : {};
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { ...containerOptions, children: (0, jsx_runtime_1.jsxs)(recharts_1.AreaChart, { width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 }, ...remainingProps, children: [(0, jsx_runtime_1.jsxs)("defs", { children: [gradients, areasWithGradient.map(areaWithGradient => areaWithGradient.gradient)] }), showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: '3 3', ...(0, chartHelper_1.mapGridOptions)(gridOptions) }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { hide: !showXAxis, dataKey: dataKey, ...xAxisOptions }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { hide: !showYAxis, unit: dataUnit, ...yAxisOptions }), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { ...tooltipProps }), legend && legendProps && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(recharts_1.Legend, { wrapperStyle: legendProps.verticalAlign === 'bottom' ? { bottom: 0 } : legendProps.wrapperStyle, ...legendProps }) })), areasWithGradient.map(areaWithGradient => areaWithGradient.area), referenceLines.map(ReferenceLine_1.renderReferenceLine), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] }) }));
 };
 exports.default = AreaChart;

package/lib/es/components/charts/AreaGradient.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_ARIA_GRADIENT_ID = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const chartHelper_1 = require("./chartHelper");
 exports.DEFAULT_ARIA_GRADIENT_ID = 'areaGradient';
 const AreaGradient = (props) => {
     const { id = exports.DEFAULT_ARIA_GRADIENT_ID, color = 'color-coldplay-fountain' } = props;
-    return ((0, jsx_runtime_1.jsxs)("linearGradient", Object.assign({ id: id, x1: '0', y1: '0', x2: '0', y2: '1' }, { children: [(0, jsx_runtime_1.jsx)("stop", { offset: '5%', stopColor: (0, chartHelper_1.getColor)(color), stopOpacity: 0.8 }), (0, jsx_runtime_1.jsx)("stop", { offset: '95%', stopColor: (0, chartHelper_1.getColor)(color), stopOpacity: 0 })] }), id));
+    return ((0, jsx_runtime_1.jsxs)("linearGradient", { id: id, x1: '0', y1: '0', x2: '0', y2: '1', children: [(0, jsx_runtime_1.jsx)("stop", { offset: '5%', stopColor: (0, chartHelper_1.getColor)(color), stopOpacity: 0.8 }), (0, jsx_runtime_1.jsx)("stop", { offset: '95%', stopColor: (0, chartHelper_1.getColor)(color), stopOpacity: 0 })] }, id));
 };
 exports.default = AreaGradient;

package/lib/es/components/charts/BarChart.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 recharts_1 = require("recharts");
 const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
 const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
@@ -13,26 +11,30 @@ const Legend_1 = require("./Legend");
 const XAxis_1 = require("./XAxis");
 const Bar_1 = require("./Bar");
 const BarChart = (props) => {
-    const { width, height, data = [], dataUnit, dataKey = 'value', layout = 'horizontal', legend = false, bars = [], xAxisOptions, yAxisOptions, additionalAxes = [], gridOptions, containerOptions, showGrid = false, showXAxis = true, showYAxis = true, useDataColors = false, brush = false, tooltip = true } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "layout", "legend", "bars", "xAxisOptions", "yAxisOptions", "additionalAxes", "gridOptions", "containerOptions", "showGrid", "showXAxis", "showYAxis", "useDataColors", "brush", "tooltip"]);
+    const { width, height, data = [], dataUnit, dataKey = 'value', layout = 'horizontal', legend = false, bars = [], xAxisOptions, yAxisOptions, additionalAxes = [], gridOptions, containerOptions, showGrid = false, showXAxis = true, showYAxis = true, useDataColors = false, brush = false, tooltip = true, ...remainingProps } = props;
     const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    const legendProps = (0, isObject_1.default)(legend) ? Object.assign(Object.assign({}, (0, Legend_1.getLegendDefaultProps)()), legend.props) : {};
+    const legendProps = (0, isObject_1.default)(legend) ? { ...(0, Legend_1.getLegendDefaultProps)(), ...legend.props } : {};
     let legendPayload;
     if (useDataColors) {
         legendPayload = data.map((entry, index) => {
             const legendColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
-            return Object.assign(Object.assign({}, entry), { value: (0, isFunction_1.default)(dataKey) ? dataKey(entry) : entry[dataKey], color: legendColor });
+            return {
+                ...entry,
+                value: (0, isFunction_1.default)(dataKey) ? dataKey(entry) : entry[dataKey],
+                color: legendColor,
+            };
         });
     }
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({}, containerOptions, { children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, Object.assign({ layout: layout, width: width, height: height, data: data }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, Object.assign({ cursor: { fill: chartHelper_1.CURSOR_BACKGROUND_COLOR } }, tooltipProps)), legend && (0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ payload: useDataColors ? legendPayload : undefined }, legendProps)), bars.map(bar => {
-                    const barPropsWithDefault = Object.assign(Object.assign({}, (0, Bar_1.getBarDefaultProps)()), bar.props);
-                    const { color } = barPropsWithDefault, remainingBarProps = tslib_1.__rest(barPropsWithDefault, ["color"]);
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { ...containerOptions, children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, { layout: layout, width: width, height: height, data: data, ...remainingProps, children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: '3 3', ...(0, chartHelper_1.mapGridOptions)(gridOptions) }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { hide: !showXAxis, dataKey: dataKey, ...xAxisOptions }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { hide: !showYAxis, unit: dataUnit, ...yAxisOptions }), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { cursor: { fill: chartHelper_1.CURSOR_BACKGROUND_COLOR }, ...tooltipProps }), legend && (0, jsx_runtime_1.jsx)(recharts_1.Legend, { payload: useDataColors ? legendPayload : undefined, ...legendProps }), bars.map(bar => {
+                    const barPropsWithDefault = { ...(0, Bar_1.getBarDefaultProps)(), ...bar.props };
+                    const { color, ...remainingBarProps } = barPropsWithDefault;
                     const cellColor = color && (0, chartHelper_1.getColor)(color);
-                    return ((0, jsx_runtime_1.jsx)(recharts_1.Bar, Object.assign({ unit: dataUnit }, remainingBarProps, { fill: cellColor }, { children: useDataColors &&
+                    return ((0, jsx_runtime_1.jsx)(recharts_1.Bar, { unit: dataUnit, ...remainingBarProps, fill: cellColor, children: useDataColors &&
                             data.map((entry, index) => {
                                 const entryCellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
                                 // biome-ignore lint/suspicious/noArrayIndexKey: unknown key
                                 return (0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: entryCellColor }, `cell-${index}`);
-                            }) }), bar.key));
-                }), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) })));
+                            }) }, bar.key));
+                }), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] }) }));
 };
 exports.default = BarChart;

package/lib/es/components/charts/ChartGrid.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("react");

package/lib/es/components/charts/ChartLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LabelProps as RechartsLabelProps } from 'recharts';
 export type LabelProps = Omit<RechartsLabelProps, 'ref'> & {};
 declare const ChartLabel: React.FC<LabelProps>;

package/lib/es/components/charts/ChartNeedle.js

@@ -1,11 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("react");
 const ChartNeedle = (props) => {
     const { width = '5px', height = '65px', x = '-50%', y = '-100%', rotation = 0, className = '', style } = props;
-    const needleStyle = Object.assign({ width,
-        height, transformOrigin: 'bottom', transform: `translate(${x}, ${y}) rotate(${rotation}deg)`, borderBottomLeftRadius: '4px', borderBottomRightRadius: '4px', borderTopLeftRadius: '100%', borderTopRightRadius: '100%', display: 'inline-block' }, style);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'position-relative' }, { children: (0, jsx_runtime_1.jsx)("div", { className: `position-absolute bg-dark ${className}`, style: needleStyle }) })));
+    const needleStyle = {
+        width,
+        height,
+        transformOrigin: 'bottom',
+        transform: `translate(${x}, ${y}) rotate(${rotation}deg)`,
+        borderBottomLeftRadius: '4px',
+        borderBottomRightRadius: '4px',
+        borderTopLeftRadius: '100%',
+        borderTopRightRadius: '100%',
+        display: 'inline-block',
+        ...style,
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: 'position-relative', children: (0, jsx_runtime_1.jsx)("div", { className: `position-absolute bg-dark ${className}`, style: needleStyle }) }));
 };
 exports.default = ChartNeedle;

package/lib/es/components/charts/ComposedChart.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const recharts_1 = require("recharts");
 const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
 const chartHelper_1 = require("./chartHelper");
@@ -16,22 +14,22 @@ const ReferenceLine_1 = require("./ReferenceLine");
 const Line_1 = require("./Line");
 const Area_1 = require("./Area");
 const ComposedChart = (props) => {
-    const { width, height, data = [], dataUnit = '', dataKey = 'value', lines = [], bars = [], areas = [], referenceLines = [], xAxisOptions, yAxisOptions, additionalAxes = [], gridOptions, containerOptions, showXAxis = true, showYAxis = false, showGrid = false, legend, brush = false, tooltip = true } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "lines", "bars", "areas", "referenceLines", "xAxisOptions", "yAxisOptions", "additionalAxes", "gridOptions", "containerOptions", "showXAxis", "showYAxis", "showGrid", "legend", "brush", "tooltip"]);
+    const { width, height, data = [], dataUnit = '', dataKey = 'value', lines = [], bars = [], areas = [], referenceLines = [], xAxisOptions, yAxisOptions, additionalAxes = [], gridOptions, containerOptions, showXAxis = true, showYAxis = false, showGrid = false, legend, brush = false, tooltip = true, ...remainingProps } = props;
     const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    const legendProps = (0, isObject_1.default)(legend) ? Object.assign(Object.assign({}, (0, Legend_1.getLegendDefaultProps)()), legend.props) : {};
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({}, containerOptions, { children: (0, jsx_runtime_1.jsxs)(recharts_1.ComposedChart, Object.assign({ width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 } }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, Object.assign({}, tooltipProps)), legend && (0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({}, legendProps)), areas.map(area => {
-                    const areaPropsWithDefault = Object.assign(Object.assign({}, (0, Area_1.getAreaDefaultProps)()), area.props);
-                    const { strokeColor, fill } = areaPropsWithDefault, remainingAreaProps = tslib_1.__rest(areaPropsWithDefault, ["strokeColor", "fill"]);
-                    return ((0, react_1.createElement)(recharts_1.Area, Object.assign({}, remainingAreaProps, { key: area.key, stroke: (0, chartHelper_1.getColor)(strokeColor), fill: (0, chartHelper_1.getColor)(fill) })));
+    const legendProps = (0, isObject_1.default)(legend) ? { ...(0, Legend_1.getLegendDefaultProps)(), ...legend.props } : {};
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { ...containerOptions, children: (0, jsx_runtime_1.jsxs)(recharts_1.ComposedChart, { width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 }, ...remainingProps, children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: '3 3', ...(0, chartHelper_1.mapGridOptions)(gridOptions) }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { hide: !showXAxis, dataKey: dataKey, ...xAxisOptions }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { hide: !showYAxis, unit: dataUnit, ...yAxisOptions }), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { ...tooltipProps }), legend && (0, jsx_runtime_1.jsx)(recharts_1.Legend, { ...legendProps }), areas.map(area => {
+                    const areaPropsWithDefault = { ...(0, Area_1.getAreaDefaultProps)(), ...area.props };
+                    const { strokeColor, fill, ...remainingAreaProps } = areaPropsWithDefault;
+                    return ((0, react_1.createElement)(recharts_1.Area, { ...remainingAreaProps, key: area.key, stroke: (0, chartHelper_1.getColor)(strokeColor), fill: (0, chartHelper_1.getColor)(fill) }));
                 }), bars.map(bar => {
-                    const barPropsWithDefault = Object.assign(Object.assign({}, (0, Bar_1.getBarDefaultProps)()), bar.props);
-                    const { color } = barPropsWithDefault, remainingBarProps = tslib_1.__rest(barPropsWithDefault, ["color"]);
+                    const barPropsWithDefault = { ...(0, Bar_1.getBarDefaultProps)(), ...bar.props };
+                    const { color, ...remainingBarProps } = barPropsWithDefault;
                     const cellColor = color && (0, chartHelper_1.getColor)(color);
-                    return (0, jsx_runtime_1.jsx)(recharts_1.Bar, Object.assign({ unit: dataUnit }, remainingBarProps, { fill: cellColor }), bar.key);
+                    return (0, jsx_runtime_1.jsx)(recharts_1.Bar, { unit: dataUnit, ...remainingBarProps, fill: cellColor }, bar.key);
                 }), lines.map(line => {
-                    const linePropsWithDefault = Object.assign(Object.assign({}, (0, Line_1.getLineDefaultProps)()), line.props);
-                    const { strokeColor } = linePropsWithDefault, remainingLineProps = tslib_1.__rest(linePropsWithDefault, ["strokeColor"]);
-                    return ((0, react_1.createElement)(recharts_1.Line, Object.assign({}, remainingLineProps, { key: line.key, stroke: (0, chartHelper_1.getColor)(strokeColor) })));
-                }), referenceLines.map(ReferenceLine_1.renderReferenceLine), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) })));
+                    const linePropsWithDefault = { ...(0, Line_1.getLineDefaultProps)(), ...line.props };
+                    const { strokeColor, ...remainingLineProps } = linePropsWithDefault;
+                    return ((0, react_1.createElement)(recharts_1.Line, { ...remainingLineProps, key: line.key, stroke: (0, chartHelper_1.getColor)(strokeColor) }));
+                }), referenceLines.map(ReferenceLine_1.renderReferenceLine), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] }) }));
 };
 exports.default = ComposedChart;

package/lib/es/components/charts/Legend.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLegendDefaultProps = void 0;
-// @ts-ignore importsNotUsedAsValues
-require("react");
 const getLegendDefaultProps = () => ({
     iconType: 'circle',
     iconSize: 12,

package/lib/es/components/charts/LineChart.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const recharts_1 = require("recharts");
 const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
 const chartHelper_1 = require("./chartHelper");
@@ -14,13 +12,13 @@ const XAxis_1 = require("./XAxis");
 const Line_1 = require("./Line");
 const ReferenceLine_1 = require("./ReferenceLine");
 const LineChart = (props) => {
-    const { width, height, data = [], dataUnit = '', dataKey = 'value', lines = [], referenceLines = [], xAxisOptions, yAxisOptions, gridOptions, containerOptions, showXAxis = true, showYAxis = false, additionalAxes = [], showGrid = false, legend, brush = false, tooltip = true, brushOptions = {} } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "lines", "referenceLines", "xAxisOptions", "yAxisOptions", "gridOptions", "containerOptions", "showXAxis", "showYAxis", "additionalAxes", "showGrid", "legend", "brush", "tooltip", "brushOptions"]);
+    const { width, height, data = [], dataUnit = '', dataKey = 'value', lines = [], referenceLines = [], xAxisOptions, yAxisOptions, gridOptions, containerOptions, showXAxis = true, showYAxis = false, additionalAxes = [], showGrid = false, legend, brush = false, tooltip = true, brushOptions = {}, ...remainingProps } = props;
     const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    const legendProps = (0, isObject_1.default)(legend) ? Object.assign(Object.assign({}, (0, Legend_1.getLegendDefaultProps)()), legend.props) : {};
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({}, containerOptions, { children: (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, Object.assign({ width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 } }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, Object.assign({}, tooltipProps)), legend && (0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({}, legendProps)), lines.map(line => {
-                    const linePropsWithDefault = Object.assign(Object.assign({}, (0, Line_1.getLineDefaultProps)()), line.props);
-                    const { strokeColor } = linePropsWithDefault, remainingLineProps = tslib_1.__rest(linePropsWithDefault, ["strokeColor"]);
-                    return ((0, react_1.createElement)(recharts_1.Line, Object.assign({}, remainingLineProps, { key: line.key, stroke: (0, chartHelper_1.getColor)(strokeColor) })));
-                }), referenceLines.map(ReferenceLine_1.renderReferenceLine), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, Object.assign({}, brushOptions, { stroke: (0, chartHelper_1.getColor)('gray') }))] })) })));
+    const legendProps = (0, isObject_1.default)(legend) ? { ...(0, Legend_1.getLegendDefaultProps)(), ...legend.props } : {};
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { ...containerOptions, children: (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, { width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 }, ...remainingProps, children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: '3 3', ...(0, chartHelper_1.mapGridOptions)(gridOptions) }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { hide: !showXAxis, dataKey: dataKey, ...xAxisOptions }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { hide: !showYAxis, unit: dataUnit, ...yAxisOptions }), additionalAxes.map(XAxis_1.renderAxis), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { ...tooltipProps }), legend && (0, jsx_runtime_1.jsx)(recharts_1.Legend, { ...legendProps }), lines.map(line => {
+                    const linePropsWithDefault = { ...(0, Line_1.getLineDefaultProps)(), ...line.props };
+                    const { strokeColor, ...remainingLineProps } = linePropsWithDefault;
+                    return ((0, react_1.createElement)(recharts_1.Line, { ...remainingLineProps, key: line.key, stroke: (0, chartHelper_1.getColor)(strokeColor) }));
+                }), referenceLines.map(ReferenceLine_1.renderReferenceLine), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { ...brushOptions, stroke: (0, chartHelper_1.getColor)('gray') })] }) }));
 };
 exports.default = LineChart;

package/lib/es/components/charts/PieChart.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 recharts_1 = require("recharts");
 const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
 const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
@@ -15,21 +13,21 @@ const renderCustomInnerLabel = (dataUnit) => ({ cx, cy, midAngle, innerRadius, o
     const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
     const x = cx + radius * Math.cos(-midAngle * RADIAN);
     const y = cy + radius * Math.sin(-midAngle * RADIAN);
-    return ((0, jsx_runtime_1.jsx)("text", Object.assign({ x: x, y: y, fill: 'white', textAnchor: x > cx ? 'start' : 'end', dominantBaseline: 'central' }, { children: `${value} ${dataUnit}` })));
+    return ((0, jsx_runtime_1.jsx)("text", { x: x, y: y, fill: 'white', textAnchor: x > cx ? 'start' : 'end', dominantBaseline: 'central', children: `${value} ${dataUnit}` }));
 };
 const PieChart = (props) => {
-    const { width, height, innerRadius, outerRadius, data = [], dataKey = 'value', dataUnit = '', nameKey = 'name', color, filled = false, labels = true, innerLabels = false, paddingAngle = 3, legend = (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), tooltip = true, pieOptions, containerOptions } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "labels", "innerLabels", "paddingAngle", "legend", "tooltip", "pieOptions", "containerOptions"]);
+    const { width, height, innerRadius, outerRadius, data = [], dataKey = 'value', dataUnit = '', nameKey = 'name', color, filled = false, labels = true, innerLabels = false, paddingAngle = 3, legend = (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), tooltip = true, pieOptions, containerOptions, ...remainingProps } = props;
     // biome-ignore lint/suspicious/noExplicitAny:
     const renderLabels = (entry) => `${(0, isFunction_1.default)(dataKey) ? dataKey(entry) : entry[dataKey]} ${dataUnit}`;
     const pieLabel = labels && (innerLabels ? renderCustomInnerLabel(dataUnit) : renderLabels);
     const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    const legendProps = (0, isObject_1.default)(legend) ? Object.assign(Object.assign({}, (0, Legend_1.getLegendDefaultProps)()), legend.props) : {};
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({}, containerOptions, { children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, Object.assign({ width: width, height: height }, remainingProps, { children: [legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ formatter: (value, entry) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-color-darker' }, { children: value }))) }, legendProps))), (0, jsx_runtime_1.jsx)(recharts_1.Pie, Object.assign({ data: data, isAnimationActive: true, nameKey: nameKey, dataKey: dataKey, label: pieLabel, 
+    const legendProps = (0, isObject_1.default)(legend) ? { ...(0, Legend_1.getLegendDefaultProps)(), ...legend.props } : {};
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { ...containerOptions, children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, { width: width, height: height, ...remainingProps, children: [legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, { formatter: (value, entry) => ((0, jsx_runtime_1.jsx)("span", { className: 'text-color-darker', children: value })), ...legendProps })), (0, jsx_runtime_1.jsx)(recharts_1.Pie, { data: data, isAnimationActive: true, nameKey: nameKey, dataKey: dataKey, label: pieLabel, 
                     // cx={Math.max(outerRadius, width / 3)}
                     // cy={height / 2}
-                    innerRadius: filled ? 0 : innerRadius, outerRadius: outerRadius, paddingAngle: filled ? 0 : paddingAngle, labelLine: !innerLabels }, pieOptions, { children: data.map((entry, index) => {
+                    innerRadius: filled ? 0 : innerRadius, outerRadius: outerRadius, paddingAngle: filled ? 0 : paddingAngle, labelLine: !innerLabels, ...pieOptions, children: data.map((entry, index) => {
                         const cellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
                         return ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: (0, isFunction_1.default)(color) ? (0, chartHelper_1.getColor)(color(entry)) : cellColor }, `cell-${index}`));
-                    }) })), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, Object.assign({ formatter: (0, ChartTooltip_1.defaultFormatter)(dataUnit) }, tooltipProps))] })) })));
+                    }) }), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { formatter: (0, ChartTooltip_1.defaultFormatter)(dataUnit), ...tooltipProps })] }) }));
 };
 exports.default = PieChart;

package/lib/es/components/charts/RadialBarChart.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 recharts_1 = require("recharts");
 const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
 const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
@@ -11,18 +9,18 @@ const chartHelper_1 = require("./chartHelper");
 const Legend_1 = require("./Legend");
 const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
 const RadialBarChart = (props) => {
-    const { width, height, data = [], dataKey = 'value', startAngle = 180, endAngle = 0, innerRadius = '30%', outerRadius = '100%', legend = (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), textOptions, radialBarOptions, containerOptions, showBarLabel = false, cornerRadius = 30, background = true, range, tooltip = false } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataKey", "startAngle", "endAngle", "innerRadius", "outerRadius", "legend", "textOptions", "radialBarOptions", "containerOptions", "showBarLabel", "cornerRadius", "background", "range", "tooltip"]);
-    const _a = textOptions || {}, { text, size = '500%', weight = 'normal', color = 'gray-darkest' } = _a, remainingTextOptions = tslib_1.__rest(_a, ["text", "size", "weight", "color"]);
+    const { width, height, data = [], dataKey = 'value', startAngle = 180, endAngle = 0, innerRadius = '30%', outerRadius = '100%', legend = (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), textOptions, radialBarOptions, containerOptions, showBarLabel = false, cornerRadius = 30, background = true, range, tooltip = false, ...remainingProps } = props;
+    const { text, size = '500%', weight = 'normal', color = 'gray-darkest', ...remainingTextOptions } = textOptions || {};
     const textStyle = {
         fontSize: size,
         fontWeight: weight,
         fill: color && (0, chartHelper_1.getColor)(color),
     };
     const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    const legendProps = (0, isObject_1.default)(legend) ? Object.assign(Object.assign({}, (0, Legend_1.getLegendDefaultProps)()), legend.props) : {};
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({}, containerOptions, { children: (0, jsx_runtime_1.jsxs)(recharts_1.RadialBarChart, Object.assign({ width: width, height: height, data: data, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle }, remainingProps, { children: [(0, jsx_runtime_1.jsx)(recharts_1.RadialBar, Object.assign({ label: showBarLabel && { fill: '#666', position: 'insideStart' }, background: background, dataKey: dataKey, cornerRadius: cornerRadius }, radialBarOptions, { children: data.map((entry, index) => {
+    const legendProps = (0, isObject_1.default)(legend) ? { ...(0, Legend_1.getLegendDefaultProps)(), ...legend.props } : {};
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { ...containerOptions, children: (0, jsx_runtime_1.jsxs)(recharts_1.RadialBarChart, { width: width, height: height, data: data, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, ...remainingProps, children: [(0, jsx_runtime_1.jsx)(recharts_1.RadialBar, { label: showBarLabel && { fill: '#666', position: 'insideStart' }, background: background, dataKey: dataKey, cornerRadius: cornerRadius, ...radialBarOptions, children: data.map((entry, index) => {
                         const cellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
                         return ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: (0, isFunction_1.default)(color) ? color(entry, index) : cellColor }, `cell-${index}`));
-                    }) })), range && (0, jsx_runtime_1.jsx)(recharts_1.PolarAngleAxis, { type: 'number', domain: range, angleAxisId: 0, tick: false }), textOptions && ((0, jsx_runtime_1.jsx)("text", Object.assign({ x: width ? width / 2 : '50%', y: height ? height / 2 : '50%', textAnchor: 'middle', dominantBaseline: 'middle', className: 'radialbarchart-text', style: textStyle }, remainingTextOptions, { children: text }))), legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ formatter: (value, entry) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-color-darker' }, { children: value }))) }, legendProps))), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, Object.assign({ cursor: { fill: chartHelper_1.CURSOR_BACKGROUND_COLOR } }, tooltipProps))] })) })));
+                    }) }), range && (0, jsx_runtime_1.jsx)(recharts_1.PolarAngleAxis, { type: 'number', domain: range, angleAxisId: 0, tick: false }), textOptions && ((0, jsx_runtime_1.jsx)("text", { x: width ? width / 2 : '50%', y: height ? height / 2 : '50%', textAnchor: 'middle', dominantBaseline: 'middle', className: 'radialbarchart-text', style: textStyle, ...remainingTextOptions, children: text })), legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, { formatter: (value, entry) => ((0, jsx_runtime_1.jsx)("span", { className: 'text-color-darker', children: value })), ...legendProps })), tooltip && (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, { cursor: { fill: chartHelper_1.CURSOR_BACKGROUND_COLOR }, ...tooltipProps })] }) }));
 };
 exports.default = RadialBarChart;

package/lib/es/components/charts/ReferenceLine.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderReferenceLine = exports.getReferenceLineDefaultProps = void 0;
-const tslib_1 = require("tslib");
 const react_1 = require("react");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
 const recharts_1 = require("recharts");
 const chartHelper_1 = require("./chartHelper");
 const getReferenceLineDefaultProps = () => ({
@@ -12,9 +9,9 @@ const getReferenceLineDefaultProps = () => ({
 });
 exports.getReferenceLineDefaultProps = getReferenceLineDefaultProps;
 const renderReferenceLine = (element) => {
-    const referenceLinePropsWithDefault = Object.assign(Object.assign({}, (0, exports.getReferenceLineDefaultProps)()), element.props);
-    const { stroke } = referenceLinePropsWithDefault, remainingReferenceLineProps = tslib_1.__rest(referenceLinePropsWithDefault, ["stroke"]);
-    return (0, react_1.createElement)(recharts_1.ReferenceLine, Object.assign({}, remainingReferenceLineProps, { key: element.key, stroke: (0, chartHelper_1.getColor)(stroke) }));
+    const referenceLinePropsWithDefault = { ...(0, exports.getReferenceLineDefaultProps)(), ...element.props };
+    const { stroke, ...remainingReferenceLineProps } = referenceLinePropsWithDefault;
+    return (0, react_1.createElement)(recharts_1.ReferenceLine, { ...remainingReferenceLineProps, key: element.key, stroke: (0, chartHelper_1.getColor)(stroke) });
 };
 exports.renderReferenceLine = renderReferenceLine;
 // This is only used for passing this as prop to the UIKIT charts wrapper.

package/lib/es/components/charts/ResponsiveContainer.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("react");

package/lib/es/components/charts/XAxis.js

@@ -10,10 +10,10 @@ const renderAxis = (axis, index) => {
     const key = `additional-axis-${index}`;
     if (react_1.default.isValidElement(axis)) {
         if (axis.type === XAxis) {
-            return (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({}, axis.props), key);
+            return (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { ...axis.props }, key);
         }
         if (axis.type === YAxis_1.default) {
-            return (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({}, axis.props), key);
+            return (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { ...axis.props }, key);
         }
     }
     return null;

package/lib/es/components/charts/YAxis.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { YAxisProps as YAxisPropsProps } from 'recharts';
 export type YAxisProps = Omit<YAxisPropsProps, 'ref'> & {};
 declare const YAxis: React.FC<YAxisProps>;

package/lib/es/components/charts/chartHelper.d.ts

@@ -6,5 +6,5 @@ export declare const defaultChartColors: string[];
 export declare const getFromDefaultColors: (index: number) => string;
 export declare const getColor: (colorKey?: string) => string | undefined;
 export declare const mapGridOptions: <T extends {
-    stroke?: string | undefined;
-}>(gridOptions?: T | undefined) => T | undefined;
+    stroke?: string;
+}>(gridOptions?: T) => T | undefined;

package/lib/es/components/charts/chartHelper.js

@@ -18,7 +18,7 @@ const mapGridOptions = (gridOptions) => {
     if (!gridOptions) {
         return;
     }
-    const mappedGridOptions = Object.assign({}, gridOptions);
+    const mappedGridOptions = { ...gridOptions };
     const { stroke } = mappedGridOptions;
     mappedGridOptions.stroke = stroke && !stroke.startsWith('#') ? (0, exports.getColor)(stroke) : stroke;
     return mappedGridOptions;

package/lib/es/components/checkbox/Checkbox.js

@@ -10,11 +10,10 @@ const DEFAULT_ICON_SIZE = 16;
 const ICON_LABEL_VERTICAL = 'vertical';
 const ICON_LABEL_HORIZONTAL = 'horizontal';
 const Checkbox = (props) => {
-    const { checked, children, className, custom = false, defaultChecked, disabled = false, error = false, icon = '', iconLabelPosition = ICON_LABEL_VERTICAL, iconSize = DEFAULT_ICON_SIZE, id = props.name, indeterminate = false, inline = false, inputRef, label, name, onChange = noop_1.default, onClick = noop_1.default, required = false, right, size, tabIndex = 0 } = props, remainingProps = tslib_1.__rest(props, ["checked", "children", "className", "custom", "defaultChecked", "disabled", "error", "icon", "iconLabelPosition", "iconSize", "id", "indeterminate", "inline", "inputRef", "label", "name", "onChange", "onClick", "required", "right", "size", "tabIndex"]);
+    const { checked, children, className, custom = false, defaultChecked, disabled = false, error = false, icon = '', iconLabelPosition = ICON_LABEL_VERTICAL, iconSize = DEFAULT_ICON_SIZE, id = props.name, indeterminate = false, inline = false, inputRef, label, name, onChange = noop_1.default, onClick = noop_1.default, required = false, right, size, tabIndex = 0, ...remainingProps } = props;
     const labelRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        var _a;
-        const input = (_a = labelRef.current) === null || _a === void 0 ? void 0 : _a.firstChild;
+        const input = labelRef.current?.firstChild;
         if (input) {
             input.indeterminate = indeterminate;
         }
@@ -34,12 +33,11 @@ const Checkbox = (props) => {
         }
     };
     const toggle = (event) => {
-        var _a;
         event.preventDefault();
         if (disabled) {
             return;
         }
-        const input = (_a = labelRef.current) === null || _a === void 0 ? void 0 : _a.firstChild;
+        const input = labelRef.current?.firstChild;
         if (input.indeterminate) {
             input.indeterminate = false;
         }
@@ -53,7 +51,7 @@ const Checkbox = (props) => {
     const renderCustomIcon = !!icon;
     const renderCustomContent = custom && children;
     const renderDefault = !icon && !custom;
-    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({}, remainingProps, { className: labelClassnames, tabIndex: tabIndex, htmlFor: id, onKeyDown: handleToggleKeyDown, ref: labelRef }, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, name: name, type: 'checkbox', checked: checked, required: required, defaultChecked: defaultChecked, disabled: disabled, className: inputClassnames, onClick: onClick, onChange: onChange, ref: inputRef }), renderCustomIcon && ((0, jsx_runtime_1.jsx)(CheckboxIcon_1.CheckboxIcon, { icon: icon, iconSize: iconSize, iconLabelPosition: iconLabelPosition, text: text })), renderDefault && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'checkbox-text' }, { children: text && (0, jsx_runtime_1.jsx)("span", { children: text }) })), renderCustomContent && children] })));
+    return ((0, jsx_runtime_1.jsxs)("label", { ...remainingProps, className: labelClassnames, tabIndex: tabIndex, htmlFor: id, onKeyDown: handleToggleKeyDown, ref: labelRef, children: [(0, jsx_runtime_1.jsx)("input", { id: id, name: name, type: 'checkbox', checked: checked, required: required, defaultChecked: defaultChecked, disabled: disabled, className: inputClassnames, onClick: onClick, onChange: onChange, ref: inputRef }), renderCustomIcon && ((0, jsx_runtime_1.jsx)(CheckboxIcon_1.CheckboxIcon, { icon: icon, iconSize: iconSize, iconLabelPosition: iconLabelPosition, text: text })), renderDefault && (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-text', children: text && (0, jsx_runtime_1.jsx)("span", { children: text }) }), renderCustomContent && children] }));
 };
 Checkbox.ICON_LABEL_VERTICAL = ICON_LABEL_VERTICAL;
 Checkbox.ICON_LABEL_HORIZONTAL = ICON_LABEL_HORIZONTAL;

package/lib/es/components/checkbox/CheckboxIcon.js

@@ -10,6 +10,6 @@ const CheckboxIcon = (props) => {
         fontSize: `${iconSize}px`,
         lineHeight: `${iconSize}px`,
     };
-    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `checkbox-icon label-${iconLabelPosition}` }, { children: [(0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${icon}`, style: iconStyles }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'checkbox-label' }, { children: text }))] })));
+    return ((0, jsx_runtime_1.jsxs)("span", { className: `checkbox-icon label-${iconLabelPosition}`, children: [(0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${icon}`, style: iconStyles }), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', children: text })] }));
 };
 exports.CheckboxIcon = CheckboxIcon;

package/lib/es/components/clearableInput/ClearableInput.js

@@ -16,7 +16,7 @@ exports.DEFAULT_TYPE = 'text';
 exports.SUPPORTED_TYPES = ['text', 'password', 'email'];
 const hasValue = (value) => !(0, isEmpty_1.default)(`${value}`);
 const ClearableInput = (0, react_1.forwardRef)((props, ref) => {
-    const { type = exports.DEFAULT_TYPE, defaultValue, value, maxLength, tabIndex = 0, hasError = false, inputRef, autoComplete, onChange = noop_1.default, onBlur = noop_1.default, onFocus = noop_1.default, onClear = noop_1.default, onKeyPress = noop_1.default, onClick = noop_1.default, mask, maskPlaceholder = '_', alwaysShowMask = false, inputClassName = '', disabled = false, className = '', children } = props, remainingProps = tslib_1.__rest(props, ["type", "defaultValue", "value", "maxLength", "tabIndex", "hasError", "inputRef", "autoComplete", "onChange", "onBlur", "onFocus", "onClear", "onKeyPress", "onClick", "mask", "maskPlaceholder", "alwaysShowMask", "inputClassName", "disabled", "className", "children"]);
+    const { type = exports.DEFAULT_TYPE, defaultValue, value, maxLength, tabIndex = 0, hasError = false, inputRef, autoComplete, onChange = noop_1.default, onBlur = noop_1.default, onFocus = noop_1.default, onClear = noop_1.default, onKeyPress = noop_1.default, onClick = noop_1.default, mask, maskPlaceholder = '_', alwaysShowMask = false, inputClassName = '', disabled = false, className = '', children, ...remainingProps } = props;
     const initialValue = value || defaultValue || '';
     const [inputValue, setInputValue] = (0, react_1.useState)(initialValue);
     const [showClear, setShowClear] = (0, react_1.useState)(hasValue(initialValue));
@@ -62,13 +62,25 @@ const ClearableInput = (0, react_1.forwardRef)((props, ref) => {
     const classes = (0, classnames_1.default)('ClearableInput', 'input-group', hasError && 'has-error', disabled && 'pointer-events-none', className && className);
     const inputClassNames = (0, classnames_1.default)('form-control', inputClassName, showClear && 'withClearButton', hasMask && 'withInputMask', disabled && 'disabled');
     const clearButtonClassNames = (0, classnames_1.default)('clearButton', !showClear && 'hide');
-    const convertedType = type === null || type === void 0 ? void 0 : type.toLowerCase();
+    const convertedType = type?.toLowerCase();
     const inputType = exports.SUPPORTED_TYPES.indexOf(convertedType) !== -1 ? convertedType : exports.DEFAULT_TYPE;
-    const inputProps = Object.assign(Object.assign({}, (0, omit_1.default)(['value', 'defaultValue', 'onClear'])(remainingProps)), { className: inputClassNames, autoComplete, type: inputType, value: inputValue, onChange: handleChange, onKeyPress: handleKeyPress, onBlur,
+    const inputProps = {
+        ...(0, omit_1.default)(['value', 'defaultValue', 'onClear'])(remainingProps),
+        className: inputClassNames,
+        autoComplete,
+        type: inputType,
+        value: inputValue,
+        onChange: handleChange,
+        onKeyPress: handleKeyPress,
+        onBlur,
         onFocus,
         onClick,
-        disabled, maxLength: hasMask ? undefined : maxLength, tabIndex, ref: inputRef || ref });
-    const input = hasMask ? ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({}, inputProps, { disabled: disabled, mask: mask, maskPlaceholder: maskPlaceholder, alwaysShowMask: alwaysShowMask }))) : ((0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps)));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, { children: [children && (0, isFunction_1.default)(children) ? children(inputProps) : input, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: clearButtonClassNames, onClick: clearInputValue }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'clearButtonIcon rioglyph rioglyph-remove-sign' }) }))] })));
+        disabled,
+        maxLength: hasMask ? undefined : maxLength,
+        tabIndex,
+        ref: inputRef || ref,
+    };
+    const input = hasMask ? ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, { ...inputProps, disabled: disabled, mask: mask, maskPlaceholder: maskPlaceholder, alwaysShowMask: alwaysShowMask })) : ((0, jsx_runtime_1.jsx)("input", { ...inputProps }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes, children: [children && (0, isFunction_1.default)(children) ? children(inputProps) : input, (0, jsx_runtime_1.jsx)("span", { className: clearButtonClassNames, onClick: clearInputValue, children: (0, jsx_runtime_1.jsx)("span", { className: 'clearButtonIcon rioglyph rioglyph-remove-sign' }) })] }));
 });
 exports.default = ClearableInput;

package/lib/es/components/collapse/Collapse.d.ts

@@ -5,7 +5,7 @@ type CollapseProps = {
      * @default false
      */
     open: boolean | undefined;
-    /** Deprecated, please use `show` instead. @deprecated */
+    /** Deprecated, please use `open` instead. @deprecated */
     in?: boolean;
     /**
      * Unmount the component (remove it from the DOM) when it is collapsed.