@rio-cloud/rio-uikit 1.12.0 → 1.13.0

package/lib/es/components/statusBar/StatusBarProgressBar.d.ts

@@ -1,8 +0,0 @@
-import type { StatusBarProgress } from './StatusBar.types';
-type StatusBarProgressBarProps = {
-    index: number;
-    progress: StatusBarProgress;
-    useProgressDivider: boolean;
-};
-export declare const StatusBarProgressBar: (props: StatusBarProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export default StatusBarProgressBar;

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

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

package/lib/es/components/steppedProgressBar/SteppedProgressBar.d.ts

@@ -1,66 +0,0 @@
-import { type ReactNode } from 'react';
-export type SteppedProgressBarLabel = {
-    /**
-     * The element shown in the step element.
-     *
-     * This can be a single step number or an icon element.
-     */
-    icon?: string | ReactNode;
-    /**
-     * The label shown below the step element.
-     */
-    label?: string | ReactNode;
-    /**
-     * Additional classes to be set on the label element.
-     */
-    labelClassName?: string;
-    /**
-     * Additional classes to be set on the label wrapping element.
-     */
-    labelWrapperClassName?: string;
-};
-export type SteppedProgressBarProps = {
-    /**
-     * Objects to defining the icon and the label of the navigation items.
-     *
-     * The icon can be a string or an icon.
-     */
-    labels: SteppedProgressBarLabel[];
-    /**
-     * Index of the selected navigation item.
-     */
-    selectedStepNumber: number;
-    /**
-     * Called with the new selected index after the user clicked a nav item.
-     */
-    onSelectedChanged: (selectedKey: number) => void;
-    /**
-     * The SteppedProgressBar Variant.
-     *
-     * One of "circle", "rectangle" or "roadsign".
-     *
-     * @default 'circle'
-     */
-    variant?: 'circle' | 'rectangle' | 'roadsign';
-    /**
-     * All navigation items with a higher index than this will be disabled.
-     */
-    disableFollowingPages?: number;
-    /**
-     * Deactivating the wrapping of bubbles on mobile.
-     *
-     * @default true
-     */
-    mobileBreakpoint?: boolean;
-    /**
-     * Additional classes to be set on the wrapper element.
-     */
-    className?: string;
-};
-declare const SteppedProgressBar: {
-    (props: SteppedProgressBarProps): import("react/jsx-runtime").JSX.Element;
-    VARIANT_CIRCLE: "circle";
-    VARIANT_RECTANGLE: "rectangle";
-    VARIANT_ROADSIGN: "roadsign";
-};
-export default SteppedProgressBar;

package/lib/es/components/steppedProgressBar/SteppedProgressBar.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 react_bootstrap_1 = require("react-bootstrap");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const SteppedProgressBar = (props) => {
-    const { labels, selectedStepNumber, onSelectedChanged, variant = 'circle', disableFollowingPages: disableFollowingPageIndex, mobileBreakpoint = true, className = '', } = props;
-    const [disableFollowingPages, setDisableFollowingPages] = (0, react_1.useState)(disableFollowingPageIndex ? disableFollowingPageIndex : selectedStepNumber);
-    (0, react_1.useEffect)(() => {
-        if (disableFollowingPageIndex !== undefined) {
-            if (disableFollowingPageIndex < selectedStepNumber) {
-                console.warn('Invalid component state detected in SteppedProgressBar: can not disable following ' +
-                    `pages ${disableFollowingPageIndex} when selectedStep is ${selectedStepNumber}!`);
-                return;
-            }
-            setDisableFollowingPages(disableFollowingPageIndex);
-        }
-        else if (selectedStepNumber > disableFollowingPages) {
-            setDisableFollowingPages(selectedStepNumber);
-        }
-    }, [disableFollowingPageIndex, selectedStepNumber]);
-    const wrapperClasses = (0, classnames_1.default)('stepped-progress-bar', variant && `variant-${variant}`, mobileBreakpoint && 'mobile-breakpoint', className && className);
-    const handleSelect = (selectedKey) => onSelectedChanged(Number(selectedKey));
-    return ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Nav, { className: wrapperClasses, activeKey: selectedStepNumber, onSelect: handleSelect, children: labels.map((labelObject, index) => ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Nav.Link, { eventKey: index, disabled: index > disableFollowingPages, as: 'a', className: (0, classnames_1.default)('step-tab', labelObject.labelWrapperClassName), children: (0, jsx_runtime_1.jsxs)("div", { className: 'step-tab-content', children: [(0, jsx_runtime_1.jsx)("div", { className: 'item-icon', children: labelObject.icon }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('item-label', labelObject.labelClassName), children: labelObject.label })] }) }, index))) }));
-};
-SteppedProgressBar.VARIANT_CIRCLE = 'circle';
-SteppedProgressBar.VARIANT_RECTANGLE = 'rectangle';
-SteppedProgressBar.VARIANT_ROADSIGN = 'roadsign';
-exports.default = SteppedProgressBar;

package/lib/es/components/supportMarker/toggleSupportMarker.d.ts

@@ -1,3 +0,0 @@
-export declare const SUPPORT_MARKER_CLASS = "show-support-marker";
-export declare const toggleSupportMarker: () => void;
-export declare const enableSupportMarker: (enabled: boolean) => void;

package/lib/es/components/supportMarker/toggleSupportMarker.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.enableSupportMarker = exports.toggleSupportMarker = exports.SUPPORT_MARKER_CLASS = void 0;
-exports.SUPPORT_MARKER_CLASS = 'show-support-marker';
-const toggleSupportMarker = () => {
-    if (!document || !document.documentElement) {
-        return;
-    }
-    const htmlClassList = document.documentElement.classList;
-    if (htmlClassList.contains(exports.SUPPORT_MARKER_CLASS)) {
-        htmlClassList.remove(exports.SUPPORT_MARKER_CLASS);
-    }
-    else {
-        htmlClassList.add(exports.SUPPORT_MARKER_CLASS);
-    }
-};
-exports.toggleSupportMarker = toggleSupportMarker;
-const enableSupportMarker = (enabled) => {
-    if (!document || !document.documentElement) {
-        return;
-    }
-    const htmlClassList = document.documentElement.classList;
-    if (enabled) {
-        htmlClassList.add(exports.SUPPORT_MARKER_CLASS);
-    }
-    else {
-        htmlClassList.remove(exports.SUPPORT_MARKER_CLASS);
-    }
-};
-exports.enableSupportMarker = enableSupportMarker;

package/lib/es/components/svgImage/SvgElement.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type ColorOverridesMap } from './svgConverter';
-type SvgElementProps = {
-    node: Element;
-    colorMap: ColorOverridesMap;
-};
-declare const SvgElement: ({ node, colorMap }: SvgElementProps) => React.DOMElement<React.DOMAttributes<Element>, Element>;
-export default SvgElement;

package/lib/es/components/svgImage/SvgElement.js

@@ -1,14 +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.__importDefault(require("react"));
-const svgConverter_1 = require("./svgConverter");
-const SvgElement = ({ node, colorMap }) => {
-    const attributes = (0, svgConverter_1.convertAttributes)(node, colorMap);
-    return react_1.default.createElement(node.tagName.toLowerCase(), {
-        ...attributes,
-        key: attributes.id || Math.random(),
-    }, Array.from(node.childNodes).map((child, idx) => child.nodeType === 1 ? (0, jsx_runtime_1.jsx)(SvgElement, { node: child, colorMap: colorMap }, idx) : null));
-};
-exports.default = SvgElement;

package/lib/es/components/svgImage/SvgImage.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { ColorOverridesMap } from './svgConverter';
-type SvgImageProps = {
-    /**
-     * The name of the image file without extension.
-     */
-    name: string;
-    /**
-     * The height and width of the SVG image in pixels.
-     *
-     * @default 150
-     */
-    size?: number;
-    /**
-     * The CDN base URL where the images are located.
-     *
-     * @default 'https://cdn.rio.cloud/riosvg'
-     */
-    baseUrl?: string;
-    /**
-     * Customize color using the color map and define the CSS variable name that shall be used.
-     */
-    colorMap?: ColorOverridesMap;
-    /**
-     * Additional class names added to the SVG element.
-     */
-    className?: string;
-};
-declare const SvgImage: (props: SvgImageProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export default SvgImage;

package/lib/es/components/svgImage/SvgImage.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const useSvgLoader_1 = require("./useSvgLoader");
-const BASE_CDN_URL = 'https://cdn.rio.cloud/riosvg';
-const SvgImage = (props) => {
-    const { name, className = '', size = 150, baseUrl = BASE_CDN_URL, colorMap } = props;
-    const { svgElement, error } = (0, useSvgLoader_1.useSvgLoader)(name, baseUrl, colorMap);
-    if (error) {
-        console.error(`Icon "${name}" not found`);
-        return null;
-    }
-    if (!svgElement) {
-        return null;
-    }
-    return react_1.default.cloneElement(svgElement, {
-        width: size,
-        height: size,
-        className,
-    });
-};
-exports.default = SvgImage;

package/lib/es/components/svgImage/svgConverter.d.ts

@@ -1,17 +0,0 @@
-export type CSSColorVar = 'color-white' | 'color-black' | 'always-color-white' | 'always-color-black' | 'gray-darkest' | 'gray-darker' | 'gray-dark' | 'gray' | 'gray-light' | 'gray-lighter' | 'gray-lightest' | 'gray-decent' | 'brand-primary' | 'brand-secondary' | 'brand-primary-decent' | 'brand-secondary-decent' | 'brand-info' | 'brand-success' | 'brand-warning' | 'brand-danger' | 'brand-info-decent' | 'brand-success-decent' | 'brand-warning-decent' | 'brand-danger-decent' | 'color-code' | 'color-status-available' | 'color-status-driving' | 'color-status-resting' | 'color-status-working' | 'color-map-marker-asset' | 'color-map-marker-poi' | 'color-map-marker-geofence' | 'color-map-marker-route' | 'color-map-marker-info' | 'color-map-marker-success' | 'color-map-marker-warning' | 'color-map-marker-danger' | 'color-map-marker-restrictions' | 'color-map-marker-text' | 'color-map-marker-active' | 'color-highlight-darkest' | 'color-highlight-darker' | 'color-highlight-dark' | 'color-highlight' | 'color-highlight-light' | 'color-highlight-lighter' | 'color-highlight-lightest' | 'color-highlight-decent' | 'color-rating-1' | 'color-rating-2' | 'color-rating-3' | 'color-rating-4' | 'color-rating-5' | 'color-coldplay-wine' | 'color-coldplay-aubergine' | 'color-coldplay-kashmir' | 'color-coldplay-fountain' | 'color-coldplay-turquoise' | 'color-coldplay-bermuda' | 'color-coldplay-moos' | 'color-coldplay-primrose' | 'color-coldplay-khaki' | 'color-warmup-crimson' | 'color-warmup-victoria' | 'color-warmup-cadillac' | 'color-warmup-raspberry' | 'color-warmup-cerise' | 'color-warmup-charm' | 'color-warmup-salmon' | 'color-warmup-cherokee' | 'color-warmup-corn' | 'color-spectrum-indigo' | 'color-spectrum-violet' | 'color-spectrum-purple' | 'color-spectrum-fuchsia' | 'color-spectrum-pink' | 'color-spectrum-rose';
-export type ColorOverridesMap = {
-    mainStrokeColor?: CSSColorVar;
-    mainFillColor?: CSSColorVar;
-    secondaryStrokeColor?: CSSColorVar;
-    backgroundFillColor?: CSSColorVar;
-};
-export declare const defaultColorMap: ColorOverridesMap;
-type StyleObject = Record<string, string>;
-export declare const parseStyleString: (style: string) => StyleObject;
-export declare const camelCase: (str: string) => string;
-type ConvertedAttributes = {
-    style?: React.CSSProperties;
-    [key: string]: string | React.CSSProperties | undefined;
-};
-export declare const convertAttributes: (node: Element, colorOverrides: ColorOverridesMap) => ConvertedAttributes;
-export {};

package/lib/es/components/svgImage/svgConverter.js

@@ -1,84 +0,0 @@
-"use strict";
-// Define the color replacements - handle hex colors and fallbacks
-// const svgColorReplacement: Record<string, string> = {
-//     'rgb(255, 255, 255)': 'var(--color-white)',
-//     '#fff': 'var(--color-white)',
-//     '#ffffff': 'var(--color-white)',
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertAttributes = exports.camelCase = exports.parseStyleString = exports.defaultColorMap = void 0;
-exports.defaultColorMap = {
-    mainStrokeColor: 'brand-info',
-    mainFillColor: 'color-highlight-lighter',
-    secondaryStrokeColor: 'gray',
-    backgroundFillColor: 'gray-lighter',
-};
-// Utility function to normalize RGB values (removes spaces, converts case)
-const normalizeColor = (color) => color.replace(/\s+/g, '').toLowerCase();
-const parseStyleString = (style) => {
-    return style.split(';').reduce((acc, rule) => {
-        const [key, value] = rule.split(':').map(s => s.trim());
-        if (key && value) {
-            acc[(0, exports.camelCase)(key)] = value;
-        }
-        return acc;
-    }, {});
-};
-exports.parseStyleString = parseStyleString;
-const camelCase = (str) => str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-exports.camelCase = camelCase;
-const REACT_ATTRIBUTE_MAP = {
-    'xml:space': 'xmlSpace',
-    'xmlns:xlink': 'xmlnsXlink',
-    'stroke-width': 'strokeWidth',
-    'fill-opacity': 'fillOpacity',
-    'stroke-opacity': 'strokeOpacity',
-    'clip-path': 'clipPath',
-};
-const convertAttributes = (node, colorOverrides) => {
-    const attributes = {};
-    const attrs = node.attributes;
-    // Create a dynamic color map based on the overrides
-    const colorMap = {
-        // Main fill color
-        'rgb(207, 240, 243)': `var(--${colorOverrides.mainFillColor || exports.defaultColorMap.mainFillColor})`,
-        '#cff0f3': `var(--${colorOverrides.mainFillColor || exports.defaultColorMap.mainFillColor})`,
-        // Main stroke color
-        'rgb(75, 128, 166)': `var(--${colorOverrides.mainStrokeColor || exports.defaultColorMap.mainStrokeColor})`,
-        '#4b80a6': `var(--${colorOverrides.mainStrokeColor || exports.defaultColorMap.mainStrokeColor})`,
-        // Secondary stroke color (gray elements)
-        'rgb(188, 192, 196)': `var(--${colorOverrides.secondaryStrokeColor || exports.defaultColorMap.secondaryStrokeColor})`,
-        '#bcc0c4': `var(--${colorOverrides.secondaryStrokeColor || exports.defaultColorMap.secondaryStrokeColor})`,
-        // Background fill color
-        'rgb(233, 235, 236)': `var(--${colorOverrides.backgroundFillColor || exports.defaultColorMap.backgroundFillColor})`,
-        '#e9ebec': `var(--${colorOverrides.backgroundFillColor || exports.defaultColorMap.backgroundFillColor})`,
-        // Static colors that don't change
-        'rgb(255, 255, 255)': 'var(--color-white)',
-        '#fff': 'var(--color-white)',
-        '#ffffff': 'var(--color-white)',
-    };
-    for (const attr of attrs) {
-        const attrName = REACT_ATTRIBUTE_MAP[attr.name] || attr.name;
-        let value = attr.value;
-        if (attrName === 'style') {
-            const parsedStyle = (0, exports.parseStyleString)(value);
-            if (parsedStyle.fill) {
-                const normalizedFill = normalizeColor(parsedStyle.fill);
-                parsedStyle.fill = colorMap[normalizedFill] || parsedStyle.fill;
-            }
-            if (parsedStyle.stroke) {
-                const normalizedStroke = normalizeColor(parsedStyle.stroke);
-                parsedStyle.stroke = colorMap[normalizedStroke] || parsedStyle.stroke;
-            }
-            attributes.style = parsedStyle;
-        }
-        else {
-            if (attrName === 'fill' || attrName === 'stroke') {
-                const normalizedColor = normalizeColor(value);
-                value = colorMap[normalizedColor] || value;
-            }
-            attributes[attrName] = value;
-        }
-    }
-    return attributes;
-};
-exports.convertAttributes = convertAttributes;

package/lib/es/components/svgImage/useSvgLoader.d.ts

@@ -1,9 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ColorOverridesMap } from './svgConverter';
-type UseSvgLoaderResult = {
-    svgElement: ReactNode | null;
-    error: boolean;
-    colorMap?: ColorOverridesMap;
-};
-export declare const useSvgLoader: (name: string, baseUrl: string, colorMap?: ColorOverridesMap) => UseSvgLoaderResult;
-export {};

package/lib/es/components/svgImage/useSvgLoader.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSvgLoader = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const svgConverter_1 = require("./svgConverter");
-const SvgElement_1 = tslib_1.__importDefault(require("./SvgElement"));
-const useSvgLoader = (name, baseUrl, colorMap = svgConverter_1.defaultColorMap) => {
-    const [svgElement, setSvgElement] = (0, react_1.useState)(null);
-    const [error, setError] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const fetchSvg = async () => {
-            try {
-                const url = `${baseUrl}/${name}.svg`;
-                const response = await fetch(url);
-                if (!response.ok) {
-                    throw new Error('Failed to load SVG');
-                }
-                const svgText = await response.text();
-                if (svgText.startsWith('<html>')) {
-                    // When fetching from RIO CDN, a default index page is returned when something cannot be found.
-                    // Hence, we need to check for this to throw a proper error message.
-                    throw new Error(`Could not load SVG with URL: ${url}`);
-                }
-                const parser = new DOMParser();
-                const doc = parser.parseFromString(svgText, 'image/svg+xml');
-                const svgNode = doc.querySelector('svg');
-                if (!svgNode) {
-                    throw new Error('Invalid SVG format');
-                }
-                const attributes = (0, svgConverter_1.convertAttributes)(svgNode, colorMap);
-                const svgJsx = ((0, jsx_runtime_1.jsx)("svg", { ...attributes, children: Array.from(svgNode.childNodes).map((node, idx) => node.nodeType === 1 ? (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                    (0, jsx_runtime_1.jsx)(SvgElement_1.default, { node: node, colorMap: colorMap }, idx)) : null) }));
-                setSvgElement(svgJsx);
-                setError(false);
-            }
-            catch (err) {
-                console.error(`Error loading SVG "${name}":`, err);
-                setError(true);
-            }
-        };
-        fetchSvg();
-    }, [name, baseUrl, colorMap]);
-    return { svgElement, error };
-};
-exports.useSvgLoader = useSvgLoader;

package/lib/es/components/switch/Switch.d.ts

@@ -1,57 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type CurrentColor } from '../../utils/currentColors';
-export type SwitchProps = {
-    /**
-     * Optional key that is used as key and as the id on the internal input.
-     */
-    keyName?: string;
-    /**
-     * Callback function triggered when clicking the button.
-     */
-    onChange?: (toggleState: boolean) => void;
-    /**
-     * Set active / inactive state.
-     *
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * Defines the color of the switch.
-     *
-     * @default 'primary'
-     */
-    color?: CurrentColor;
-    /**
-     * The min-width of the switch.
-     */
-    minWidth?: number;
-    /**
-     * Disables the component.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The text used for the ON state.
-     */
-    enabledText?: string;
-    /**
-     * The text used for the OFF state.
-     */
-    disabledText?: string;
-    /**
-     * Defines the position of the switch label.
-     *
-     * Possible values are `left` and `right`.
-     */
-    labelPosition?: 'left' | 'right';
-    /**
-     * Additional class names added to the SVG element.
-     */
-    className?: string;
-};
-declare const Switch: React.ForwardRefExoticComponent<PropsWithChildren<SwitchProps> & React.RefAttributes<HTMLDivElement>> & {
-    LABEL_POSITION_LEFT: "left";
-    LABEL_POSITION_RIGHT: "right";
-};
-export default Switch;

package/lib/es/components/switch/Switch.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const currentColors_1 = require("../../utils/currentColors");
-const Switch = (0, react_1.forwardRef)((props, ref) => {
-    const { keyName, checked = false, enabledText, minWidth = 40, disabled = false, color = 'primary', disabledText, children, className = '', labelPosition = children ? 'right' : undefined, onChange = noop_1.default, ...remainingProps } = props;
-    const handleChange = (event) => {
-        onChange(event.target.checked);
-    };
-    const hasMultipleText = enabledText && disabledText;
-    const hasSingleText = enabledText && !disabledText;
-    const switchClasses = (0, classnames_1.default)('uikit-switch', className);
-    const switchLabelClasses = (0, classnames_1.default)('switch-label', disabled && 'cursor-not-allowed', labelPosition && `label-position-${labelPosition}`);
-    const switchContentClasses = (0, classnames_1.default)('switch-content');
-    const switchBackgroundColor = (0, currentColors_1.getCurrentBackgroundColor)(color);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, ...remainingProps, className: switchClasses, children: (0, jsx_runtime_1.jsxs)("label", { className: switchLabelClasses, children: [(0, jsx_runtime_1.jsx)("input", { onChange: handleChange, checked: checked, type: 'checkbox', id: keyName, className: 'switch-input', disabled: disabled }, keyName), (0, jsx_runtime_1.jsxs)("div", { className: switchContentClasses, style: { color: switchBackgroundColor, minWidth }, children: [hasMultipleText ? ((0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": disabledText })) : (hasSingleText && (0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": enabledText })), (0, jsx_runtime_1.jsx)("div", { className: 'switch-handle' })] }), children && children] }) }));
-});
-Switch.LABEL_POSITION_LEFT = 'left';
-Switch.LABEL_POSITION_RIGHT = 'right';
-exports.default = Switch;

package/lib/es/components/table/SortArrowDown.d.ts

@@ -1,3 +0,0 @@
-export type SortArrowDownProps = {};
-declare const SortArrowDown: () => import("react/jsx-runtime").JSX.Element;
-export default SortArrowDown;

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

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

package/lib/es/components/table/SortArrowUp.d.ts

@@ -1,3 +0,0 @@
-export type SortArrowUpProps = {};
-declare const SortArrowUp: () => import("react/jsx-runtime").JSX.Element;
-export default SortArrowUp;

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

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

package/lib/es/components/table/SortArrows.d.ts

@@ -1,5 +0,0 @@
-export type SortArrowsProps = {
-    direction?: string;
-};
-declare const SortArrows: ({ direction }: SortArrowsProps) => import("react/jsx-runtime").JSX.Element;
-export default SortArrows;

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

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

package/lib/es/components/table/TableCardsSorting.d.ts

@@ -1,48 +0,0 @@
-type TableCardsSortingOption = {
-    /**
-     * ID to use for the select option.
-     */
-    id: string;
-    /**
-     * Translated column label to be shown in the select.
-     */
-    label: string | React.ReactNode;
-    /**
-     * Defines the column which is currently sorted by.
-     */
-    selected?: boolean;
-    /**
-     * Defines if the column can be sorted.
-     *
-     * Hence, it will be disabled in the select.
-     */
-    disabled?: boolean;
-};
-export type TableCardsSortingProps = {
-    /**
-     * "Name", "Key", or "Id" of the current sorted column.
-     */
-    sortName: string;
-    /**
-     * Defines the sort direction.
-     *
-     * @default 'asc'
-     */
-    sortOrder: 'asc' | 'desc';
-    /**
-     * List of objects for the column name select component.
-     */
-    selectOptions: TableCardsSortingOption[];
-    /**
-     * Function that is called when the sort key or direction changes.
-     *
-     * @default noop
-     */
-    onSortChange?: (name: string, order: 'asc' | 'desc') => void;
-    /**
-     * Optional class names for the wrapper element.
-     */
-    className?: string;
-};
-declare const TableCardsSorting: (props: TableCardsSortingProps) => import("react/jsx-runtime").JSX.Element;
-export default TableCardsSorting;

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

@@ -1,25 +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 classnames_1 = tslib_1.__importDefault(require("classnames"));
-const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
-const Select_1 = tslib_1.__importDefault(require("../selects/Select"));
-const ToggleButton_1 = tslib_1.__importDefault(require("../button/ToggleButton"));
-const TableCardsSorting = (props) => {
-    const { sortName: controlledSortName, sortOrder: controlledSortOrder = 'asc', selectOptions, onSortChange = noop_1.default, className, } = props;
-    const [sortName, setSortName] = (0, react_1.useState)(controlledSortName);
-    const [sortOrder, setSortOrder] = (0, react_1.useState)(controlledSortOrder);
-    const updateSortOrder = (newSortOrder) => {
-        setSortOrder(newSortOrder);
-        onSortChange(sortName, newSortOrder);
-    };
-    const updateSortName = (newSortName) => {
-        setSortName(newSortName);
-        onSortChange(newSortName, sortOrder);
-    };
-    const wrapperClassNames = (0, classnames_1.default)('table-toolbar-cards-sorting', 'btn-toolbar', className && className);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: wrapperClassNames, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'btn-group margin-left-0', children: [(0, jsx_runtime_1.jsx)(ToggleButton_1.default, { className: 'btn-icon-only', active: sortOrder === 'asc', onClick: () => updateSortOrder('asc'), children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-sort-by-attributes-alt' }) }), (0, jsx_runtime_1.jsx)(ToggleButton_1.default, { className: 'btn-icon-only', active: sortOrder === 'desc', onClick: () => updateSortOrder('desc'), children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-sort-by-attributes' }) })] }), selectOptions.length && ((0, jsx_runtime_1.jsx)("div", { className: 'btn-group', children: (0, jsx_runtime_1.jsx)(Select_1.default, { options: selectOptions, onChange: item => item && updateSortName(item.id) }) }))] }));
-};
-exports.default = TableCardsSorting;

package/lib/es/components/table/TableCol.d.ts

@@ -1,18 +0,0 @@
-export type ColumnDetails = {
-    [key: string]: number;
-};
-export type ColumnDetailsMap = {
-    [key: string]: ColumnDetails;
-};
-type TableColProps = {
-    /**
-     * The width of the column as part of the column details object used for the TableSettingsDialog.
-     */
-    columnDetails?: ColumnDetails;
-    /**
-     * Additional classes added to the col tag element.
-     */
-    className?: string;
-};
-declare const TableCol: ({ columnDetails, className, ...remainingProps }: TableColProps) => import("react/jsx-runtime").JSX.Element;
-export default TableCol;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TableCol = ({ columnDetails, className = '', ...remainingProps }) => {
-    const style = columnDetails?.width
-        ? {
-            minWidth: columnDetails.width,
-            width: columnDetails.width,
-        }
-        : {};
-    return (0, jsx_runtime_1.jsx)("col", { ...remainingProps, style: style, className: className });
-};
-exports.default = TableCol;