@rio-cloud/rio-uikit 0.16.4-beta.21 → 0.16.4-beta.23

package/lib/es/components/menuItems/MenuItemList.d.ts

@@ -0,0 +1,7 @@
+import React, { type HTMLProps } from 'react';
+type MenuItemListProps = {
+    pullRight?: boolean;
+    className?: string;
+} & HTMLProps<HTMLUListElement>;
+declare const MenuItemList: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<MenuItemListProps>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export default MenuItemList;

package/lib/es/components/menuItems/MenuItemList.js

@@ -0,0 +1,12 @@
+"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 MenuItemList = (0, react_1.forwardRef)((props, ref) => {
+    const { pullRight, className, children } = props, remainingProps = tslib_1.__rest(props, ["pullRight", "className", "children"]);
+    const dropdownMenuClasses = (0, classnames_1.default)('dropdown-menu', pullRight && 'pull-right', className);
+    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, remainingProps, { className: dropdownMenuClasses, ref: ref, role: 'menu' }, { children: children })));
+});
+exports.default = MenuItemList;

package/lib/es/components/menuItems/MenuItems.d.ts

@@ -1,3 +1,8 @@
+import { type MenuItemProps as MenuItem } from './MenuItem';
+export type MenuItemsProps = {
+    items: MenuItem[];
+    closeMenu?: () => void;
+    onMouseEnter?: () => void;
+};
+declare const MenuItems: ({ items, closeMenu, onMouseEnter }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItems;
-declare const MenuItems: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

package/lib/es/components/menuItems/MenuItems.js

@@ -2,11 +2,13 @@
 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 classnames_1 = tslib_1.__importDefault(require("classnames"));
-const MenuItems = react_1.default.forwardRef((_a, ref) => {
-    var { pullRight, className, children } = _a, remainingProps = tslib_1.__rest(_a, ["pullRight", "className", "children"]);
-    const dropdownMenuClasses = (0, classnames_1.default)('dropdown-menu', pullRight && 'pull-right', className);
-    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, remainingProps, { className: dropdownMenuClasses, ref: ref, role: 'menu' }, { children: children })));
-});
+require("react");
+const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
+const MenuItem_1 = tslib_1.__importDefault(require("./MenuItem"));
+const MenuItems = ({ items, closeMenu = noop_1.default, onMouseEnter = noop_1.default }) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items.map((item, index) => {
+            var _a;
+            return ((0, jsx_runtime_1.jsx)(MenuItem_1.default, Object.assign({}, item, { index: index, closeMenu: closeMenu, onMouseEnter: onMouseEnter }), (_a = item.index) !== null && _a !== void 0 ? _a : index));
+        }) }));
+};
 exports.default = MenuItems;

package/lib/es/components/numberInput/NumberInput.js

@@ -157,6 +157,6 @@ const NumberInput = (0, react_1.forwardRef)((props, ref) => {
     const inputClassNames = (0, classnames_1.default)('form-control', 'no-controls', bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', className);
     const hasFeedback = errorMessage || warningMessage;
     const input = ((0, jsx_runtime_1.jsx)("input", Object.assign({}, remainingProps, { id: id, type: 'number', step: step, min: min, max: max, value: state.isValid ? state.value : state.enteredValue, className: inputClassNames, disabled: disabled, onBlur: handleBlur, onChange: handleOnChange, onKeyDown: handleKeyDown, ref: ref, "aria-label": 'number-input', placeholder: placeholder, onWheel: handleWheel })));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: inputGroupClassNames }, { children: [inputAddon && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: inputAddon }) }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'form-control-feedback-wrapper' }, { children: [input, hasFeedback && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorMessage && (0, jsx_runtime_1.jsx)("span", { className: 'form-control-feedback rioglyph rioglyph-error-sign' }), warningMessage && (0, jsx_runtime_1.jsx)("span", { className: 'form-control-feedback rioglyph rioglyph-warning-sign' }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: `help-block white-space-${messageWhiteSpace}` }, { children: (0, jsx_runtime_1.jsx)("span", { children: errorMessage || warningMessage }) }))] }))] })), (unit || controls) && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `input-group-addon ${disabled ? 'disabled' : ''}` }, { children: [unit && unit, controls && controls] })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: inputGroupClassNames }, { children: [inputAddon && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'input-group-addon' }, { children: (0, jsx_runtime_1.jsx)("span", { className: inputAddon }) }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'form-control-feedback-wrapper' }, { children: [input, hasFeedback && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorMessage && (0, jsx_runtime_1.jsx)("span", { className: 'form-control-feedback rioglyph rioglyph-error-sign' }), warningMessage && (0, jsx_runtime_1.jsx)("span", { className: 'form-control-feedback rioglyph rioglyph-warning-sign' }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: `help-block white-space-${messageWhiteSpace}` }, { children: (0, jsx_runtime_1.jsx)("span", { children: errorMessage || warningMessage }) }))] }))] })), (unit || controls) && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `input-group-addon ${disabled ? 'disabled pointer-events-none' : ''}` }, { children: [unit && unit, controls && controls] })))] })));
 });
 exports.default = NumberInput;

package/lib/es/components/page/Page.d.ts

@@ -0,0 +1,32 @@
+import { type PropsWithChildren } from 'react';
+export type PageProps = {
+    /**
+     * Defines the width in pixel of the page. In landscape mode, the width is set as height.
+     * The component uses internally the aspect-ratio of a standard DIN A4 page.
+     * Please make sure the element does not get stretched when using flexbox.
+     */
+    width: number;
+    /**
+     * Defines the layout of the page
+     *
+     * @default 'portrait'
+     */
+    orientation?: 'portrait' | 'landscape';
+    /**
+     * Defines to use a pre-defined shadow style. May be disabled on white background.
+     *
+     * @default true
+     */
+    shadow?: boolean;
+    /**
+     * Defines to use a pre-defined border style. This may be used to render
+     * the page on a white background of as part of another element like a panel.
+     */
+    border?: boolean;
+    /**
+     * Additional classes to be set on the wrapper element
+     */
+    className?: string;
+};
+declare const Page: (props: PropsWithChildren<PageProps>) => import("react/jsx-runtime").JSX.Element;
+export default Page;

package/lib/es/components/page/Page.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Page = (props) => {
+    const { className, width, orientation = 'portrait', shadow = true, border = false, children } = props;
+    const wrapperClassNames = (0, classnames_1.default)('Page', orientation, shadow && 'shadow-hard', border && 'border border-width-2', className);
+    const isPortrait = orientation === 'portrait';
+    const style = {};
+    if (width && isPortrait) {
+        style.width = `${width}px`;
+    }
+    if (width && !isPortrait) {
+        style.height = `${width}px`;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClassNames, style: style }, { children: children })));
+};
+exports.default = Page;

package/lib/es/components/tag/Tag.d.ts

@@ -55,9 +55,9 @@ export type TagProps = {
     /**
      * Defines if you want to render the tag in a different size.
      *
-     * Possible values are: 'small'
+     * Possible values are: 'small' and 'medium'
      */
-    size?: 'small';
+    size?: 'small' | 'medium';
     multiline?: boolean;
     [remainingProp: string]: unknown;
     /**

package/lib/es/components/timepicker/TimePicker.js

@@ -9,6 +9,7 @@ const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
 const isEmpty_1 = tslib_1.__importDefault(require("lodash/fp/isEmpty"));
 const moment_1 = tslib_1.__importDefault(require("moment"));
 const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
+const tiny_invariant_1 = tslib_1.__importDefault(require("tiny-invariant"));
 const MINUTES_OFFSET = 15;
 const mask = [/[0-2]/, /[0-9]/, ':', /[0-5]/, /[0-9]/];
 const fullRegexp = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/;
@@ -26,7 +27,7 @@ const isControlledAndValid = (value) => {
     const hasExternalValue = !(0, isNil_1.default)(value);
     const isValid = (0, isEmpty_1.default)(value) || isTimeValid(value);
     if (hasExternalValue && !isValid) {
-        throw Error('Wrong time format. Please pass in value with the following format: "hh:mm".');
+        (0, tiny_invariant_1.default)(false, 'Wrong time format. Please pass in value with the following format: "hh:mm".');
     }
     return hasExternalValue && isValid;
 };

package/lib/es/hooks/useClickOutside.d.ts

@@ -1 +1,4 @@
-export default function useClickOutside(callback: any, eventTypes?: string[]): import("react").MutableRefObject<null>;
+/// <reference types="react" />
+export type EventListenerType = keyof DocumentEventMap;
+declare const useClickOutside: <T extends HTMLElement = any>(callback: (event: MouseEvent | TouchEvent) => void, events?: EventListenerType[]) => import("react").MutableRefObject<T>;
+export default useClickOutside;

package/lib/es/hooks/useClickOutside.js

@@ -4,19 +4,19 @@
 // Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-click-outside/use-click-outside.ts
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-function useClickOutside(callback, eventTypes = ['mousedown', 'touchstart']) {
+const useClickOutside = (callback, events = ['mousedown', 'touchstart']) => {
     const targetRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        const listener = event => {
+        const listener = (event) => {
             if (targetRef.current && !targetRef.current.contains(event.target)) {
                 callback(event);
             }
         };
-        eventTypes.forEach(eventType => document.addEventListener(eventType, listener));
+        events.forEach(eventType => document.addEventListener(eventType, listener));
         return () => {
-            eventTypes.forEach(eventType => document.removeEventListener(eventType, listener));
+            events.forEach(eventType => document.removeEventListener(eventType, listener));
         };
-    }, [targetRef, callback]);
+    }, [targetRef, callback, events]);
     return targetRef;
-}
+};
 exports.default = useClickOutside;

package/lib/es/hooks/useClipboard.d.ts

@@ -1,8 +1,9 @@
-export default function useClipboard({ timeout }?: {
-    timeout?: number | undefined;
-}): {
-    copy: (valueToCopy: any) => void;
+declare const useClipboard: (options?: {
+    timeout: number;
+}) => {
+    copy: (valueToCopy: string) => void;
     reset: () => void;
-    error: null;
+    error: Error | null;
     copied: boolean;
 };
+export default useClipboard;

package/lib/es/hooks/useClipboard.js

@@ -4,21 +4,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
-function useClipboard({ timeout = 2000 } = {}) {
+const useClipboard = (options) => {
+    const { timeout = 2000 } = options !== null && options !== void 0 ? options : {};
     const [error, setError] = (0, react_1.useState)(null);
     const [copied, setCopied] = (0, react_1.useState)(false);
     const [copyTimeout, setCopyTimeout] = (0, react_1.useState)(null);
-    const handleCopyResult = value => {
-        clearTimeout(copyTimeout);
+    const handleCopyResult = (value) => {
+        if (copyTimeout) {
+            clearTimeout(copyTimeout);
+        }
         setCopyTimeout(setTimeout(() => setCopied(false), timeout));
         setCopied(value);
     };
-    const copy = valueToCopy => {
+    const copy = (valueToCopy) => {
         if (!(0, isNil_1.default)(navigator.clipboard)) {
             navigator.clipboard
                 .writeText(valueToCopy)
                 .then(() => handleCopyResult(true))
-                .catch(error => setError(error));
+                .catch(writeError => setError(writeError));
         }
         else {
             setError(new Error('useClipboard: navigator.clipboard is not supported'));
@@ -27,8 +30,10 @@ function useClipboard({ timeout = 2000 } = {}) {
     const reset = () => {
         setCopied(false);
         setError(null);
-        clearTimeout(copyTimeout);
+        if (copyTimeout) {
+            clearTimeout(copyTimeout);
+        }
     };
     return { copy, reset, error, copied };
-}
+};
 exports.default = useClipboard;

package/lib/es/hooks/usePrevious.d.ts

@@ -17,5 +17,5 @@
  * @param state The value of the current state to keep track of.
  * @returns
  */
-declare const usePrevious: <T>(state: T | null | undefined, isEqualFunc?: ((value: T | null | undefined, current: T | null | undefined) => any) | undefined) => T | null | undefined;
+declare const usePrevious: <T>(state: T, isEqualFunc?: ((value: T | null | undefined, current: T | null | undefined) => any) | undefined) => T;
 export default usePrevious;

package/lib/es/hooks/usePrevious.js

@@ -26,12 +26,11 @@ const isEqual_1 = tslib_1.__importDefault(require("lodash/fp/isEqual"));
  * @returns
  */
 const usePrevious = (state, isEqualFunc) => {
-    const prevRef = (0, react_1.useRef)();
-    const [previousState, setPreviousState] = (0, react_1.useState)(prevRef.current);
-    if (isEqualFunc ? !isEqualFunc(state, prevRef.current) : !(0, isEqual_1.default)(state, prevRef.current)) {
-        setPreviousState(prevRef.current);
-        prevRef.current = state;
+    const ref = (0, react_1.useRef)({ target: state, previous: state });
+    if (isEqualFunc ? !isEqualFunc(state, ref.current.target) : !(0, isEqual_1.default)(state, ref.current.target)) {
+        ref.current.previous = ref.current.target;
+        ref.current.target = state;
     }
-    return previousState;
+    return ref.current.previous;
 };
 exports.default = usePrevious;

package/lib/es/index.d.ts

@@ -7,32 +7,6 @@ import { default as _AutoSuggest } from './components/autosuggest/AutoSuggest';
 export { _AutoSuggest as AutoSuggest };
 import { default as _Sidebar } from './components/sidebars/Sidebar';
 export { _Sidebar as Sidebar };
-import { default as _AssetTree } from './components/assetTree/AssetTree';
-export { _AssetTree as AssetTree };
-import { default as _TreeCategory } from './components/assetTree/TreeCategory';
-export { _TreeCategory as TreeCategory };
-import { default as _Tree } from './components/assetTree/Tree';
-export { _Tree as Tree };
-import { default as _TreeSearch } from './components/assetTree/TreeSearch';
-export { _TreeSearch as TreeSearch };
-import { default as _TreeSummary } from './components/assetTree/TreeSummary';
-export { _TreeSummary as TreeSummary };
-import { default as _TypeCounter } from './components/assetTree/TypeCounter';
-export { _TypeCounter as TypeCounter };
-import { default as _TreeOption } from './components/assetTree/TreeOption';
-export { _TreeOption as TreeOption };
-import { default as _DropdownSubmenu } from './components/dropdown/DropdownSubmenu';
-export { _DropdownSubmenu as DropdownSubmenu };
-import { default as _MenuItem } from './components/menuItems/MenuItem';
-export { _MenuItem as MenuItem };
-import { default as _ButtonDropdown } from './components/dropdown/ButtonDropdown';
-export { _ButtonDropdown as ButtonDropdown };
-import { default as _SimpleButtonDropdown } from './components/dropdown/SimpleButtonDropdown';
-export { _SimpleButtonDropdown as SimpleButtonDropdown };
-import { default as _SingleButtonDropdown } from './components/dropdown/SingleButtonDropdown';
-export { _SingleButtonDropdown as SingleButtonDropdown };
-import { default as _SplitButtonDropdown } from './components/dropdown/SplitButtonDropdown';
-export { _SplitButtonDropdown as SplitButtonDropdown };
 import { default as _TableSettingsDialog } from './components/table/TableSettingsDialog';
 export { _TableSettingsDialog as TableSettingsDialog };
 import { default as _TableViewToggles } from './components/table/TableViewToggles';
@@ -82,8 +56,6 @@ 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 useClickOutside } from './hooks/useClickOutside';
-export { default as useClipboard } from './hooks/useClipboard';
 export { default as useElementSize } from './hooks/useElementSize';
 export { default as useScrollPosition } from './hooks/useScrollPosition';
 export { default as useDarkMode } from './hooks/useDarkMode';
@@ -268,3 +240,39 @@ 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 useClickOutside } from './hooks/useClickOutside';
+export { default as useClipboard } from './hooks/useClipboard';

package/lib/es/index.js

@@ -1,10 +1,10 @@
 "use strict";
 /* eslint-disable max-len */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutside = exports.useInterval = exports.useTimeout = exports.useEffectOnce = exports.useOnMount = exports.useAfterMount = exports.useWindowResize = exports.useEvent = exports.useKey = exports.useEsc = exports.parseColumnsSettingsStrings = exports.mapColumnsSettingsToStrings = exports.parseSorting = exports.getSortDirShort = exports.ResponsiveColumnStripe = exports.NotBookedState = exports.ApplicationHeader = exports.Position = exports.SteppedProgressBar = exports.DateRangePicker = exports.Multiselect = exports.Select = exports.Popover = exports.ListMenu = exports.ImagePreloader = exports.Collapse = exports.RangeSlider = exports.Slider = exports.TableCardsSorting = exports.TableSearch = exports.TableToolbar = exports.TableViewToggles = exports.TableSettingsDialog = exports.SplitButtonDropdown = exports.SingleButtonDropdown = exports.SimpleButtonDropdown = exports.ButtonDropdown = exports.MenuItem = exports.DropdownSubmenu = exports.TreeOption = exports.TypeCounter = exports.TreeSummary = exports.TreeSearch = exports.Tree = exports.TreeCategory = exports.AssetTree = exports.Sidebar = exports.AutoSuggest = exports.colors = exports.VERSION = void 0;
-exports.usePrevious = exports.Pager = exports.ReleaseNotes = exports.ContentLoader = exports.ClearableInput = exports.ResponsiveVideo = exports.BottomSheet = exports.AspectRatioPlaceholder = exports.AnimatedNumber = exports.Activity = exports.OverlayTrigger = exports.SimpleTooltip = exports.Tooltip = exports.NoData = exports.Checkbox = exports.ChartNeedle = exports.RadialBarChart = exports.Legend = exports.LineChart = exports.Line = exports.BarChart = exports.Bar = exports.PieChart = exports.AreaGradient = exports.Area = exports.AreaChart = exports.LoadMoreButton = exports.SUPPORT_MARKER_CLASS = exports.enableSupportMarker = exports.toggleSupportMarker = exports.RulesWrapper = exports.RuleContainer = exports.RuleConnector = exports.OnboardingTip = exports.ActionBarItem = exports.ApplicationLayoutBodyBanner = exports.ApplicationLayoutBodyBottomBar = exports.ApplicationLayoutBodyNavigation = exports.ApplicationLayout = exports.getNewGroupedSelected = exports.setColorScheme = exports.getColorScheme = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.useMutationObserver = exports.useDarkMode = exports.useScrollPosition = exports.useElementSize = exports.useClipboard = void 0;
-exports.SortArrowUp = exports.SortArrows = exports.SortDirection = exports.DatePicker = exports.FilePicker = exports.ReleaseNotesDialog = exports.MediaDialog = exports.InfoDialog = exports.SimpleDialog = exports.SplitDialog = exports.SaveDialog = exports.ConfirmationDialog = exports.Dialog = exports.Fade = exports.RadioButton = exports.Carousel = exports.ExpanderList = exports.ExpanderPanel = exports.CalendarStripe = exports.NotificationsContainer = exports.Notification = exports.TimePicker = exports.TeaserContainer = exports.Teaser = exports.NotFoundState = exports.MaintenanceState = exports.ForbiddenState = exports.ErrorState = exports.EmptyState = exports.CustomState = exports.TagList = exports.Tag = exports.TagManager = exports.DataTabs = exports.DataTab = exports.ToggleButton = exports.Button = exports.NumberControl = exports.NumberInput = exports.useHover = exports.useFocusTrap = exports.EditableContent = exports.StatusBar = exports.StatsWidgetSpacer = exports.StatsWidgetNumber = exports.StatsWidget = exports.StatsWidgets = exports.Spinner = exports.Resizer = exports.Switch = void 0;
-exports.SortArrowDown = void 0;
+exports.ApplicationLayoutBodyBanner = exports.ApplicationLayoutBodyBottomBar = exports.ApplicationLayoutBodyNavigation = exports.ApplicationLayout = exports.getNewGroupedSelected = exports.setColorScheme = exports.getColorScheme = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.useMutationObserver = exports.useDarkMode = exports.useScrollPosition = exports.useElementSize = exports.useInterval = exports.useTimeout = exports.useEffectOnce = exports.useOnMount = exports.useAfterMount = exports.useWindowResize = exports.useEvent = exports.useKey = exports.useEsc = exports.parseColumnsSettingsStrings = exports.mapColumnsSettingsToStrings = exports.parseSorting = exports.getSortDirShort = exports.ResponsiveColumnStripe = exports.NotBookedState = exports.ApplicationHeader = exports.Position = exports.SteppedProgressBar = exports.DateRangePicker = exports.Multiselect = exports.Select = exports.Popover = exports.ListMenu = exports.ImagePreloader = exports.Collapse = exports.RangeSlider = exports.Slider = exports.TableCardsSorting = exports.TableSearch = exports.TableToolbar = exports.TableViewToggles = exports.TableSettingsDialog = exports.Sidebar = exports.AutoSuggest = exports.colors = exports.VERSION = void 0;
+exports.ToggleButton = exports.Button = exports.NumberControl = exports.NumberInput = exports.useHover = exports.useFocusTrap = exports.EditableContent = exports.StatusBar = exports.StatsWidgetSpacer = exports.StatsWidgetNumber = exports.StatsWidget = exports.StatsWidgets = exports.Spinner = exports.Resizer = exports.Switch = exports.usePrevious = exports.Pager = exports.ReleaseNotes = exports.ContentLoader = exports.ClearableInput = exports.ResponsiveVideo = exports.BottomSheet = exports.AspectRatioPlaceholder = exports.AnimatedNumber = exports.Activity = exports.OverlayTrigger = exports.SimpleTooltip = exports.Tooltip = exports.NoData = exports.Checkbox = exports.ChartNeedle = exports.RadialBarChart = exports.Legend = exports.LineChart = exports.Line = exports.BarChart = exports.Bar = exports.PieChart = exports.AreaGradient = exports.Area = exports.AreaChart = exports.LoadMoreButton = exports.SUPPORT_MARKER_CLASS = exports.enableSupportMarker = exports.toggleSupportMarker = exports.RulesWrapper = exports.RuleContainer = exports.RuleConnector = exports.OnboardingTip = exports.ActionBarItem = void 0;
+exports.MenuItem = exports.DropdownSubmenu = exports.SplitButtonDropdown = exports.SingleButtonDropdown = exports.SimpleButtonDropdown = exports.ButtonDropdown = exports.TreeOption = exports.TypeCounter = exports.TreeSummaryRow = exports.TreeSummary = exports.TreeSearch = exports.Tree = exports.TreeCategory = exports.AssetTree = exports.SortArrowDown = exports.SortArrowUp = exports.SortArrows = exports.SortDirection = exports.DatePicker = exports.FilePicker = exports.ReleaseNotesDialog = exports.MediaDialog = exports.InfoDialog = exports.SimpleDialog = exports.SplitDialog = exports.SaveDialog = exports.ConfirmationDialog = exports.Dialog = exports.Fade = exports.RadioButton = exports.Carousel = exports.ExpanderList = exports.ExpanderPanel = exports.CalendarStripe = exports.NotificationsContainer = exports.Notification = exports.TimePicker = exports.TeaserContainer = exports.Teaser = exports.NotFoundState = exports.MaintenanceState = exports.ForbiddenState = exports.ErrorState = exports.EmptyState = exports.CustomState = exports.TagList = exports.Tag = exports.TagManager = exports.DataTabs = exports.DataTab = void 0;
+exports.useClipboard = exports.useClickOutside = exports.Page = exports.MenuItemList = exports.MenuItems = void 0;
 const tslib_1 = require("tslib");
 const version_json_1 = tslib_1.__importDefault(require("./version.json"));
 const VERSION = version_json_1.default.version;
@@ -16,32 +16,6 @@ const AutoSuggest_1 = tslib_1.__importDefault(require("./components/autosuggest/
 Object.defineProperty(exports, "AutoSuggest", { enumerable: true, get: function () { return AutoSuggest_1.default; } });
 const Sidebar_1 = tslib_1.__importDefault(require("./components/sidebars/Sidebar"));
 Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.default; } });
-const AssetTree_1 = tslib_1.__importDefault(require("./components/assetTree/AssetTree"));
-Object.defineProperty(exports, "AssetTree", { enumerable: true, get: function () { return AssetTree_1.default; } });
-const TreeCategory_1 = tslib_1.__importDefault(require("./components/assetTree/TreeCategory"));
-Object.defineProperty(exports, "TreeCategory", { enumerable: true, get: function () { return TreeCategory_1.default; } });
-const Tree_1 = tslib_1.__importDefault(require("./components/assetTree/Tree"));
-Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return Tree_1.default; } });
-const TreeSearch_1 = tslib_1.__importDefault(require("./components/assetTree/TreeSearch"));
-Object.defineProperty(exports, "TreeSearch", { enumerable: true, get: function () { return TreeSearch_1.default; } });
-const TreeSummary_1 = tslib_1.__importDefault(require("./components/assetTree/TreeSummary"));
-Object.defineProperty(exports, "TreeSummary", { enumerable: true, get: function () { return TreeSummary_1.default; } });
-const TypeCounter_1 = tslib_1.__importDefault(require("./components/assetTree/TypeCounter"));
-Object.defineProperty(exports, "TypeCounter", { enumerable: true, get: function () { return TypeCounter_1.default; } });
-const TreeOption_1 = tslib_1.__importDefault(require("./components/assetTree/TreeOption"));
-Object.defineProperty(exports, "TreeOption", { enumerable: true, get: function () { return TreeOption_1.default; } });
-const DropdownSubmenu_1 = tslib_1.__importDefault(require("./components/dropdown/DropdownSubmenu"));
-Object.defineProperty(exports, "DropdownSubmenu", { enumerable: true, get: function () { return DropdownSubmenu_1.default; } });
-const MenuItem_1 = tslib_1.__importDefault(require("./components/menuItems/MenuItem"));
-Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.default; } });
-const ButtonDropdown_1 = tslib_1.__importDefault(require("./components/dropdown/ButtonDropdown"));
-Object.defineProperty(exports, "ButtonDropdown", { enumerable: true, get: function () { return ButtonDropdown_1.default; } });
-const SimpleButtonDropdown_1 = tslib_1.__importDefault(require("./components/dropdown/SimpleButtonDropdown"));
-Object.defineProperty(exports, "SimpleButtonDropdown", { enumerable: true, get: function () { return SimpleButtonDropdown_1.default; } });
-const SingleButtonDropdown_1 = tslib_1.__importDefault(require("./components/dropdown/SingleButtonDropdown"));
-Object.defineProperty(exports, "SingleButtonDropdown", { enumerable: true, get: function () { return SingleButtonDropdown_1.default; } });
-const SplitButtonDropdown_1 = tslib_1.__importDefault(require("./components/dropdown/SplitButtonDropdown"));
-Object.defineProperty(exports, "SplitButtonDropdown", { enumerable: true, get: function () { return SplitButtonDropdown_1.default; } });
 const TableSettingsDialog_1 = tslib_1.__importDefault(require("./components/table/TableSettingsDialog"));
 Object.defineProperty(exports, "TableSettingsDialog", { enumerable: true, get: function () { return TableSettingsDialog_1.default; } });
 const TableViewToggles_1 = tslib_1.__importDefault(require("./components/table/TableViewToggles"));
@@ -103,10 +77,6 @@ var useTimeout_1 = require("./hooks/useTimeout");
 Object.defineProperty(exports, "useTimeout", { enumerable: true, get: function () { return tslib_1.__importDefault(useTimeout_1).default; } });
 var useInterval_1 = require("./hooks/useInterval");
 Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return tslib_1.__importDefault(useInterval_1).default; } });
-var useClickOutside_1 = require("./hooks/useClickOutside");
-Object.defineProperty(exports, "useClickOutside", { enumerable: true, get: function () { return tslib_1.__importDefault(useClickOutside_1).default; } });
-var useClipboard_1 = require("./hooks/useClipboard");
-Object.defineProperty(exports, "useClipboard", { enumerable: true, get: function () { return tslib_1.__importDefault(useClipboard_1).default; } });
 var useElementSize_1 = require("./hooks/useElementSize");
 Object.defineProperty(exports, "useElementSize", { enumerable: true, get: function () { return tslib_1.__importDefault(useElementSize_1).default; } });
 var useScrollPosition_1 = require("./hooks/useScrollPosition");
@@ -367,3 +337,58 @@ tslib_1.__exportStar(require("./components/table/SortArrowUp"), exports);
 var SortArrowDown_1 = require("./components/table/SortArrowDown");
 Object.defineProperty(exports, "SortArrowDown", { enumerable: true, get: function () { return tslib_1.__importDefault(SortArrowDown_1).default; } });
 tslib_1.__exportStar(require("./components/table/SortArrowDown"), exports);
+var AssetTree_1 = require("./components/assetTree/AssetTree");
+Object.defineProperty(exports, "AssetTree", { enumerable: true, get: function () { return tslib_1.__importDefault(AssetTree_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/AssetTree"), exports);
+var TreeCategory_1 = require("./components/assetTree/TreeCategory");
+Object.defineProperty(exports, "TreeCategory", { enumerable: true, get: function () { return tslib_1.__importDefault(TreeCategory_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/TreeCategory"), exports);
+var Tree_1 = require("./components/assetTree/Tree");
+Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return tslib_1.__importDefault(Tree_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/Tree"), exports);
+var TreeSearch_1 = require("./components/assetTree/TreeSearch");
+Object.defineProperty(exports, "TreeSearch", { enumerable: true, get: function () { return tslib_1.__importDefault(TreeSearch_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/TreeSearch"), exports);
+var TreeSummary_1 = require("./components/assetTree/TreeSummary");
+Object.defineProperty(exports, "TreeSummary", { enumerable: true, get: function () { return tslib_1.__importDefault(TreeSummary_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/TreeSummary"), exports);
+var TreeSummaryRow_1 = require("./components/assetTree/TreeSummaryRow");
+Object.defineProperty(exports, "TreeSummaryRow", { enumerable: true, get: function () { return tslib_1.__importDefault(TreeSummaryRow_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/TreeSummaryRow"), exports);
+var TypeCounter_1 = require("./components/assetTree/TypeCounter");
+Object.defineProperty(exports, "TypeCounter", { enumerable: true, get: function () { return tslib_1.__importDefault(TypeCounter_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/TypeCounter"), exports);
+var TreeOption_1 = require("./components/assetTree/TreeOption");
+Object.defineProperty(exports, "TreeOption", { enumerable: true, get: function () { return tslib_1.__importDefault(TreeOption_1).default; } });
+tslib_1.__exportStar(require("./components/assetTree/TreeOption"), exports);
+var ButtonDropdown_1 = require("./components/dropdown/ButtonDropdown");
+Object.defineProperty(exports, "ButtonDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(ButtonDropdown_1).default; } });
+tslib_1.__exportStar(require("./components/dropdown/ButtonDropdown"), exports);
+var SimpleButtonDropdown_1 = require("./components/dropdown/SimpleButtonDropdown");
+Object.defineProperty(exports, "SimpleButtonDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(SimpleButtonDropdown_1).default; } });
+tslib_1.__exportStar(require("./components/dropdown/SimpleButtonDropdown"), exports);
+var SingleButtonDropdown_1 = require("./components/dropdown/SingleButtonDropdown");
+Object.defineProperty(exports, "SingleButtonDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(SingleButtonDropdown_1).default; } });
+tslib_1.__exportStar(require("./components/dropdown/SingleButtonDropdown"), exports);
+var SplitButtonDropdown_1 = require("./components/dropdown/SplitButtonDropdown");
+Object.defineProperty(exports, "SplitButtonDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(SplitButtonDropdown_1).default; } });
+tslib_1.__exportStar(require("./components/dropdown/SplitButtonDropdown"), exports);
+var DropdownSubmenu_1 = require("./components/dropdown/DropdownSubmenu");
+Object.defineProperty(exports, "DropdownSubmenu", { enumerable: true, get: function () { return tslib_1.__importDefault(DropdownSubmenu_1).default; } });
+tslib_1.__exportStar(require("./components/dropdown/DropdownSubmenu"), exports);
+var MenuItem_1 = require("./components/menuItems/MenuItem");
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return tslib_1.__importDefault(MenuItem_1).default; } });
+tslib_1.__exportStar(require("./components/menuItems/MenuItem"), exports);
+var MenuItems_1 = require("./components/menuItems/MenuItems");
+Object.defineProperty(exports, "MenuItems", { enumerable: true, get: function () { return tslib_1.__importDefault(MenuItems_1).default; } });
+tslib_1.__exportStar(require("./components/menuItems/MenuItems"), exports);
+var MenuItemList_1 = require("./components/menuItems/MenuItemList");
+Object.defineProperty(exports, "MenuItemList", { enumerable: true, get: function () { return tslib_1.__importDefault(MenuItemList_1).default; } });
+tslib_1.__exportStar(require("./components/menuItems/MenuItemList"), exports);
+var Page_1 = require("./components/page/Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return tslib_1.__importDefault(Page_1).default; } });
+tslib_1.__exportStar(require("./components/page/Page"), exports);
+var useClickOutside_1 = require("./hooks/useClickOutside");
+Object.defineProperty(exports, "useClickOutside", { enumerable: true, get: function () { return tslib_1.__importDefault(useClickOutside_1).default; } });
+var useClipboard_1 = require("./hooks/useClipboard");
+Object.defineProperty(exports, "useClipboard", { enumerable: true, get: function () { return tslib_1.__importDefault(useClipboard_1).default; } });