@rio-cloud/rio-uikit 1.13.1 → 2.0.0-beta.1

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

@@ -1,127 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const framer_motion_1 = require("framer-motion");
-const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
-const useAfterMount_1 = tslib_1.__importDefault(require("../../hooks/useAfterMount"));
-const useElementSize_1 = tslib_1.__importDefault(require("../../hooks/useElementSize"));
-const usePrevious_1 = tslib_1.__importDefault(require("../../hooks/usePrevious"));
-const hasUtilityClass_1 = require("../../utils/hasUtilityClass");
-const DEFAULT_MIN_WITH = 200;
-const DEFAULT_MIN_DAYS = 1;
-const DEFAULT_MAX_DAYS = 7;
-const ANIMATION_DURATION = 0.2;
-const ANIMATION_NEXT = 'page';
-const ANIMATION_BACK = 'pageBack';
-const ITEM_NAME = 'ColumnItem';
-const variants = {
-    pageEnter: (pageDirection) => ({
-        x: pageDirection === ANIMATION_NEXT ? '60%' : '-60%',
-        opacity: 0,
-    }),
-    pageCenter: () => ({ x: 0, opacity: 1 }),
-};
-const getDateString = (date) => date.toISOString().split('T').at(0);
-const getFirstColumnItem = (node) => {
-    if ([...node.classList].includes(ITEM_NAME)) {
-        return node;
-    }
-    return getFirstColumnItem(node.children[0]);
-};
-const CalendarStripe = (0, react_1.forwardRef)((props, ref) => {
-    const { minDayWith = DEFAULT_MIN_WITH, minDays = DEFAULT_MIN_DAYS, maxDays = DEFAULT_MAX_DAYS, render, renderDay, skipWeekends = false, startDate = new Date(), onNextClick = noop_1.default, onPreviousClick = noop_1.default, buttonClassName = '', className = '', daysWrapperClassName = '', dayWrapperClassName = '', } = props;
-    if (render) {
-        console.warn('CalendarStripe has set the "render" prop deprecated. This will be removed in the upcoming releases,' +
-            ' Please use the "renderDay" prop instead.');
-    }
-    if (!render && !renderDay) {
-        console.error('CalendarStripe component is missing the required "renderDay" prop');
-    }
-    const [firstDate, setFirstDate] = (0, react_1.useState)(startDate);
-    const [amountOfDaysToShow, setAmountOfDaysToShow] = (0, react_1.useState)(1);
-    const [enableInitialAnimation, setEnableInitialAnimation] = (0, react_1.useState)(false);
-    // The base for reacting on changing width of the wrapping element.
-    // It uses a ResizeObserver under the hood.
-    const columnWrapperRef = (0, react_1.useRef)(null);
-    const [columnWrapperWidth] = (0, useElementSize_1.default)(columnWrapperRef);
-    const previous = (0, usePrevious_1.default)(getDateString(firstDate));
-    const animationDirection = getDateString(firstDate) > previous ? ANIMATION_NEXT : ANIMATION_BACK;
-    // Update startDate from outside
-    const [previousStartDate, setPreviousStartDate] = (0, react_1.useState)(startDate);
-    if (getDateString(startDate) !== getDateString(previousStartDate)) {
-        setFirstDate(startDate);
-        setPreviousStartDate(startDate);
-    }
-    (0, useAfterMount_1.default)(() => {
-        setEnableInitialAnimation(true);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (!columnWrapperRef.current) {
-            return;
-        }
-        const firstItem = getFirstColumnItem(columnWrapperRef.current.children[0]);
-        if (!firstItem) {
-            return;
-        }
-        // Get the width of the first column to calculate how many columns fit on one page
-        // according to the given minWidth per column
-        const columnWidth = firstItem.getBoundingClientRect().width;
-        // Limit columns per page for given min and max values
-        const allowForLessColumns = amountOfDaysToShow - 1 >= minDays;
-        const allowForMoreColumns = amountOfDaysToShow + 1 <= maxDays;
-        const goSmaller = allowForLessColumns && columnWidth <= minDayWith;
-        const goBigger = allowForMoreColumns && (amountOfDaysToShow + 1) * minDayWith <= columnWrapperWidth;
-        if (goBigger) {
-            const newValue = amountOfDaysToShow + 1;
-            setAmountOfDaysToShow(newValue);
-            return;
-        }
-        if (goSmaller) {
-            const newValue = amountOfDaysToShow - 1;
-            setAmountOfDaysToShow(newValue);
-            return;
-        }
-    }, [columnWrapperWidth, columnWrapperRef.current, amountOfDaysToShow, firstDate]);
-    const handleNext = () => {
-        const newFirstDate = new Date(firstDate);
-        newFirstDate.setDate(newFirstDate.getDate() + amountOfDaysToShow);
-        setFirstDate(newFirstDate);
-        onNextClick(newFirstDate);
-    };
-    const handlePrev = () => {
-        const newFirstDate = new Date(firstDate);
-        newFirstDate.setDate(newFirstDate.getDate() - amountOfDaysToShow);
-        setFirstDate(newFirstDate);
-        onPreviousClick(newFirstDate);
-    };
-    // Re-calculate the dates to show depending on the amount of days to show
-    const dates = [];
-    let addDays = true;
-    let index = 1;
-    while (addDays) {
-        const currentDate = new Date(firstDate);
-        currentDate.setDate(firstDate.getDate() + index);
-        const isSaturday = currentDate.getDay() === 6;
-        const isSunday = currentDate.getDay() === 0;
-        const isWeekend = isSaturday || isSunday;
-        if (isWeekend && !skipWeekends) {
-            dates.push(currentDate);
-        }
-        else if (!isWeekend) {
-            dates.push(currentDate);
-        }
-        index++;
-        if (dates.length === amountOfDaysToShow) {
-            addDays = false;
-        }
-    }
-    const wrapperClassNames = (0, classnames_1.default)('CalenderStripe', !(0, hasUtilityClass_1.hasDisplayClass)(className) && 'display-flex', !(0, hasUtilityClass_1.hasAlignItemsClass)(className) && 'align-items-center', !(0, hasUtilityClass_1.hasOverflowClass)(className) && 'overflow-hidden', !(0, hasUtilityClass_1.hasBgClass)(className) && 'bg-white', !(0, hasUtilityClass_1.hasBorderClass)(className) && 'border', !(0, hasUtilityClass_1.hasRoundedClass)(className) && 'rounded', className);
-    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", { 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

@@ -1,21 +0,0 @@
-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

@@ -1,11 +0,0 @@
-"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,6 +0,0 @@
-import OriginalCarousel from 'react-bootstrap/Carousel';
-declare const Carousel: typeof OriginalCarousel & {
-    PREV: "prev";
-    NEXT: "next";
-};
-export default Carousel;

package/lib/es/components/carousel/Carousel.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const Carousel_1 = tslib_1.__importDefault(require("react-bootstrap/Carousel"));
-const Carousel = Carousel_1.default;
-Carousel.PREV = 'prev';
-Carousel.NEXT = 'next';
-exports.default = Carousel;

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

@@ -1,20 +0,0 @@
-import type { AreaProps as RechartsAreaProps } from 'recharts';
-import type { CurveType } from 'recharts/types/shape/Curve';
-export type AreaProps = Omit<RechartsAreaProps, 'ref'> & {
-    strokeColor?: string;
-    dataKey?: string;
-    unit?: string;
-    legendType?: string;
-    type?: CurveType;
-    isAnimationActive?: boolean;
-};
-export declare const getAreaDefaultProps: () => {
-    dataKey: string;
-    unit: string;
-    strokeColor: string;
-    legendType: string;
-    type: string;
-    isAnimationActive: boolean;
-};
-declare const Area: (props: AreaProps) => null;
-export default Area;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAreaDefaultProps = void 0;
-const getAreaDefaultProps = () => ({
-    dataKey: 'value',
-    unit: '',
-    strokeColor: 'color-coldplay-fountain',
-    legendType: 'square',
-    type: 'monotone',
-    isAnimationActive: true,
-});
-exports.getAreaDefaultProps = getAreaDefaultProps;
-const Area = (props) => null;
-exports.default = Area;

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import { AreaChart as RechartsAreaChart, type XAxisProps, type YAxisProps } from 'recharts';
-import { type AreaGradientProps } from './AreaGradient';
-import { type ChartTooltipProps } from './ChartTooltip';
-import { type LegendProps } from './Legend';
-import { type AreaProps } from './Area';
-import type { GridProps } from './ChartGrid';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
-import { type ReferenceLineProps } from './ReferenceLine';
-type RechartsAreaChartProps = React.ComponentProps<typeof RechartsAreaChart>;
-export type AreaChartProps<T extends object> = Omit<RechartsAreaChartProps, 'data'> & {
-    width?: number;
-    height?: number;
-    data: T[];
-    dataUnit?: string;
-    dataKey?: string | number | ((obj: T) => any);
-    gradients?: React.ReactElement<AreaGradientProps>[];
-    areas: React.ReactElement<AreaProps>[];
-    referenceLines?: React.ReactElement<ReferenceLineProps>[];
-    xAxisOptions?: XAxisProps;
-    yAxisOptions?: YAxisProps;
-    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];
-    gridOptions?: GridProps;
-    showGrid?: boolean;
-    containerOptions?: ResponsiveContainerProps;
-    showXAxis?: boolean;
-    showYAxis?: boolean;
-    legend?: React.ReactElement<LegendProps> | boolean;
-    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;
-    brush?: boolean;
-};
-declare const AreaChart: <T extends object>(props: AreaChartProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default AreaChart;

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const recharts_1 = require("recharts");
-const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
-const chartHelper_1 = require("./chartHelper");
-const AreaGradient_1 = tslib_1.__importStar(require("./AreaGradient"));
-const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
-const Legend_1 = require("./Legend");
-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, ...remainingProps } = props;
-    const areasWithGradient = areas.map(area => {
-        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, { ...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) ? { ...(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.d.ts

@@ -1,7 +0,0 @@
-export declare const DEFAULT_ARIA_GRADIENT_ID = "areaGradient";
-export type AreaGradientProps = {
-    id?: string;
-    color?: string;
-};
-declare const AreaGradient: (props: AreaGradientProps) => import("react/jsx-runtime").JSX.Element;
-export default AreaGradient;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_ARIA_GRADIENT_ID = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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", { 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/Bar.d.ts

@@ -1,9 +0,0 @@
-import type { BarProps as RechartsBarProps } from 'recharts';
-export type BarProps = Omit<RechartsBarProps, 'ref'> & {};
-export declare const getBarDefaultProps: () => {
-    dataKey: string;
-    color: string;
-    isAnimationActive: boolean;
-};
-declare const Bar: (props: BarProps) => null;
-export default Bar;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBarDefaultProps = void 0;
-const getBarDefaultProps = () => ({
-    dataKey: 'value',
-    color: 'color-coldplay-fountain',
-    isAnimationActive: true,
-});
-exports.getBarDefaultProps = getBarDefaultProps;
-const Bar = (props) => null;
-exports.default = Bar;

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import { BarChart as RechartsBarChart, type XAxisProps, type YAxisProps } from 'recharts';
-import { type DataType } from './chartHelper';
-import { type ChartTooltipProps } from './ChartTooltip';
-import { type LegendProps } from './Legend';
-import { type BarProps } from './Bar';
-import type { GridProps } from './ChartGrid';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
-export type BarChartDataType = DataType;
-type RechartsBarChartProps = React.ComponentProps<typeof RechartsBarChart>;
-type withoutBaseProps = 'data' | 'layout' | 'bars' | 'legend';
-export type BarChartProps<T extends DataType> = Omit<RechartsBarChartProps, withoutBaseProps> & {
-    width?: number;
-    height?: number;
-    data: T[];
-    dataUnit?: string;
-    layout?: 'vertical' | 'horizontal';
-    bars: React.ReactElement<BarProps>[];
-    showGrid?: boolean;
-    showXAxis?: boolean;
-    showYAxis?: boolean;
-    useDataColors?: boolean;
-    xAxisOptions?: XAxisProps;
-    yAxisOptions?: YAxisProps;
-    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];
-    gridOptions?: GridProps;
-    containerOptions?: ResponsiveContainerProps;
-    legend?: React.ReactElement<LegendProps> | boolean;
-    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;
-    brush?: boolean;
-};
-declare const BarChart: <T extends DataType>(props: BarChartProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default BarChart;

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

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-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"));
-const chartHelper_1 = require("./chartHelper");
-const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
-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, ...remainingProps } = props;
-    const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.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 {
-                ...entry,
-                value: (0, isFunction_1.default)(dataKey) ? dataKey(entry) : entry[dataKey],
-                color: legendColor,
-            };
-        });
-    }
-    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, { 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') })] }) }));
-};
-exports.default = BarChart;

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

@@ -1,2 +0,0 @@
-import type { CartesianGridProps } from 'recharts';
-export type GridProps = Omit<CartesianGridProps, 'ref'> & {};

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

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

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

@@ -1,4 +0,0 @@
-import type { LabelProps as RechartsLabelProps } from 'recharts';
-export type LabelProps = Omit<RechartsLabelProps, 'ref'> & {};
-declare const ChartLabel: React.FC<LabelProps>;
-export default ChartLabel;

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

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ChartLabel = props => null;
-exports.default = ChartLabel;

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

@@ -1,11 +0,0 @@
-export type ChartNeedleProps = {
-    width?: string;
-    height?: string;
-    x?: string;
-    y?: string;
-    rotation?: number;
-    className?: string;
-    style?: object;
-};
-declare const ChartNeedle: (props: ChartNeedleProps) => import("react/jsx-runtime").JSX.Element;
-export default ChartNeedle;

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ChartNeedle = (props) => {
-    const { width = '5px', height = '65px', x = '-50%', y = '-100%', rotation = 0, className = '', style } = props;
-    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/ChartTooltip.d.ts

@@ -1,5 +0,0 @@
-import { Tooltip as RechartsTooltip } from 'recharts';
-export type ChartTooltipProps = typeof RechartsTooltip;
-declare const ChartTooltip: typeof RechartsTooltip;
-export declare const defaultFormatter: (dataUnit: string) => (value: any) => string;
-export default ChartTooltip;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultFormatter = void 0;
-const recharts_1 = require("recharts");
-const ChartTooltip = recharts_1.Tooltip;
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-const defaultFormatter = (dataUnit) => (value) => `${value} ${dataUnit}`;
-exports.defaultFormatter = defaultFormatter;
-exports.default = ChartTooltip;

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import { ComposedChart as RechartsComposedChart, type XAxisProps, type YAxisProps } from 'recharts';
-import { type ChartTooltipProps } from './ChartTooltip';
-import { type LegendProps } from './Legend';
-import { type BarProps } from './Bar';
-import { type ReferenceLineProps } from './ReferenceLine';
-import { type LineProps } from './Line';
-import { type AreaProps } from './Area';
-import type { GridProps } from './ChartGrid';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
-type RechartsComposedChartProps = React.ComponentProps<typeof RechartsComposedChart>;
-export type ComposedChartProps<T extends object> = Omit<RechartsComposedChartProps, 'data'> & {
-    width?: number;
-    height?: number;
-    data: T[];
-    dataUnit?: string;
-    dataKey?: string | number | ((obj: T) => any);
-    lines?: React.ReactElement<LineProps>[];
-    bars?: React.ReactElement<BarProps>[];
-    areas?: React.ReactElement<AreaProps>[];
-    referenceLines?: React.ReactElement<ReferenceLineProps>[];
-    xAxisOptions?: XAxisProps;
-    yAxisOptions?: YAxisProps;
-    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];
-    gridOptions?: GridProps;
-    containerOptions?: ResponsiveContainerProps;
-    showXAxis?: boolean;
-    showYAxis?: boolean;
-    showGrid?: boolean;
-    legend?: React.ReactElement<LegendProps> | boolean;
-    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;
-    brush?: boolean;
-};
-declare const ComposedChart: <T extends object>(props: ComposedChartProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default ComposedChart;

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const recharts_1 = require("recharts");
-const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
-const chartHelper_1 = require("./chartHelper");
-const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
-const Legend_1 = require("./Legend");
-const XAxis_1 = require("./XAxis");
-const Bar_1 = require("./Bar");
-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, ...remainingProps } = props;
-    const tooltipProps = (0, isObject_1.default)(tooltip) ? tooltip.props : {};
-    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 = { ...(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, { unit: dataUnit, ...remainingBarProps, fill: cellColor }, bar.key);
-                }), 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, { stroke: (0, chartHelper_1.getColor)('gray') })] }) }));
-};
-exports.default = ComposedChart;

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

@@ -1,16 +0,0 @@
-import type { LegendProps as RechartsLegendProps } from 'recharts';
-import type { Formatter, Payload } from 'recharts/types/component/DefaultLegendContent';
-export type LegendFormatter = Formatter;
-export type LegendPayload = Payload;
-export type LegendProps = Omit<RechartsLegendProps, 'ref' | 'formatter'> & {
-    formatter?: (value: any, entry: any, index: number) => void;
-};
-export declare const getLegendDefaultProps: () => {
-    iconType: string;
-    iconSize: number;
-    layout: string;
-    align: string;
-    verticalAlign: string;
-};
-declare const Legend: (props: LegendProps) => null;
-export default Legend;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLegendDefaultProps = void 0;
-const getLegendDefaultProps = () => ({
-    iconType: 'circle',
-    iconSize: 12,
-    layout: 'vertical',
-    align: 'right',
-    verticalAlign: 'top',
-});
-exports.getLegendDefaultProps = getLegendDefaultProps;
-const Legend = (props) => null;
-exports.default = Legend;

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

@@ -1,20 +0,0 @@
-import type { LineProps as RechartsLineProps } from 'recharts';
-import type { CurveType } from 'recharts/types/shape/Curve';
-export type LineProps = Omit<RechartsLineProps, 'ref'> & {
-    strokeColor?: string;
-    dataKey?: string;
-    unit?: string;
-    legendType?: string;
-    type?: CurveType;
-    isAnimationActive?: boolean;
-};
-export declare const getLineDefaultProps: () => {
-    dataKey: string;
-    unit: string;
-    strokeColor: string;
-    legendType: string;
-    type: string;
-    isAnimationActive: boolean;
-};
-declare const Line: (props: LineProps) => null;
-export default Line;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLineDefaultProps = void 0;
-const getLineDefaultProps = () => ({
-    dataKey: 'value',
-    unit: '',
-    strokeColor: 'color-coldplay-fountain',
-    legendType: 'square',
-    type: 'monotone',
-    isAnimationActive: true,
-});
-exports.getLineDefaultProps = getLineDefaultProps;
-const Line = (props) => null;
-exports.default = Line;