@rio-cloud/rio-uikit 0.16.4-beta.34 → 0.16.4-beta.35

package/ClusterUtils.d.ts

@@ -1,5 +1 @@
-declare module '@rio-cloud/rio-uikit/ClusterUtils' {
-    export default class ClusterUtils {
-        static getBoundingBoxForCluster: Function;
-    }
-}
+export * from './components/map/utils/clustering';

package/ClusterUtils.js

@@ -1,2 +1 @@
-import { ClusterUtils } from './components/map/utils/clustering';
-export { ClusterUtils as default };
+export * from './components/map/utils/clustering';

package/DateRangePicker.d.ts

@@ -1,5 +1,44 @@
-declare module '@rio-cloud/rio-uikit/DateRangePicker' {
-    import React from 'react';
-    import { DateRangePickerProps } from './types';
-    export default class DateRangePicker extends React.Component<DateRangePickerProps> {}
+import type { Component, JSX, PropsWithChildren, ReactNode } from 'react';
+import type { Moment } from 'moment/moment';
+export interface DateRangePickerCustomPresets {
+    startValue: Moment;
+    endValue: Moment;
+    text: string | JSX.Element;
+    onSelect?: Function;
 }
+export interface DateRangePickerProps {
+    startValue?: Moment;
+    endValue?: Moment;
+    defaultStartValue?: Moment;
+    defaultEndValue?: Moment;
+    minValue?: Moment | null;
+    maxValue?: Moment | null;
+    onRangeChange?: (start: Moment, end: Moment) => void;
+    locale: string;
+    textDefault?: string | ReactNode;
+    textToday?: string | ReactNode;
+    textLastWeek?: string | ReactNode;
+    textLastMonth?: string | ReactNode;
+    textLastYear?: string | ReactNode;
+    textCustom?: string | ReactNode;
+    textApply?: string | ReactNode;
+    textCancel?: string | ReactNode;
+    textFrom?: string | ReactNode;
+    textTo?: string | ReactNode;
+    className?: string;
+    dropdownClass?: string;
+    dropdownMenuClass?: string;
+    hasTimePicker?: boolean;
+    customRangeOnly?: boolean;
+    customPresets?: DateRangePickerCustomPresets[];
+    dropup?: boolean;
+    pullRight?: boolean;
+    autoDropDirection?: boolean;
+}
+/**
+ * Wrapper component for React-Datetime.
+ *
+ * @deprecated This will be removed from the UIKIT at some time.
+ */
+declare const DateRangePicker: Component<PropsWithChildren<DateRangePickerProps>, {}, any>;
+export { DateRangePicker };

package/DateRangePicker.js

@@ -1,2 +1,8 @@
 import { default as _DateRangePicker } from './components/datepicker/DateRangePicker';
-export { _DateRangePicker as default };
+/**
+ * Wrapper component for React-Datetime.
+ *
+ * @deprecated This will be removed from the UIKIT at some time.
+ */
+const DateRangePicker = _DateRangePicker;
+export { DateRangePicker };

package/InfoBubble.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/map/components/features/basics/InfoBubble';
+export * from './components/map/components/features/basics/InfoBubble';

package/InfoBubble.js

@@ -0,0 +1,2 @@
+export { default } from './components/map/components/features/basics/InfoBubble';
+export * from './components/map/components/features/basics/InfoBubble';

package/PositionUtils.d.ts

@@ -1,8 +1 @@
-declare module '@rio-cloud/rio-uikit/PositionUtils' {
-    import { BoundingBox, Position } from './types';
-
-    export default class PositionUtils {
-        static calculateBoundingBox: (positions: Position[]) => BoundingBox;
-        static parsePositionFromString: (value: string) => Position;
-    }
-}
+export * from './components/map/utils/positions';

package/PositionUtils.js

@@ -1,2 +1 @@
-import { PositionUtils } from './components/map/utils/positions';
-export { PositionUtils as default };
+export * from './components/map/utils/positions';

package/SortUtils.d.ts

@@ -1,16 +1,2 @@
-declare module '@rio-cloud/rio-uikit/SortUtils' {
-    import { SortDirection } from './types';
-
-    export function sortByProperty<T>(
-        array: Array<T>,
-        property: keyof T,
-        sortDirection?: SortDirection,
-        caseSensitive?: boolean
-    ): Array<T>;
-    export function naturalSortByProperty<T>(
-        array: Array<T>,
-        property: keyof T,
-        sortDirection?: SortDirection,
-        caseSensitive?: boolean
-    ): Array<T>;
-}
+export { default } from './utils/SortUtils';
+export * from './utils/SortUtils';

package/SortUtils.js

@@ -1,2 +1,2 @@
-import { sortByProperty as _sortByProperty, naturalSortByProperty as _naturalSortByProperty } from './utils/SortUtils';
-export { _sortByProperty as sortByProperty, _naturalSortByProperty as naturalSortByProperty };
+export { default } from './utils/SortUtils';
+export * from './utils/SortUtils';

package/TableSettingsDialog.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/TableSettingsDialog' {
-    import React from 'react';
-    import { TableSettingsDialogProps } from './types';
-    export default class TableSettingsDialog extends React.Component<TableSettingsDialogProps> {}
-}
+export { default } from './components/table/TableSettingsDialog';
+export * from './components/table/TableSettingsDialog';

package/TableSettingsDialog.js

@@ -1,2 +1,2 @@
-import { default as _TableSettingsDialog } from './components/table/TableSettingsDialog';
-export { _TableSettingsDialog as default };
+export { default } from './components/table/TableSettingsDialog';
+export * from './components/table/TableSettingsDialog';

package/TableToolbar.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/TableToolbar' {
-    import React from 'react';
-    import { TableToolbarProps } from './types';
-    export default class TableToolbar extends React.Component<TableToolbarProps> {}
-}
+export { default } from './components/table/TableToolbar';
+export * from './components/table/TableToolbar';

package/TableToolbar.js

@@ -1,2 +1,2 @@
-import { default as _TableToolbar } from './components/table/TableToolbar';
-export { _TableToolbar as default };
+export { default } from './components/table/TableToolbar';
+export * from './components/table/TableToolbar';

package/VolkswagenApplicationHeader.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader";
-export * from "./themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader";
+export { default } from './themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader';
+export * from './themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader';

package/components/actionBarItem/ActionBarItem.js

@@ -94,7 +94,7 @@ const ActionBarItemBase = (props) => {
     const childrenWithoutPopover = childrenAsList.filter(child => !isActionBarItemPopover(child));
     const childrenWithoutPopoverAndIcon = childrenWithoutPopover.filter(child => !isActionBarItemIcon(child));
     if (isSmallScreen) {
-        return (_jsxs("div", Object.assign({}, remainingProps, { className: classes, ref: clickOutsideRef }, { children: [React.cloneElement(itemIcon, { onClick: onToggle }), _jsx("div", Object.assign({ onClick: () => setIsShown(false) }, { children: _jsx(Dialog, { show: isShown, onHide: () => setIsShown(false), body: itemPopover, bodyClassName: mobileDialogBodyClassName, title: title }) })), childrenWithoutPopoverAndIcon] })));
+        return (_jsxs("div", Object.assign({}, remainingProps, { className: classes, ref: clickOutsideRef }, { children: [React.cloneElement(itemIcon, { onClick: onToggle }), _jsx("div", Object.assign({ onClick: () => setIsShown(false) }, { children: _jsx(Dialog, { show: isShown, onClose: () => setIsShown(false), body: itemPopover, bodyClassName: mobileDialogBodyClassName, title: title }) })), childrenWithoutPopoverAndIcon] })));
     }
     const overlay = (_jsx(ActionBarOverlay, Object.assign({ id: id, title: title, width: popoverWidth, preRender: useOffscreen, show: isShown }, { children: itemPopover }), 'child'));
     return (_jsxs("div", Object.assign({}, remainingProps, { className: classes, ref: clickOutsideRef }, { children: [_jsx(OverlayTrigger, Object.assign({ onToggle: onToggle, show: isShown || useOffscreen, placement: OverlayTrigger.BOTTOM_END, overlay: overlay, trigger: 'click', rootClose: false, popperConfig: {

package/components/actionBarItem/ActionBarItemIcon.d.ts

@@ -1,5 +1,5 @@
-import { type PropsWithChildren } from 'react';
-type ActionBarItemIconProps = {
+import { type HTMLAttributes, type PropsWithChildren } from 'react';
+type ActionBarItemIconProps = HTMLAttributes<HTMLDivElement> & {
     className?: string;
 };
 declare const ActionBarItemIcon: {

package/components/actionBarItem/ActionBarItemIcon.js

@@ -8,5 +8,6 @@ const ActionBarItemIcon = (props) => {
     const classes = classNames('ActionBarItemIcon', className);
     return (_jsx("div", Object.assign({}, remainingProps, { className: classes }, { children: children })));
 };
+// The displayName is used in ActionBarItem for checking the component "isActionBarItemIcon"
 ActionBarItemIcon.displayName = 'ActionBarItemIcon';
 export default ActionBarItemIcon;

package/components/actionBarItem/ActionBarItemList.d.ts

@@ -1,12 +1,9 @@
-import { type PropsWithChildren } from 'react';
-export type ActionBarItemListProps = {
+import { type HTMLAttributes, type PropsWithChildren } from 'react';
+export type ActionBarItemListProps = HTMLAttributes<HTMLUListElement> & {
     /**
      * Additional class names that are added to the wrapping list item component.
      */
     className?: string;
 };
-declare const ActionBarItemList: {
-    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const ActionBarItemList: ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>) => import("react/jsx-runtime").JSX.Element;
 export default ActionBarItemList;

package/components/actionBarItem/ActionBarItemList.js

@@ -8,5 +8,4 @@ const ActionBarItemList = (_a) => {
     const classes = classNames('ActionBarItemList', className);
     return (_jsx("ul", Object.assign({}, remainingProps, { className: classes }, { children: children })));
 };
-ActionBarItemList.displayName = 'ActionBarItemList';
 export default ActionBarItemList;

package/components/actionBarItem/ActionBarItemListItem.d.ts

@@ -1,5 +1,5 @@
-import { type PropsWithChildren } from 'react';
-export type ActionBarItemListItemProps = {
+import { type HTMLAttributes, type PropsWithChildren } from 'react';
+export type ActionBarItemListItemProps = Omit<HTMLAttributes<HTMLLIElement>, 'onClick'> & {
     /**
      * Set it to true when you want to use the item as link item.
      *
@@ -22,8 +22,5 @@ export type ActionBarItemListItemProps = {
      */
     className?: string;
 };
-declare const ActionBarItemListItem: {
-    (props: PropsWithChildren<ActionBarItemListItemProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const ActionBarItemListItem: (props: PropsWithChildren<ActionBarItemListItemProps>) => import("react/jsx-runtime").JSX.Element;
 export default ActionBarItemListItem;

package/components/actionBarItem/ActionBarItemListItem.js

@@ -10,5 +10,4 @@ const ActionBarItemListItem = (props) => {
     const btnClasses = classNames('ActionBarItemListItemButton');
     return (_jsxs("li", Object.assign({}, remainingProps, { className: classes }, { children: [icon && _jsx("span", { className: iconClasses }), hasLink && !onClick && _jsx("span", { children: children }), onClick && (_jsx("div", Object.assign({ className: btnClasses, onClick: onClick }, { children: children }))), !hasLink && !onClick && children] })));
 };
-ActionBarItemListItem.displayName = 'ActionBarItemListItem';
 export default ActionBarItemListItem;

package/components/actionBarItem/ActionBarItemListSeparator.d.ts

@@ -1,11 +1,9 @@
-export type ActionBarItemListSeparatorProps = {
+import { type HTMLAttributes } from 'react';
+export type ActionBarItemListSeparatorProps = HTMLAttributes<HTMLHRElement> & {
     /**
      * Additional class names that are added to the wrapping list item component.
      */
     className?: string;
 };
-declare const ActionBarItemListSeparator: {
-    ({ className, ...remainingProps }: ActionBarItemListSeparatorProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const ActionBarItemListSeparator: ({ className, ...remainingProps }: ActionBarItemListSeparatorProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionBarItemListSeparator;

package/components/actionBarItem/ActionBarItemListSeparator.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-ignore-next-line: importsNotUsedAsValues
 import 'react';
 import classNames from 'classnames';
 const ActionBarItemListSeparator = (_a) => {
@@ -7,5 +8,4 @@ const ActionBarItemListSeparator = (_a) => {
     const classes = classNames('ActionBarItemListSeparator', className);
     return _jsx("hr", Object.assign({}, remainingProps, { className: classes }));
 };
-ActionBarItemListSeparator.displayName = 'ActionBarItemListSeparator';
 export default ActionBarItemListSeparator;

package/components/actionBarItem/ActionBarItemPopoverContent.d.ts

@@ -1,5 +1,5 @@
-import React, { type PropsWithChildren } from 'react';
-export type ActionBarItemPopoverProps = {
+import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
+export type ActionBarItemPopoverProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'useOffscreen'> & {
     /**
      * The popover title.
      */

package/components/actionBarItem/ActionBarItemPopoverContent.js

@@ -10,5 +10,6 @@ const ActionBarItemPopoverContent = (_a) => {
     const filterProps = omit(['title', 'useOffscreen'])(remainingProps);
     return (_jsx("div", Object.assign({}, filterProps, { className: classes }, { children: children })));
 };
+// The displayName is used in ActionBarItem for checking the component "isActionBarItemPopover"
 ActionBarItemPopoverContent.displayName = 'ActionBarItemPopoverContent';
 export default ActionBarItemPopoverContent;

package/components/animatedNumber/AnimatedNumber.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export type AnimatedNumberProps = {
+import React, { type HTMLAttributes } from 'react';
+export type AnimatedNumberProps = HTMLAttributes<HTMLSpanElement> & {
     /**
      * The start value.
      */
@@ -37,5 +37,42 @@ export type AnimatedNumberProps = {
      */
     className?: string;
 };
-export declare const AnimatedNumber: React.ForwardRefExoticComponent<AnimatedNumberProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AnimatedNumber: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    /**
+     * The start value.
+     */
+    start: number;
+    /**
+     * The end value.
+     */
+    end: number;
+    /**
+     * A prefix to be added to the final string.
+     */
+    prefix?: string | undefined;
+    /**
+     * A unit suffix to be added to the final string.
+     */
+    unit?: string | undefined;
+    /**
+     * The speed in milliseconds to count up or down.
+     *
+     * @default 10
+     */
+    speed?: number | undefined;
+    /**
+     * Enables to count backwards.
+     *
+     * @default false
+     */
+    decreasing?: boolean | undefined;
+    /**
+     * Callback function to be invoked when the end value is reached.
+     */
+    onEnd?: VoidFunction | undefined;
+    /**
+     * Additional classes to be set on the wrapping element.
+     */
+    className?: string | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;
 export default AnimatedNumber;

package/components/applicationHeader/AppMenuDropdown.js

@@ -16,7 +16,7 @@ const DropdownMenu = (props) => {
     if (isEmpty(children)) {
         return null;
     }
-    return (_jsx("ul", Object.assign({ role: 'menu', className: 'dropdown-menu' }, { children: children })));
+    return (_jsx("ul", Object.assign({ role: 'menu', className: 'dropdown-menu ModuleNavigation-dropdown-menu' }, { children: children })));
 };
 const AppMenuDropdownOpener = forwardRef((props, ref) => {
     const { open, children, onDropdownClick } = props;

package/components/assetTree/AssetTree.js

@@ -26,7 +26,7 @@ const getCurrentCategoryElement = (children, currentCategoryId) => {
 };
 const renderTreesOffscreen = (children, categoryId) => {
     return React.Children.map(children, child => {
-        const offscreenClasses = classNames('TreeOffscreenWrapper', 'height-100pct', child && child.props.id !== categoryId && 'position-offscreen');
+        const offscreenClasses = classNames('TreeOffscreenWrapper', 'height-100pct', child && child.props.id !== categoryId && 'position-offscreen pointer-events-none');
         return _jsx("div", Object.assign({ className: offscreenClasses }, { children: child }));
     });
 };
@@ -102,6 +102,5 @@ const AssetTree = memo(forwardRef((props, ref) => {
     };
     return (_jsxs("div", Object.assign({}, remainingProps, { className: classes, style: style, ref: mergedRefs }, { children: [_jsx("div", { className: resizeLimitClasses, style: resizeLimitStyle }), _jsxs("div", Object.assign({ className: 'AssetTreeContent' }, { children: [_jsx(TreeSidebar, Object.assign({ onSelectCategory: handleSelectCategory, currentCategoryId: currentCategoryId, onClick: handleToggleTreeContent }, { children: isArray(children) ? children : [children] })), _jsx(SmoothScrollbars, Object.assign({ slideIn: true, className: 'AssetTreeBody' }, { children: useOffscreen ? renderTreesOffscreen(childrenArray, currentCategoryId) : category }))] })), resizable && isOpen && (_jsx(Resizer, { onResizeStart: handleResizeStart, onResize: handleResize, onResizeEnd: handleResizeEnd, direction: Resizer.HORIZONTAL, position: Resizer.RIGHT }))] })));
 }));
-AssetTree.displayName = 'AssetTree';
 Object.assign(AssetTree, TreeMode);
 export default AssetTree;

package/components/assetTree/Tree.js

@@ -109,7 +109,7 @@ const Tree = React.memo((props) => {
             const unselectedGroups = filter(filterOutByItemId(updatedSelectedGroups))(updatedGroups);
             return isEmpty(unselectedGroups);
         }
-        else if (hasSearchAndGroups()) {
+        if (hasSearchAndGroups()) {
             const unselectedSearchItems = filter(filterOutByItemId(updatedSelectedItems))(flatItems);
             return isEmpty(unselectedSearchItems);
         }
@@ -277,5 +277,4 @@ const Tree = React.memo((props) => {
                                     ? summary || (_jsx(TreeSummary, { children: map((typeCounter) => (_jsx(TypeCounter, { type: typeCounter, icon: `${typeCounter}`, value: state.assetCounts[typeCounter], onClick: handleFilterByType, isActive: state.typeFilter.includes(typeCounter), hasFilter: isFilterActive, enableActivity: enableActivity }, typeCounter)))(state.visibleTypeCounters) }))
                                     : null })), _jsx(TreeOptions, { treeOptions: treeOptions })] })))] })), _jsx(TreeRoot, Object.assign({ maxHeight: scrollHeight, disableAnimation: disableAnimation }, { children: content }))] })));
 }, customCompare);
-Tree.displayName = 'Tree';
 export default Tree;

package/components/assetTree/TreeCategory.d.ts

@@ -18,8 +18,5 @@ export type TreeCategoryProps = {
     hasSelection?: boolean;
 };
 export type TreeCategoryNode = React.ReactElement<TreeCategoryProps>;
-declare const TreeCategory: {
-    (props: PropsWithChildren<TreeCategoryProps>): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
-    displayName: string;
-};
+declare const TreeCategory: (props: PropsWithChildren<TreeCategoryProps>) => string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
 export default TreeCategory;

package/components/assetTree/TreeCategory.js

@@ -1,3 +1,2 @@
 const TreeCategory = (props) => props.children || null;
-TreeCategory.displayName = 'TreeCategory';
 export default TreeCategory;

package/components/assetTree/TreeLeaf.js

@@ -10,5 +10,4 @@ const TreeLeaf = React.memo((props) => {
     const treeNodeClassNames = classNames('TreeLeaf', 'form-group margin-bottom-0', isSelected && 'active', item.className && item.className);
     return (_jsxs("div", Object.assign({ className: treeNodeClassNames, "data-key": item.id }, { children: [hasMultiselect && _jsx(Checkbox, { className: 'TreeCheckbox', checked: isSelected, onClick: onSelectItem }), !hasMultiselect && showRadioButtons && (_jsx(RadioButton, { className: 'TreeRadioButton', checked: isSelected, onChange: onSelectItem })), _jsx("span", Object.assign({ className: 'TreeLabel', onClick: onActiveItem }, { children: _jsxs("span", Object.assign({ className: 'TreeLabelName' }, { children: [!item.subType && _jsx("span", { className: `rioglyph rioglyph-${item.type}` }), item.subType && (_jsxs("span", Object.assign({ className: 'rioglyph-icon-pair' }, { children: [_jsx("span", { className: `rioglyph rioglyph-${item.type}` }), _jsx("span", { className: `rioglyph rioglyph-${item.subType}` })] }))), _jsxs("span", Object.assign({ className: 'TreeLabelNameText' }, { children: [_jsx("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: isObject(item.name) ? (_jsxs(_Fragment, { children: [_jsx("span", Object.assign({ className: 'text-light margin-right-3' }, { children: item.name.firstName })), _jsx("span", { children: item.name.lastName })] })) : (item.name) })), item.info && _jsx("span", Object.assign({ className: 'TreeLabelNameTextSubline' }, { children: item.info }))] }))] })) }))] })));
 });
-TreeLeaf.displayName = 'TreeLeaf';
 export default TreeLeaf;

package/components/assetTree/TreeLeafList.d.ts

@@ -7,8 +7,5 @@ export type TreeLeafListProps = {
     selectedGroups: string[];
     onSelectionChange: (selectedItems: string[], selectedGroups: string[]) => void;
 };
-declare const TreeLeafList: {
-    (props: TreeLeafListProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const TreeLeafList: (props: TreeLeafListProps) => import("react/jsx-runtime").JSX.Element;
 export default TreeLeafList;

package/components/assetTree/TreeLeafList.js

@@ -15,5 +15,4 @@ const TreeLeafList = (props) => {
     const handleSetItemActive = (itemId) => onSelectionChange([itemId], []);
     return (_jsx(_Fragment, { children: leafList.map(item => (_jsx(TreeLeaf, { item: item, hasMultiselect: hasMultiselect, showRadioButtons: showRadioButtons, isSelected: selectedItems.includes(item.id), onSelectItem: () => handleItemSelection(item.id), onActiveItem: () => handleSetItemActive(item.id) }, item.id))) }));
 };
-TreeLeafList.displayName = 'TreeLeafList';
 export default TreeLeafList;

package/components/assetTree/TreeNode.js

@@ -8,5 +8,4 @@ const TreeNode = React.memo((props) => {
     const hasChildren = !!node.items.length;
     return (_jsxs("div", Object.assign({ className: treeNodeClassNames, "data-key": node.id, onClick: () => hasChildren && onToggleNode(node.id) }, { children: [hasMultiselect && (_jsx(Checkbox, { className: 'TreeCheckbox', checked: isSelected, disabled: node.disabled, indeterminate: isIndeterminate, onClick: () => onSelect(node, isIndeterminate) })), _jsxs("span", Object.assign({ className: 'TreeLabel' }, { children: [_jsxs("span", Object.assign({ className: 'TreeLabelName' }, { children: [node.icon && _jsx("span", { className: `rioglyph ${node.icon}` }), _jsx("span", Object.assign({ className: 'TreeLabelNameText' }, { children: _jsx("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: node.name })) })), _jsx("span", Object.assign({ className: 'TreeLabelCount label label-muted label-filled label-condensed' }, { children: node.items.length }))] })), _jsx("span", { className: `TreeLabelExpander rioglyph rioglyph-chevron-down ${hasChildren ? '' : 'text-color-light'}` })] }))] })));
 });
-TreeNode.displayName = 'TreeNode';
 export default TreeNode;

package/components/assetTree/TreeNodeContainer.d.ts

@@ -4,8 +4,5 @@ export type TreeNodeContainerProps = {
     groupId?: string;
     disableAnimation: boolean;
 };
-declare const TreeNodeContainer: {
-    (props: PropsWithChildren<TreeNodeContainerProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const TreeNodeContainer: (props: PropsWithChildren<TreeNodeContainerProps>) => import("react/jsx-runtime").JSX.Element;
 export default TreeNodeContainer;

package/components/assetTree/TreeNodeContainer.js

@@ -7,5 +7,4 @@ const TreeNodeContainer = (props) => {
     const treeNodeContainerClasses = classNames('TreeNodeContainer', 'user-select-none overflow-hidden', isOpen && 'open');
     return (_jsx("div", Object.assign({ className: treeNodeContainerClasses, "data-id": groupId }, { children: children })));
 };
-TreeNodeContainer.displayName = 'TreeNodeContainer';
 export default TreeNodeContainer;

package/components/assetTree/TreeNothingFound.js

@@ -4,5 +4,4 @@ const TreeNothingFound = React.memo((props) => {
     return (_jsx("div", Object.assign({ className: `TreeTreeNothingFound display-flex justify-content-center text-size-20
                 padding-top-25 margin-top-25 margin-bottom-25` }, { children: _jsx("span", { className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' }) })));
 });
-TreeNothingFound.displayName = 'TreeNothingFound';
 export default TreeNothingFound;

package/components/assetTree/TreeOption.d.ts

@@ -21,8 +21,5 @@ export type TreeOptionProps = {
      */
     className?: string;
 };
-declare const TreeOption: {
-    (props: TreeOptionProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const TreeOption: (props: TreeOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default TreeOption;

package/components/assetTree/TreeOption.js

@@ -10,5 +10,4 @@ const TreeOption = (props) => {
     const optionClasses = classNames('TreeOption', 'display-flex', 'justify-content-start', 'align-items-center', 'gap-10', 'cursor-pointer', className);
     return (_jsxs("div", Object.assign({}, remainingProps, { className: optionClasses, onClick: onChange }, { children: [_jsx("span", Object.assign({ className: 'flex-1-1' }, { children: label })), _jsx("span", Object.assign({ className: 'pointer-events-none scale-80' }, { children: _jsx(Switch, { keyName: 'TreeOption-switch', checked: isChecked }) }))] })));
 };
-TreeOption.displayName = 'TreeOption';
 export default TreeOption;

package/components/assetTree/TreeOptions.d.ts

@@ -3,8 +3,5 @@ export type TreeOptionsProps = {
     treeOptions?: React.ReactNode[];
     className?: string;
 };
-declare const TreeOptions: {
-    (props: TreeOptionsProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+declare const TreeOptions: (props: TreeOptionsProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TreeOptions;

package/components/assetTree/TreeOptions.js

@@ -13,5 +13,4 @@ const TreeOptions = (props) => {
     const customDropdown = _jsx("div", Object.assign({ className: dropdownClasses }, { children: treeOptions }));
     return (_jsx(ButtonDropdown, { title: _jsx("span", { className: 'rioglyph rioglyph-option-vertical', "aria-hidden": 'true' }), bsStyle: 'muted', customDropdown: customDropdown, className: 'TreeHeaderOptions', pullRight: true, iconOnly: true }));
 };
-TreeOptions.displayName = 'TreeOptions';
 export default TreeOptions;

package/components/assetTree/TreeRoot.d.ts

@@ -3,8 +3,5 @@ export type TreeRootProps = {
     disableAnimation: boolean;
     maxHeight?: number;
 };
-declare const TreeRoot: {
-    ({ maxHeight, disableAnimation, children }: PropsWithChildren<TreeRootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const TreeRoot: ({ maxHeight, disableAnimation, children }: PropsWithChildren<TreeRootProps>) => import("react/jsx-runtime").JSX.Element;
 export default TreeRoot;

package/components/assetTree/TreeRoot.js

@@ -9,5 +9,4 @@ const TreeRoot = ({ maxHeight, disableAnimation, children }) => {
     enableAnimations(!disableAnimation);
     return (_jsx("div", Object.assign({ ref: parent, className: treeRootClasses, style: { maxHeight } }, { children: children })));
 };
-TreeRoot.displayName = 'TreeRoot';
 export default TreeRoot;

package/components/assetTree/TreeSearch.js

@@ -9,5 +9,4 @@ const TreeSearch = React.memo((props) => {
     const classes = classNames('TreeSearch', className);
     return (_jsx("div", Object.assign({ className: classes }, { children: _jsxs("div", Object.assign({ className: 'input-group flex-1-0' }, { children: [_jsx("span", Object.assign({ className: 'input-group-addon' }, { children: _jsx("span", { className: 'rioglyph rioglyph-search', "aria-hidden": 'true' }) })), _jsx(ClearableInput, { value: value, onChange: onChange, placeholder: placeholder })] })) })));
 });
-TreeSearch.displayName = 'TreeSearch';
 export default TreeSearch;

package/components/assetTree/TreeSelectAll.d.ts

@@ -8,8 +8,5 @@ export type TreeSelectAllProps = {
     hasSearchResults?: boolean;
     className?: string;
 };
-declare const TreeSelectAll: {
-    (props: TreeSelectAllProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+declare const TreeSelectAll: (props: TreeSelectAllProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TreeSelectAll;

package/components/assetTree/TreeSelectAll.js

@@ -9,5 +9,4 @@ const TreeSelectAll = (props) => {
     const handleSelectAll = (event) => onSelect(event.target.checked, isIndeterminate);
     return isEnabled ? (_jsx("div", Object.assign({ className: 'TreeSelectAll display-flex align-items-center' }, { children: _jsx(Checkbox, { checked: isChecked, onClick: handleSelectAll, disabled: isDisabled, indeterminate: isIndeterminate, className: 'margin-top--1' }) }))) : null;
 };
-TreeSelectAll.displayName = 'TreeSelectAll';
 export default TreeSelectAll;

package/components/assetTree/TreeSidebar.js

@@ -9,5 +9,4 @@ const TreeSidebar = React.memo((props) => {
     const classes = classNames('TreeSidebar', className);
     return (_jsxs("div", Object.assign({ className: classes }, { children: [_jsx("ul", Object.assign({ className: 'TreeSidebarNavigation', onClick: onClick }, { children: _jsx(TreeSidebarCategories, Object.assign({}, remainingProps)) })), _jsx("div", Object.assign({ className: 'TreeSidebarToggle', onClick: onClick }, { children: _jsx("span", { className: 'rioglyph rioglyph-chevron-left' }) }))] })));
 });
-TreeSidebar.displayName = 'TreeSidebar';
 export default TreeSidebar;

package/components/assetTree/TreeSidebarCategories.d.ts

@@ -4,8 +4,5 @@ export type TreeSidebarCategoriesProps = {
     onSelectCategory?: (selectedCategory: string) => void;
     children?: TreeCategoryNode[];
 };
-declare const TreeSidebarCategories: {
-    (props: TreeSidebarCategoriesProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+declare const TreeSidebarCategories: (props: TreeSidebarCategoriesProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TreeSidebarCategories;

package/components/assetTree/TreeSidebarCategories.js

@@ -30,5 +30,4 @@ const TreeSidebarCategories = (props) => {
             return category;
         }) }));
 };
-TreeSidebarCategories.displayName = 'TreeSidebarCategories';
 export default TreeSidebarCategories;

package/components/assetTree/TreeSummary.js

@@ -13,5 +13,4 @@ const TreeSummary = React.memo((props) => {
     const classes = classNames('TreeSummary', 'display-flex flex-wrap', 'align-items-center', 'gap-10', 'padding-left-3', className);
     return (_jsx("div", Object.assign({ className: classes }, { children: children || (_jsx(TreeSummaryRow, Object.assign({ gridCols: gridCols }, { children: _jsx(DefaultAssetCounts, { assetCounts: assetCounts }) }))) })));
 });
-TreeSummary.displayName = 'TreeSummary';
 export default TreeSummary;

package/components/assetTree/TreeSummaryRow.d.ts

@@ -8,8 +8,5 @@ export type TreeSummaryRowProps = {
      */
     gridCols?: number;
 };
-export declare const TreeSummaryRow: {
-    ({ gridCols, children }: PropsWithChildren<TreeSummaryRowProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TreeSummaryRow: ({ gridCols, children }: PropsWithChildren<TreeSummaryRowProps>) => import("react/jsx-runtime").JSX.Element;
 export default TreeSummaryRow;

package/components/assetTree/TreeSummaryRow.js

@@ -2,5 +2,4 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-ignore-next-line importsNotUsedAsValues
 import 'react';
 export const TreeSummaryRow = ({ gridCols = 4, children }) => (_jsx("div", Object.assign({ className: `TreeSummaryRow display-grid grid-cols-${gridCols} gap-10` }, { children: children })));
-TreeSummaryRow.displayName = 'TreeSummaryRow';
 export default TreeSummaryRow;

package/components/assetTree/TypeCounter.js

@@ -19,5 +19,4 @@ const TypeCounter = forwardRef((props, ref) => {
     }
     return (_jsxs("div", Object.assign({ ref: mergedRef }, remainingProps, { className: wrapperClassName, onClick: handleClick }, { children: [_jsx("span", { className: `rioglyph rioglyph-${icon} text-size-16 margin-right-2` }), _jsx("span", Object.assign({ className: counterClassNames }, { children: value || 0 }))] })));
 });
-TypeCounter.displayName = 'TypeCounter';
 export default TypeCounter;