@rio-cloud/rio-uikit 1.10.1 → 1.12.0

package/src/hooks/useToggle.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Custom hook to handle toggle states.
+ *
+ * @param initialValue - The initial state of the toggle (default: false)
+ * @returns An object with the current value, toggle function, and control functions
+ */
+declare const useToggle: (initialValue?: boolean) => {
+    isToggled: boolean;
+    toggle: (eventOrCallback?: React.SyntheticEvent | ((newValue: boolean) => void)) => void;
+    enable: () => void;
+    disable: () => void;
+};
+export default useToggle;

package/src/hooks/useToggle.js

@@ -0,0 +1,31 @@
+import { useState, useCallback } from 'react';
+/**
+ * Custom hook to handle toggle states.
+ *
+ * @param initialValue - The initial state of the toggle (default: false)
+ * @returns An object with the current value, toggle function, and control functions
+ */
+const useToggle = (initialValue = false) => {
+    const [value, setValue] = useState(initialValue);
+    // Handle actual custom callbacks functions and
+    // events when assigning this function to a button directly
+    const toggle = useCallback((eventOrCallback) => {
+        setValue(prev => {
+            const newValue = !prev;
+            if (typeof eventOrCallback === 'function') {
+                // Call the callback with the new value
+                eventOrCallback(newValue);
+            }
+            return newValue;
+        });
+    }, []);
+    const enable = useCallback(() => setValue(true), []);
+    const disable = useCallback(() => setValue(false), []);
+    return {
+        isToggled: value,
+        toggle,
+        enable,
+        disable,
+    };
+};
+export default useToggle;

package/src/hooks/useUncontrollable.d.ts

@@ -0,0 +1,13 @@
+export type Handler = (value: any, ...args: any[]) => any;
+export declare function defaultKey(key: string): string;
+declare function useUncontrolledProp<TProp, THandler extends Handler = Handler>(propValue: TProp | undefined, defaultValue: TProp, handler?: THandler): readonly [TProp, THandler];
+declare function useUncontrolledProp<TProp, THandler extends Handler = Handler>(propValue: TProp | undefined, defaultValue?: TProp | undefined, handler?: THandler): readonly [TProp | undefined, (...args: Parameters<THandler>) => ReturnType<THandler> | void];
+export { useUncontrolledProp };
+type FilterFlags<Base, Condition> = {
+    [Key in keyof Base]: NonNullable<Base[Key]> extends Condition ? Key : never;
+};
+type AllowedNames<Base, Condition> = FilterFlags<Base, Condition>[keyof Base];
+type ConfigMap<TProps extends object> = {
+    [p in keyof TProps]?: AllowedNames<TProps, Function>;
+};
+export declare function useUncontrolled<TProps extends object, TDefaults extends string = never>(props: TProps, config: ConfigMap<TProps>): Omit<TProps, TDefaults>;

package/src/hooks/useUncontrollable.js

@@ -0,0 +1,44 @@
+/* eslint-disable prefer-arrow/prefer-arrow-functions */
+// forked from https://github.com/jquense/uncontrollable/blob/master/src/index.ts
+import { useCallback, useRef, useState } from 'react';
+export function defaultKey(key) {
+    return 'default' + key.charAt(0).toUpperCase() + key.substr(1);
+}
+function useUncontrolledProp(propValue, defaultValue, handler) {
+    const wasPropRef = useRef(propValue !== undefined);
+    const [stateValue, setState] = useState(defaultValue);
+    const isProp = propValue !== undefined;
+    const wasProp = wasPropRef.current;
+    wasPropRef.current = isProp;
+    /**
+     * If a prop switches from controlled to Uncontrolled
+     * reset its value to the defaultValue
+     */
+    if (!isProp && wasProp && stateValue !== defaultValue) {
+        setState(defaultValue);
+    }
+    return [
+        isProp ? propValue : stateValue,
+        useCallback((...args) => {
+            const [value, ...rest] = args;
+            const returnValue = handler?.(value, ...rest);
+            setState(value);
+            return returnValue;
+        }, [handler]),
+    ];
+}
+export { useUncontrolledProp };
+export function useUncontrolled(props, config) {
+    return Object.keys(config).reduce((result, fieldName) => {
+        const { [defaultKey(fieldName)]: defaultValue, [fieldName]: propsValue, ...rest } = result;
+        // @ts-ignore-next-line
+        const handlerName = config[fieldName];
+        // @ts-ignore-next-line
+        const [value, handler] = useUncontrolledProp(propsValue, defaultValue, props[handlerName]);
+        return {
+            ...rest,
+            [fieldName]: value,
+            [handlerName]: handler,
+        };
+    }, props);
+}

package/src/hooks/useWindowResize.d.ts

@@ -0,0 +1,9 @@
+export type UseWindowResize = (callback: () => void, timeout?: number) => void;
+/**
+ * A custom hook for handling window resize events with throttling.
+ *
+ * @param callback The callback function to execute on window resize.
+ * @param timeout Optional. The throttling timeout duration in milliseconds. Default is 300ms.
+ */
+declare const useWindowResize: UseWindowResize;
+export default useWindowResize;

package/src/hooks/useWindowResize.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import throttle from 'lodash/fp/throttle';
+/**
+ * A custom hook for handling window resize events with throttling.
+ *
+ * @param callback The callback function to execute on window resize.
+ * @param timeout Optional. The throttling timeout duration in milliseconds. Default is 300ms.
+ */
+const useWindowResize = (onResizeCallback, timeout = 300) => {
+    useEffect(() => {
+        // Throttle the callback function to avoid excessive executions during window resize events.
+        const throttledCallback = throttle(timeout, onResizeCallback);
+        // Add event listener for window resize with the throttled callback.
+        window.addEventListener('resize', throttledCallback, { passive: true });
+        // Cleanup function to remove event listener when component unmounts.
+        return () => {
+            window.removeEventListener('resize', throttledCallback);
+        };
+    }, [onResizeCallback, timeout]);
+};
+export default useWindowResize;

package/src/index.d.ts

@@ -0,0 +1,281 @@
+import _colors from './styles/variables/colors/colors.json';
+import { default as _AutoSuggest } from './components/autosuggest/AutoSuggest';
+import { default as _Sidebar } from './components/sidebars/Sidebar';
+import { default as _TableSettingsDialog } from './components/table/TableSettingsDialog';
+import { default as _Collapse } from './components/collapse/Collapse';
+import { default as _ApplicationHeader } from './components/applicationHeader/ApplicationHeader';
+import { default as _NotBookedState } from './components/states/NotBookedState';
+import { getSortDirShort as _getSortDirShort, mapColumnsSettingsToStrings as _mapColumnsSettingsToStrings, parseColumnsSettingsStrings as _parseColumnsSettingsStrings, parseSorting as _parseSorting } from './utils/routeUtils';
+import { hasTouch as _hasTouch, inIframe as _inIframe, isDesktop as _isDesktop } from './utils/deviceUtils';
+import { default as _ApplicationLayout } from './components/applicationLayout/ApplicationLayout';
+import { default as _ApplicationLayoutBodyNavigation } from './components/applicationLayout/ApplicationLayoutBodyNavigation';
+import { default as _ApplicationLayoutBodyBottomBar } from './components/applicationLayout/ApplicationLayoutBodyBottomBar';
+import { default as _ApplicationLayoutBodyBanner } from './components/applicationLayout/ApplicationLayoutBodyBanner';
+declare const VERSION: string;
+export { VERSION };
+export * from 'framer-motion';
+export { _colors as colors };
+export { _AutoSuggest as AutoSuggest };
+export { _Sidebar as Sidebar };
+export { _TableSettingsDialog as TableSettingsDialog };
+export { _Collapse as Collapse };
+export { _ApplicationHeader as ApplicationHeader };
+export { _NotBookedState as NotBookedState };
+export { _getSortDirShort as getSortDirShort, _parseSorting as parseSorting, _mapColumnsSettingsToStrings as mapColumnsSettingsToStrings, _parseColumnsSettingsStrings as parseColumnsSettingsStrings, };
+export { default as useEsc } from './hooks/useEsc';
+export { default as useKey } from './hooks/useKey';
+export { default as useEvent } from './hooks/useEvent';
+export { default as useWindowResize } from './hooks/useWindowResize';
+export { default as useAfterMount } from './hooks/useAfterMount';
+export { default as useOnMount } from './hooks/useOnMount';
+export { default as useEffectOnce } from './hooks/useEffectOnce';
+export { default as useTimeout } from './hooks/useTimeout';
+export { default as useInterval } from './hooks/useInterval';
+export { default as useElementSize } from './hooks/useElementSize';
+export { default as useScrollPosition } from './hooks/useScrollPosition';
+export { default as useDarkMode } from './hooks/useDarkMode';
+export { default as useMutationObserver } from './hooks/useMutationObserver';
+export { default as usePostMessage } from './hooks/usePostMessage';
+export { _hasTouch as hasTouch, _inIframe as inIframe, _isDesktop as isDesktop };
+export { _ApplicationLayout as ApplicationLayout };
+export { _ApplicationLayoutBodyNavigation as ApplicationLayoutBodyNavigation };
+export { _ApplicationLayoutBodyBottomBar as ApplicationLayoutBodyBottomBar };
+export { _ApplicationLayoutBodyBanner as ApplicationLayoutBodyBanner };
+export { default as ActionBarItem } from './components/actionBarItem/ActionBarItem';
+export * from './components/actionBarItem/ActionBarItem';
+export { default as Checkbox } from './components/checkbox/Checkbox';
+export * from './components/checkbox/Checkbox';
+export { default as NoData } from './components/noData/NoData';
+export * from './components/noData/NoData';
+export { default as Tooltip } from './components/tooltip/Tooltip';
+export * from './components/tooltip/Tooltip';
+export { default as SimpleTooltip } from './components/tooltip/SimpleTooltip';
+export * from './components/tooltip/SimpleTooltip';
+export { default as OverlayTrigger } from './components/overlay/OverlayTrigger';
+export * from './components/overlay/OverlayTrigger';
+export { default as Activity } from './components/activity/Activity';
+export * from './components/activity/Activity';
+export { default as AnimatedNumber } from './components/animatedNumber/AnimatedNumber';
+export * from './components/animatedNumber/AnimatedNumber';
+export { default as AspectRatioPlaceholder } from './components/aspectRatioPlaceholder/AspectRatioPlaceholder';
+export * from './components/aspectRatioPlaceholder/AspectRatioPlaceholder';
+export { default as BottomSheet } from './components/bottomSheet/BottomSheet';
+export * from './components/bottomSheet/BottomSheet';
+export { default as ResponsiveVideo } from './components/video/ResponsiveVideo';
+export * from './components/video/ResponsiveVideo';
+export { default as ClearableInput } from './components/clearableInput/ClearableInput';
+export * from './components/clearableInput/ClearableInput';
+export { default as ContentLoader } from './components/contentLoader/ContentLoader';
+export * from './components/contentLoader/ContentLoader';
+export { default as ReleaseNotes } from './components/releaseNotes/ReleaseNotes';
+export * from './components/releaseNotes/ReleaseNotes';
+export { default as Pager } from './components/pager/Pager';
+export * from './components/pager/Pager';
+export { default as usePrevious } from './hooks/usePrevious';
+export { default as Switch } from './components/switch/Switch';
+export * from './components/switch/Switch';
+export { default as Resizer } from './components/resizer/Resizer';
+export * from './components/resizer/Resizer';
+export { default as Spinner } from './components/spinner/Spinner';
+export * from './components/spinner/Spinner';
+export { default as StatsWidgets } from './components/statsWidget/StatsWidgets';
+export * from './components/statsWidget/StatsWidgets';
+export { default as StatsWidget } from './components/statsWidget/StatsWidget';
+export * from './components/statsWidget/StatsWidget';
+export { default as StatsWidgetNumber } from './components/statsWidget/StatsWidgetNumber';
+export * from './components/statsWidget/StatsWidgetNumber';
+export { default as StatsWidgetSpacer } from './components/statsWidget/StatsWidgetSpacer';
+export * from './components/statsWidget/StatsWidgetSpacer';
+export { default as StatusBar } from './components/statusBar/StatusBar';
+export * from './components/statusBar/StatusBar';
+export { default as EditableContent } from './components/editableContent/EditableContent';
+export * from './components/editableContent/EditableContent';
+export { default as useFocusTrap } from './hooks/useFocusTrap';
+export { default as useHover } from './hooks/useHover';
+export { default as NumberInput } from './components/numberInput/NumberInput';
+export * from './components/numberInput/NumberInput';
+export { default as NumberControl } from './components/numberControl/NumberControl';
+export * from './components/numberControl/NumberControl';
+export { default as Button } from './components/button/Button';
+export * from './components/button/Button';
+export { default as ToggleButton } from './components/button/ToggleButton';
+export * from './components/button/ToggleButton';
+export { default as DataTab } from './components/dataTabs/DataTab';
+export * from './components/dataTabs/DataTab';
+export { default as DataTabs } from './components/dataTabs/DataTabs';
+export * from './components/dataTabs/DataTabs';
+export { default as TagManager } from './components/tagManager/TagManager';
+export * from './components/tagManager/TagManager';
+export { default as Tag } from './components/tag/Tag';
+export * from './components/tag/Tag';
+export { default as TagList } from './components/tag/TagList';
+export * from './components/tag/TagList';
+export { default as CustomState } from './components/states/CustomState';
+export * from './components/states/CustomState';
+export { default as EmptyState } from './components/states/EmptyState';
+export * from './components/states/EmptyState';
+export { default as ErrorState } from './components/states/ErrorState';
+export * from './components/states/ErrorState';
+export { default as ForbiddenState } from './components/states/ForbiddenState';
+export * from './components/states/ForbiddenState';
+export { default as MaintenanceState } from './components/states/MaintenanceState';
+export * from './components/states/MaintenanceState';
+export { default as NotFoundState } from './components/states/NotFoundState';
+export * from './components/states/NotFoundState';
+export { default as Teaser } from './components/teaser/Teaser';
+export * from './components/teaser/Teaser';
+export { default as TeaserContainer } from './components/teaser/TeaserContainer';
+export * from './components/teaser/TeaserContainer';
+export { default as TimePicker } from './components/timepicker/TimePicker';
+export * from './components/timepicker/TimePicker';
+export { default as Notification } from './components/notification/Notification';
+export * from './components/notification/Notification';
+export { default as NotificationsContainer } from './components/notification/NotificationsContainer';
+export * from './components/notification/NotificationsContainer';
+export { default as CalendarStripe } from './components/calendarStripe/CalendarStripe';
+export * from './components/calendarStripe/CalendarStripe';
+export { default as ExpanderPanel } from './components/expander/ExpanderPanel';
+export * from './components/expander/ExpanderPanel';
+export { default as ExpanderList } from './components/expander/ExpanderList';
+export * from './components/expander/ExpanderList';
+export { default as Carousel } from './components/carousel/Carousel';
+export * from './components/carousel/Carousel';
+export { default as RadioButton } from './components/radiobutton/RadioButton';
+export * from './components/radiobutton/RadioButton';
+export { default as Fade } from './components/fade/Fade';
+export * from './components/fade/Fade';
+export { default as Dialog } from './components/dialog/Dialog';
+export * from './components/dialog/Dialog';
+export { default as ConfirmationDialog } from './components/dialog/ConfirmationDialog';
+export * from './components/dialog/ConfirmationDialog';
+export { default as SaveDialog } from './components/dialog/SaveDialog';
+export * from './components/dialog/SaveDialog';
+export { default as SplitDialog } from './components/dialog/SplitDialog';
+export * from './components/dialog/SplitDialog';
+export { default as SimpleDialog } from './components/dialog/SimpleDialog';
+export * from './components/dialog/SimpleDialog';
+export { default as InfoDialog } from './components/dialog/InfoDialog';
+export * from './components/dialog/InfoDialog';
+export { default as FrameDialog } from './components/dialog/FrameDialog';
+export * from './components/dialog/FrameDialog';
+export { default as MediaDialog } from './components/dialog/MediaDialog';
+export * from './components/dialog/MediaDialog';
+export { default as ReleaseNotesDialog } from './components/dialog/ReleaseNotesDialog';
+export * from './components/dialog/ReleaseNotesDialog';
+export { default as FilePicker } from './components/filepicker/FilePicker';
+export * from './components/filepicker/FilePicker';
+export { default as DatePicker } from './components/datepicker/DatePicker';
+export * from './components/datepicker/DatePicker';
+export { default as SortDirection } from './utils/SortUtils';
+export * from './utils/SortUtils';
+export { default as SortArrows } from './components/table/SortArrows';
+export * from './components/table/SortArrows';
+export { default as SortArrowUp } from './components/table/SortArrowUp';
+export * from './components/table/SortArrowUp';
+export { default as SortArrowDown } from './components/table/SortArrowDown';
+export * from './components/table/SortArrowDown';
+export { default as AssetTree } from './components/assetTree/AssetTree';
+export * from './components/assetTree/AssetTree';
+export { default as TreeCategory } from './components/assetTree/TreeCategory';
+export * from './components/assetTree/TreeCategory';
+export { default as Tree } from './components/assetTree/Tree';
+export * from './components/assetTree/Tree';
+export { default as TreeSearch } from './components/assetTree/TreeSearch';
+export * from './components/assetTree/TreeSearch';
+export { default as TreeSummary } from './components/assetTree/TreeSummary';
+export * from './components/assetTree/TreeSummary';
+export { default as TreeSummaryRow } from './components/assetTree/TreeSummaryRow';
+export * from './components/assetTree/TreeSummaryRow';
+export { default as TypeCounter } from './components/assetTree/TypeCounter';
+export * from './components/assetTree/TypeCounter';
+export { default as TreeOption } from './components/assetTree/TreeOption';
+export * from './components/assetTree/TreeOption';
+export { default as ButtonDropdown } from './components/dropdown/ButtonDropdown';
+export * from './components/dropdown/ButtonDropdown';
+export { default as SimpleButtonDropdown } from './components/dropdown/SimpleButtonDropdown';
+export * from './components/dropdown/SimpleButtonDropdown';
+export { default as SingleButtonDropdown } from './components/dropdown/SingleButtonDropdown';
+export * from './components/dropdown/SingleButtonDropdown';
+export { default as SplitButtonDropdown } from './components/dropdown/SplitButtonDropdown';
+export * from './components/dropdown/SplitButtonDropdown';
+export { default as DropdownSubmenu } from './components/dropdown/DropdownSubmenu';
+export * from './components/dropdown/DropdownSubmenu';
+export { default as MenuItem } from './components/menuItems/MenuItem';
+export * from './components/menuItems/MenuItem';
+export { default as MenuItems } from './components/menuItems/MenuItems';
+export * from './components/menuItems/MenuItems';
+export { default as MenuItemList } from './components/menuItems/MenuItemList';
+export * from './components/menuItems/MenuItemList';
+export { default as Page } from './components/page/Page';
+export * from './components/page/Page';
+export { default as Select } from './components/selects/Select';
+export * from './components/selects/Select';
+export { default as Multiselect } from './components/selects/Multiselect';
+export * from './components/selects/Multiselect';
+export { default as useClickOutside } from './hooks/useClickOutside';
+export { default as useClipboard } from './hooks/useClipboard';
+export { default as Divider } from './components/divider/Divider';
+export * from './components/divider/Divider';
+export { default as AppNavigationBar } from './components/navigation/AppNavigationBar';
+export * from './components/navigation/AppNavigationBar';
+export { default as ListMenu } from './components/listMenu/ListMenu';
+export * from './components/listMenu/ListMenu';
+export { default as OnboardingTip } from './components/onboarding/OnboardingTip';
+export * from './components/onboarding/OnboardingTip';
+export { default as Popover } from './components/popover/Popover';
+export * from './components/popover/Popover';
+export { default as ImagePreloader } from './components/preloader/ImagePreloader';
+export * from './components/preloader/ImagePreloader';
+export { default as RuleConnector } from './components/rules/RuleConnector';
+export * from './components/rules/RuleConnector';
+export { default as RuleContainer } from './components/rules/RuleContainer';
+export * from './components/rules/RuleContainer';
+export { default as RulesWrapper } from './components/rules/RulesWrapper';
+export * from './components/rules/RulesWrapper';
+export { default as LoadMoreButton } from './components/loadMore/LoadMoreButton';
+export * from './components/loadMore/LoadMoreButton';
+export { default as AreaChart } from './components/charts/AreaChart';
+export * from './components/charts/AreaChart';
+export { default as Area } from './components/charts/Area';
+export * from './components/charts/Area';
+export { default as AreaGradient } from './components/charts/AreaGradient';
+export * from './components/charts/AreaGradient';
+export { default as PieChart } from './components/charts/PieChart';
+export * from './components/charts/PieChart';
+export { default as Bar } from './components/charts/Bar';
+export * from './components/charts/Bar';
+export { default as BarChart } from './components/charts/BarChart';
+export * from './components/charts/BarChart';
+export { default as Line } from './components/charts/Line';
+export * from './components/charts/Line';
+export { default as LineChart } from './components/charts/LineChart';
+export * from './components/charts/LineChart';
+export { default as Legend } from './components/charts/Legend';
+export * from './components/charts/Legend';
+export { default as RadialBarChart } from './components/charts/RadialBarChart';
+export * from './components/charts/RadialBarChart';
+export { default as ChartNeedle } from './components/charts/ChartNeedle';
+export * from './components/charts/ChartNeedle';
+export * from './components/charts/ResponsiveContainer';
+export * from './components/charts/ChartGrid';
+export { default as Slider } from './components/slider/Slider';
+export * from './components/slider/Slider';
+export { default as RangeSlider } from './components/slider/RangeSlider';
+export * from './components/slider/RangeSlider';
+export { default as SteppedProgressBar } from './components/steppedProgressBar/SteppedProgressBar';
+export * from './components/steppedProgressBar/SteppedProgressBar';
+export * from './components/supportMarker/toggleSupportMarker';
+export { default as Position } from './components/position/Position';
+export * from './components/position/Position';
+export { default as ResponsiveColumnStripe } from './components/responsiveColumnStripe/ResponsiveColumnStripe';
+export * from './components/responsiveColumnStripe/ResponsiveColumnStripe';
+export { default as TableCardsSorting } from './components/table/TableCardsSorting';
+export * from './components/table/TableCardsSorting';
+export * from './utils/colorScheme';
+export { default as TableViewToggles } from './components/table/TableViewToggles';
+export * from './components/table/TableViewToggles';
+export { default as TableSearch } from './components/table/TableSearch';
+export * from './components/table/TableSearch';
+export { default as TableToolbar } from './components/table/TableToolbar';
+export * from './components/table/TableToolbar';
+export { default as DateRangePicker } from './components/datepicker/DateRangePicker';