@rio-cloud/rio-uikit 1.12.0 → 1.13.0

package/lib/es/components/groupedItemList/GroupedItemList.js

@@ -1,77 +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 SortUtils_1 = require("../../SortUtils");
-/**
- * A React component that groups and renders a list of items based on a specified property.
- * The component can be customized to render dividers and list items in different styles.
- *
- * @param {GroupedItemListProps} props - The props for the component.
- * @returns {JSX.Element} The grouped and rendered list component.
- */
-const GroupedItemList = (props) => {
-    const { items, groupBy = 'name', groupSortOrder = 'asc', // Default to ascending order if not specified
-    groupSortFunction, itemSortFunction, itemSortOrder = 'asc', // Default to ascending order if not specified
-    renderDivider, renderItem, listElement = 'div', // Default to 'div' if not specified
-    listElementClassName, dividerElementClassName, className, } = props;
-    // Default group sorting function or specific function provided
-    const groupSortFn = groupSortFunction
-        ? groupSortFunction
-        : (groups) => (0, SortUtils_1.naturalSortByProperty)(groups, 'groupKey', groupSortOrder);
-    // Default item sorting within groups or specific function provided
-    const itemSortFn = itemSortFunction
-        ? itemSortFunction
-        : (itemsToSort) => (0, SortUtils_1.sortByProperty)(itemsToSort, groupBy, itemSortOrder);
-    // Determine the grouping function based on the type of groupBy
-    // const getGroupKey = (item: T): string => {
-    //     if (typeof groupBy === 'string') {
-    //         if (groupBy === 'name') {
-    //             return (item as any).name?.[0]?.toUpperCase() ?? '';
-    //         }
-    //         return (item as any)[groupBy]?.toString() ?? '';
-    //     } else if (typeof groupBy === 'function') {
-    //         return groupBy(item);
-    //     }
-    //     throw new Error('Please define a "groupBy" property as a string or function.');
-    // };
-    const getGroupKey = typeof groupBy === 'function'
-        ? groupBy
-        : (item) => item[groupBy]?.[0]?.toUpperCase() ?? '';
-    // Group items by the specified property
-    // const allGroups = useMemo(
-    //     () =>
-    //         items.reduce<Record<string, T[]>>((acc, item) => {
-    //             const groupKey = getGroupKey(item);
-    //             if (!acc[groupKey]) {
-    //                 acc[groupKey] = [];
-    //             }
-    //             acc[groupKey].push(item);
-    //             return acc;
-    //         }, {}),
-    //     [items, getGroupKey]
-    // );
-    // Group items by the specified property
-    const groupedItems = (0, react_1.useMemo)(() => {
-        // Explicitly typing the accumulator as Record<string, T[]>
-        const groups = items.reduce((acc, item) => {
-            const groupKey = getGroupKey(item);
-            if (!acc[groupKey]) {
-                acc[groupKey] = [];
-            }
-            acc[groupKey].push(item);
-            return acc;
-        }, {});
-        return Object.keys(groups).map(groupKey => ({
-            groupKey,
-            items: groups[groupKey],
-        }));
-    }, [items, getGroupKey]);
-    // Assign the specified list element ('div' or 'ul')
-    const ListElement = listElement;
-    // Sort groups using the provided sort function
-    const sortedGroups = (0, react_1.useMemo)(() => groupSortFn(groupedItems), [groupedItems, groupSortFn]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: `grouped-item-list ${className ?? ''}`, children: sortedGroups.map(group => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `group-divider ${dividerElementClassName ?? ''}`, children: renderDivider ? renderDivider(group.groupKey) : group.groupKey }), (0, jsx_runtime_1.jsx)(ListElement, { className: listElementClassName, children: itemSortFn(group.items).map(item => renderItem ? (renderItem(item)) : ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: 'item-name', children: item.name }) }, item.id ?? crypto.randomUUID()))) })] }, group.groupKey))) }));
-};
-exports.default = GroupedItemList;

package/lib/es/components/licensePlate/LicensePlate.d.ts

@@ -1,19 +0,0 @@
-import { type PropsWithChildren } from 'react';
-export type LicensePlateProps = {
-    /**
-     * The country code.
-     *
-     * Should be a string with 1-3 capital letters.
-     */
-    countryCode?: string;
-    /**
-     * Whether the EU stars should be hidden.
-     */
-    hideStars?: boolean;
-    /**
-     * Additional classes added to the wrapping element.
-     */
-    className?: string;
-};
-declare const LicensePlate: (props: PropsWithChildren<LicensePlateProps>) => import("react/jsx-runtime").JSX.Element;
-export default LicensePlate;

package/lib/es/components/licensePlate/LicensePlate.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const euStars = ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '10', height: '10', children: (0, jsx_runtime_1.jsx)("path", { fill: '#FFC200', fillRule: 'nonzero', d: 'M5.143.439H5.6L5.23.71l.141.438L5 .88l-.371.27.14-.438L4.4.439h.459L5 0zm2.198.594h.458l-.37.272.141.44-.371-.271-.372.27.142-.439-.372-.271h.46l.142-.44zm1.607 1.625h.458l-.37.272.141.44-.371-.271-.372.27.142-.438-.371-.272.459-.001.142-.438zm.593 2.208H10l-.37.272.14.44-.37-.272-.372.271.14-.438-.37-.272.46-.001.141-.438zm-.59 2.214h.459l-.37.271.14.44-.37-.271-.372.271.141-.439-.371-.271.46-.001.141-.439zM7.337 8.701h.459l-.371.272.141.44-.371-.27-.371.27.14-.44-.37-.27.459-.002.142-.438zm-2.201.588h.458l-.37.272.141.439-.371-.27-.372.27.142-.439-.372-.271.46-.001.142-.438zM2.938 8.7h.458l-.37.273.141.439-.371-.27-.372.27.141-.44-.37-.27h.459l.142-.44zM1.33 7.083h.458l-.37.272.14.44-.371-.271-.372.27.142-.439-.37-.271h.458l.143-.44zM.743 4.869H1.2l-.37.272.141.439-.371-.27-.372.27.142-.439L0 4.87l.459-.001L.6 4.43zm.581-2.217h.459l-.37.272.14.439-.37-.27-.372.27.14-.439-.37-.271h.459l.142-.44zM2.94 1.03h.459l-.37.272.14.44-.37-.272-.372.271.14-.439-.37-.271.458-.001.143-.439z' }) }));
-const LicensePlate = (props) => {
-    const { countryCode, hideStars, className = '', children } = props;
-    let letterCount = '';
-    if (countryCode?.length === 2)
-        letterCount = 'two-letters';
-    if (countryCode?.length === 3)
-        letterCount = 'three-letters';
-    return ((0, jsx_runtime_1.jsx)("div", { className: `license-plate ${className}`, children: (0, jsx_runtime_1.jsxs)("div", { className: 'plate-content', children: [countryCode && ((0, jsx_runtime_1.jsxs)("div", { className: 'plate-country', children: [!hideStars && (0, jsx_runtime_1.jsx)("span", { className: 'stars', children: euStars }), (0, jsx_runtime_1.jsx)("span", { className: `plate-country-code ${letterCount}`, children: countryCode })] })), (0, jsx_runtime_1.jsx)("div", { className: 'plate-number', children: children })] }) }));
-};
-exports.default = LicensePlate;

package/lib/es/components/listMenu/ListMenu.d.ts

@@ -1,73 +0,0 @@
-import React, { type ReactNode } from 'react';
-import { type ListMenuNavItem, type ListMenuItem } from './ListMenuGroup';
-export type { ListMenuNavItem, ListMenuItem } from './ListMenuGroup';
-export type ListMenuProps<T extends ListMenuNavItem> = {
-    /**
-     * List of menu item groups to be shown.
-     */
-    menuItems: ListMenuItem<T>[];
-    /**
-     * Enables the filter.
-     *
-     * @default false
-     */
-    enableFilter?: boolean;
-    /**
-     * Focus the filter input.
-     *
-     * @default false
-     */
-    focusFilter?: boolean;
-    /**
-     * Define the attribute key for filtering.
-     *
-     * @default 'key'
-     */
-    filterKey?: keyof T;
-    /**
-     * The placeholder text for the filter input.
-     */
-    filterPlaceholder?: string;
-    /**
-     * Gets called when the filter input changes.
-     *
-     * @param value
-     * @returns
-     */
-    onFilterChange?: (value: string) => void;
-    /**
-     * A localized message to be shown when the filter result is empty.
-     */
-    notFoundMessage?: string | ReactNode;
-    /**
-     * The menu uses collapses on smaller screens using an expander panel.
-     *
-     * @default true
-     */
-    responsive?: boolean;
-    /**
-     * Enables automatic closing of the expander panel.
-     *
-     * Only relevant when using the `responsive` flag. Note: Make sure to not stop the events from bubbling up when
-     * clicking on a list item!
-     *
-     * Using `event.stopPropagation()` will prevent the panel from closing.
-     *
-     * @default true
-     */
-    autoClose?: boolean;
-    /**
-     * Additional classes to be set on the menu group element.
-     */
-    groupClassName?: string;
-    /**
-     * Additional addon for the input group.
-     */
-    trailingInputAddon?: React.ReactNode;
-    /**
-     * Additional classes to be set on the wrapper element.
-     */
-    className?: string;
-};
-declare const ListMenu: <T extends ListMenuNavItem>(props: ListMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default ListMenu;

package/lib/es/components/listMenu/ListMenu.js

@@ -1,88 +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: <explanation>
-const react_1 = require("react");
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
-const debounce_1 = tslib_1.__importDefault(require("lodash/fp/debounce"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const useEffectOnce_1 = tslib_1.__importDefault(require("../../hooks/useEffectOnce"));
-const ClearableInput_1 = tslib_1.__importDefault(require("../clearableInput/ClearableInput"));
-const ExpanderPanel_1 = tslib_1.__importDefault(require("../expander/ExpanderPanel"));
-const ListMenuGroup_1 = tslib_1.__importDefault(require("./ListMenuGroup"));
-const useEsc_1 = tslib_1.__importDefault(require("../../hooks/useEsc"));
-const useWindowResize_1 = tslib_1.__importDefault(require("../../hooks/useWindowResize"));
-const useKey_1 = tslib_1.__importDefault(require("../../hooks/useKey"));
-const RESIZE_THROTTLING = 10;
-const MOBILE_MAX_WIDTH = 580;
-const filterMenuItems = (items, value, filterKey) => items.map(item => ({
-    ...item,
-    navItems: item.navItems.filter(navItem => navItem[filterKey].toLowerCase().includes(value.toLowerCase())),
-}));
-const hasMenuItems = (items) => items.find(({ navItems }) => !(0, isEmpty_1.default)(navItems));
-const ListMenu = (props) => {
-    const { menuItems, focusFilter = false, enableFilter = false, filterPlaceholder, onFilterChange = () => { }, notFoundMessage, className = '', groupClassName = '', responsive = true, autoClose = true, filterKey = 'key', trailingInputAddon, ...remainingProps } = props;
-    const [filterValue, setFilterValue] = (0, react_1.useState)('');
-    const [isMobileMode, setIsMobileMode] = (0, react_1.useState)(false);
-    const [isExpanderOpen, setIsExpanderOpen] = (0, react_1.useState)(false);
-    const [mobileHeader, setMobileHeader] = (0, react_1.useState)('');
-    const inputRef = (0, react_1.useRef)(null);
-    const listRef = (0, react_1.useRef)(null);
-    const buildMobileHeader = () => {
-        if (responsive && listRef.current) {
-            const [activeElement] = listRef.current.getElementsByClassName('active');
-            setMobileHeader((0, jsx_runtime_1.jsxs)("div", { className: 'display-flex align-items-center', children: [(0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-menu-hamburger margin-right-10' }), (0, jsx_runtime_1.jsx)("span", { children: activeElement?.innerText })] }));
-        }
-    };
-    // clear filter input on esc
-    (0, useEsc_1.default)(() => {
-        if (enableFilter && inputRef.current === document.activeElement) {
-            setFilterValue('');
-        }
-    });
-    // Convert the menu to an expandable panel for smaller screens
-    const handleMobileSize = (0, debounce_1.default)(RESIZE_THROTTLING)(() => {
-        buildMobileHeader();
-        setIsMobileMode(window.innerWidth < MOBILE_MAX_WIDTH);
-    });
-    // Render a dropdown menu on mobile on mount
-    (0, react_1.useEffect)(handleMobileSize, []);
-    (0, useWindowResize_1.default)(handleMobileSize);
-    const focusInput = () => {
-        inputRef.current?.focus();
-    };
-    (0, useKey_1.default)((event) => {
-        if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
-            event.preventDefault();
-            focusInput();
-        }
-    });
-    // Focus filter input if requested
-    (0, useEffectOnce_1.default)(() => {
-        focusFilter && focusInput();
-    });
-    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
-    (0, react_1.useEffect)(() => buildMobileHeader, [menuItems]);
-    const handleClear = () => focusFilter && focusInput();
-    const handleFilterChange = (value) => {
-        setFilterValue(value);
-        onFilterChange(value);
-    };
-    const filteredMenuItems = filterMenuItems(menuItems, filterValue, filterKey);
-    const handleExpanderBodyClick = (event) => {
-        const isListItem = event.target.parentElement?.tagName.toLowerCase() === 'li';
-        if (autoClose && isListItem) {
-            setIsExpanderOpen(false);
-        }
-    };
-    const formClassNames = (0, classnames_1.default)('form-group', 'margin-bottom-5', 'padding-left-15', 'padding-right-15', 'padding-bottom-15', 'position-sticky', 'top-0', 'z-index-1');
-    const listMenu = ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, className: `ListMenu ${className} ${filterValue ? 'filtered' : ''}`, ref: listRef, children: [enableFilter && ((0, jsx_runtime_1.jsx)("div", { className: formClassNames, children: (0, jsx_runtime_1.jsxs)("div", { className: 'input-group width-100pct', children: [(0, jsx_runtime_1.jsx)("span", { className: 'input-group-addon', children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-search', "aria-hidden": 'true' }) }), (0, jsx_runtime_1.jsx)(ClearableInput_1.default, { value: filterValue, inputRef: inputRef, placeholder: filterPlaceholder, onChange: handleFilterChange, onClear: handleClear }), trailingInputAddon && trailingInputAddon] }) })), !hasMenuItems(filteredMenuItems) && ((0, jsx_runtime_1.jsx)("div", { className: 'padding-top-25 text-center text-color-gray', children: notFoundMessage })), filteredMenuItems.map((menuGroup, index) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: using a random key would re-render the list every time the parent updates
-            (0, jsx_runtime_1.jsx)(ListMenuGroup_1.default, { className: groupClassName, menuGroup: menuGroup }, index)))] }));
-    if (responsive && isMobileMode) {
-        return ((0, jsx_runtime_1.jsx)(ExpanderPanel_1.default, { title: mobileHeader, bsStyle: 'default', open: isExpanderOpen, onToggle: () => setIsExpanderOpen(!isExpanderOpen), unmountOnExit: false, className: 'shadow-default', children: (0, jsx_runtime_1.jsx)("div", { onClick: handleExpanderBodyClick, children: listMenu }) }));
-    }
-    return listMenu;
-};
-exports.default = ListMenu;

package/lib/es/components/listMenu/ListMenuGroup.d.ts

@@ -1,69 +0,0 @@
-import { type ReactNode } from 'react';
-export type ListMenuNavItem = {
-    /**
-     * The name or key of the menu nav item.
-     *
-     * This key will be used for filtering, hence it should match the translated menu item name.
-     */
-    key: string;
-    /**
-     * The menu nav item itself.
-     *
-     * This can be a simple `a`, `NavLink`, `Link`, `span` or even a `FormattedMessage`.
-     */
-    item: string | ReactNode;
-    /**
-     * Disables the list item.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the current menu item is a child of another menu item.
-     */
-    isSubItem?: boolean;
-} & {
-    [otherFilterKey: Exclude<string, 'key' | 'item' | 'disabled' | 'isSubItem'>]: unknown;
-};
-export type ListMenuItem<T extends ListMenuNavItem = ListMenuNavItem> = {
-    /**
-     * The optional group header to be shown.
-     *
-     * This can also be a component such as a `FormattedMessage`.
-     */
-    group?: string | ReactNode;
-    /**
-     * The optional group header link to be shown.
-     *
-     * This can be a link component such as `NavLink` or `Link`. This way, the header can be a link itself. In this
-     * case, the `group` prop can be omitted.
-     */
-    groupNavItem?: string | ReactNode;
-    /**
-     * The optional badge displayed alongside the group or nav items.
-     *
-     * This can be text or a React node for additional flexibility.
-     */
-    badge?: string | ReactNode;
-    /**
-     * The type of badge to display.
-     *
-     * Determines the visual style of the badge. Available types include:
-     * - `muted`: A subdued badge style.
-     * - `success`: Indicates a successful state.
-     * - `info`: Represents informational content.
-     * - `warning`: Warns of potential issues.
-     * - `danger`: Highlights a critical state.
-     */
-    badgeType?: 'muted' | 'success' | 'info' | 'warning' | 'danger';
-    /**
-     * The list of all menu items of a group.
-     */
-    navItems: T[];
-};
-type ListMenuGroupProps<T extends ListMenuNavItem> = {
-    menuGroup: ListMenuItem<T>;
-    className: string;
-};
-declare const ListMenuGroup: <T extends ListMenuNavItem>({ menuGroup, className }: ListMenuGroupProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-export default ListMenuGroup;

package/lib/es/components/listMenu/ListMenuGroup.js

@@ -1,13 +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 ListMenuHeader_1 = tslib_1.__importDefault(require("./ListMenuHeader"));
-const ListMenuGroup = ({ menuGroup, className }) => {
-    if (!menuGroup.navItems.length) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("ul", { className: `ListMenuGroup ${className}`, children: [(0, jsx_runtime_1.jsx)(ListMenuHeader_1.default, { ...menuGroup }), menuGroup.navItems.map(item => ((0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)({ disabled: item.disabled, subitem: item.isSubItem }), children: item.item }, item.key)))] }));
-};
-exports.default = ListMenuGroup;

package/lib/es/components/listMenu/ListMenuHeader.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-type ListMenuHeaderProps = {
-    group?: string | ReactNode;
-    badge?: string | ReactNode;
-    badgeType?: 'muted' | 'success' | 'info' | 'warning' | 'danger';
-    groupNavItem?: string | ReactNode;
-    className?: string;
-};
-declare const ListMenuHeader: ({ group, badge, badgeType, groupNavItem, className }: ListMenuHeaderProps) => import("react/jsx-runtime").JSX.Element | null;
-export default ListMenuHeader;

package/lib/es/components/listMenu/ListMenuHeader.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ListMenuHeader = ({ group, badge, badgeType = 'muted', groupNavItem, className = '' }) => {
-    if (!group && !groupNavItem) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("li", { className: 'ListMenuHeader', children: [groupNavItem ? groupNavItem : (0, jsx_runtime_1.jsx)("span", { className: className, children: group }), badge && (0, jsx_runtime_1.jsx)("span", { className: `badge badge-${badgeType}`, children: badge })] }));
-};
-exports.default = ListMenuHeader;

package/lib/es/components/loadMore/LoadMoreButton.d.ts

@@ -1,42 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ProgressBarStyle } from './LoadMoreProgress';
-type LoadMoreButtonProps = {
-    /**
-     * The number of already loaded elements. If set to 0 the progress bar will not be shown.
-     * @default 0
-     */
-    loaded?: number;
-    /**
-     * The number of all elements. If set to 0 the progress bar will not be shown.
-     * @default 100
-     */
-    total?: number;
-    /**
-     * The message that will be shown when everything is loaded.
-     */
-    noMoreMessage?: string | ReactNode;
-    /**
-     * The text for the load more button.
-     */
-    loadMoreMessage?: string | ReactNode;
-    /**
-     * If set to `false`, the button will not be rendered. The loadMoreMessage will be shown as text.
-     * @default true
-     */
-    isInteractive?: boolean;
-    /**
-     * Callback fired when clicking on the load more button.
-     */
-    onLoadMore?: VoidFunction;
-    /**
-     * In case the component is used on white background, set the progress bar style to `gray`.
-     * @default 'white'
-     */
-    progressBarStyle?: ProgressBarStyle;
-    /**
-     * Additional classes to be set on the wrapper element.
-     */
-    className?: string;
-};
-export declare const LoadMoreButton: (props: LoadMoreButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default LoadMoreButton;

package/lib/es/components/loadMore/LoadMoreButton.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadMoreButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const LoadMoreProgress_1 = require("./LoadMoreProgress");
-const LoadMoreButton = (props) => {
-    const { loaded = 0, total = 100, onLoadMore = () => { }, loadMoreMessage = '', noMoreMessage = '', isInteractive = true, progressBarStyle, className = '', ...remainingProps } = props;
-    const wrapperClassNames = (0, classnames_1.default)('LoadMoreButton', 'align-items-center', 'display-flex', 'justify-content-center', 'margin-top-25', 'margin-bottom-25', 'non-printable', className);
-    const hasMoreToLoad = loaded > 0 && total > 0 && loaded < total;
-    return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, className: wrapperClassNames, children: (0, jsx_runtime_1.jsxs)("div", { className: 'min-width-150', children: [(0, jsx_runtime_1.jsx)(LoadMoreProgress_1.LoadMoreProgress, { loaded: loaded, total: total, progressBarStyle: progressBarStyle }), (0, jsx_runtime_1.jsxs)("div", { className: 'display-flex justify-content-center', children: [hasMoreToLoad && isInteractive && ((0, jsx_runtime_1.jsxs)("button", { className: 'btn btn-link padding-right-20 margin-top--5', type: 'button', onClick: onLoadMore, children: [(0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-down' }), loadMoreMessage] })), hasMoreToLoad && !isInteractive && ((0, jsx_runtime_1.jsx)("span", { className: 'padding-top-4 padding-bottom-10', children: loadMoreMessage })), !hasMoreToLoad && (0, jsx_runtime_1.jsx)("span", { className: 'padding-top-4 padding-bottom-10', children: noMoreMessage })] })] }) }));
-};
-exports.LoadMoreButton = LoadMoreButton;
-exports.default = exports.LoadMoreButton;

package/lib/es/components/loadMore/LoadMoreProgress.d.ts

@@ -1,12 +0,0 @@
-declare const STYLE: {
-    readonly WHITE: "white";
-    readonly GRAY: "gray";
-};
-export type ProgressBarStyle = (typeof STYLE)[keyof typeof STYLE];
-type LoadMoreProgressProps = {
-    loaded: number;
-    total: number;
-    progressBarStyle?: ProgressBarStyle;
-};
-export declare const LoadMoreProgress: ({ loaded, total, progressBarStyle }: LoadMoreProgressProps) => import("react/jsx-runtime").JSX.Element | null;
-export default LoadMoreProgress;

package/lib/es/components/loadMore/LoadMoreProgress.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadMoreProgress = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const STYLE = {
-    WHITE: 'white',
-    GRAY: 'gray',
-};
-const LoadMoreProgress = ({ loaded = 0, total = 0, progressBarStyle = STYLE.WHITE }) => {
-    if (!loaded || !total) {
-        return null;
-    }
-    const width = `${(loaded / total) * 100}%`;
-    const progressClassName = (0, classnames_1.default)('progress', 'height-2 margin-bottom-10', progressBarStyle === STYLE.GRAY ? 'bg-lighter' : 'bg-white');
-    const progressBarClassName = (0, classnames_1.default)('progress-bar', progressBarStyle === STYLE.GRAY &&
-        width !== '100%' &&
-        'border border-right-only border-color-white border-width-2');
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'text-center margin-bottom-3', children: [(0, jsx_runtime_1.jsx)("span", { className: 'text-medium', children: loaded }), (0, jsx_runtime_1.jsx)("span", { className: 'margin-left-5 margin-right-5', children: "/" }), (0, jsx_runtime_1.jsx)("span", { className: 'text-medium', children: total })] }), (0, jsx_runtime_1.jsx)("div", { className: progressClassName, children: (0, jsx_runtime_1.jsx)("div", { className: progressBarClassName, style: { width } }) })] }));
-};
-exports.LoadMoreProgress = LoadMoreProgress;
-exports.default = exports.LoadMoreProgress;

package/lib/es/components/map/components/Map.d.ts

@@ -1,13 +0,0 @@
-import type { MapProps, MapType } from '../utils/mapTypes';
-declare const Map: {
-    (props: MapProps): import("react/jsx-runtime").JSX.Element;
-    TYPE_DEFAULT: MapType;
-    TYPE_FLEET_STYLE: MapType;
-    TYPE_SATELLITE: MapType;
-    TYPE_TERRAIN: MapType;
-    TYPE_NIGHT: MapType;
-    LAYER_INCIDENTS: string;
-    LAYER_TRAFFIC: string;
-    LAYER_ROAD_RESTRICTIONS: string;
-};
-export default Map;