@rio-cloud/rio-uikit 0.16.4-beta.2 → 0.16.4-beta.20

package/lib/es/components/assetTree/TreeCategory.d.ts

@@ -1,12 +1,12 @@
-export default TreeCategory;
-declare function TreeCategory(props: any): any;
-declare namespace TreeCategory {
-    const displayName: string;
-    namespace propTypes {
-        const id: PropTypes.Validator<string>;
-        const icon: PropTypes.Validator<string>;
-        const label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const hasSelection: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";
+export default TreeCategory;
+declare function TreeCategory(props: any): any;
+declare namespace TreeCategory {
+    const displayName: string;
+    namespace propTypes {
+        const id: PropTypes.Validator<string>;
+        const icon: PropTypes.Validator<string>;
+        const label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        const hasSelection: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/assetTree/TreeCategory.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const TreeCategory = props => props.children || null;
-TreeCategory.displayName = 'TreeCategory';
-TreeCategory.propTypes = {
-    id: prop_types_1.default.string.isRequired,
-    icon: prop_types_1.default.string.isRequired,
-    label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    hasSelection: prop_types_1.default.bool,
-};
-exports.default = TreeCategory;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const TreeCategory = props => props.children || null;
+TreeCategory.displayName = 'TreeCategory';
+TreeCategory.propTypes = {
+    id: prop_types_1.default.string.isRequired,
+    icon: prop_types_1.default.string.isRequired,
+    label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
+    hasSelection: prop_types_1.default.bool,
+};
+exports.default = TreeCategory;

package/lib/es/components/assetTree/TreeLeaf.d.ts

@@ -1,3 +1,12 @@
-export default TreeLeaf;
-declare const TreeLeaf: React.NamedExoticComponent<object>;
-import React from "react";
+import React from 'react';
+import type { TreeItem } from '../../types';
+export type TreeLeafProps = {
+    item: TreeItem;
+    hasMultiselect: boolean;
+    showRadioButtons: boolean;
+    isSelected: boolean;
+    onSelectItem: VoidFunction;
+    onActiveItem: VoidFunction;
+};
+declare const TreeLeaf: React.MemoExoticComponent<(props: TreeLeafProps) => import("react/jsx-runtime").JSX.Element>;
+export default TreeLeaf;

package/lib/es/components/assetTree/TreeLeaf.js

@@ -1,26 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
-const Checkbox_1 = tslib_1.__importDefault(require("../checkbox/Checkbox"));
-const RadioButton_1 = tslib_1.__importDefault(require("../radiobutton/RadioButton"));
-const TreeLeaf = react_1.default.memo(props => {
-    const { item, hasMultiselect, showRadioButtons, isSelected, onSelectItem, onActiveItem } = props;
-    const treeNodeClassNames = (0, classnames_1.default)('TreeLeaf', 'form-group margin-bottom-0', isSelected && 'active', item.className && item.className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: treeNodeClassNames, "data-key": item.id }, { children: [hasMultiselect && (0, jsx_runtime_1.jsx)(Checkbox_1.default, { className: 'TreeCheckbox', checked: isSelected, onClick: onSelectItem }), !hasMultiselect && showRadioButtons && ((0, jsx_runtime_1.jsx)(RadioButton_1.default, { className: 'TreeRadioButton', checked: isSelected, onChange: onSelectItem })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabel', onClick: onActiveItem }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabelName' }, { children: [(0, jsx_runtime_1.jsx)("span", { className: `rioglyph rioglyph-${item.type} margin-top--1` }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabelNameText' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: (0, isObject_1.default)(item.name) ? ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-light margin-right-3' }, { children: item.name.firstName })), (0, jsx_runtime_1.jsx)("span", { children: item.name.lastName })] })) : ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: item.name })) })), item.info && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameTextSubline' }, { children: item.info }))] }))] })) }))] })));
-});
-TreeLeaf.displayName = 'TreeLeaf';
-TreeLeaf.defaultProps = {};
-TreeLeaf.propTypes = {
-    item: prop_types_1.default.object,
-    hasMultiselect: prop_types_1.default.bool,
-    showRadioButtons: prop_types_1.default.bool,
-    isSelected: prop_types_1.default.bool,
-    onSelectItem: prop_types_1.default.func,
-    onActiveItem: prop_types_1.default.func,
-};
-exports.default = TreeLeaf;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const isObject_1 = tslib_1.__importDefault(require("lodash/fp/isObject"));
+const Checkbox_1 = tslib_1.__importDefault(require("../checkbox/Checkbox"));
+const RadioButton_1 = tslib_1.__importDefault(require("../radiobutton/RadioButton"));
+const TreeLeaf = react_1.default.memo((props) => {
+    const { item, hasMultiselect, showRadioButtons, isSelected, onSelectItem, onActiveItem } = props;
+    const treeNodeClassNames = (0, classnames_1.default)('TreeLeaf', 'form-group margin-bottom-0', isSelected && 'active', item.className && item.className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: treeNodeClassNames, "data-key": item.id }, { children: [hasMultiselect && (0, jsx_runtime_1.jsx)(Checkbox_1.default, { className: 'TreeCheckbox', checked: isSelected, onClick: onSelectItem }), !hasMultiselect && showRadioButtons && ((0, jsx_runtime_1.jsx)(RadioButton_1.default, { className: 'TreeRadioButton', checked: isSelected, onChange: onSelectItem })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabel', onClick: onActiveItem }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabelName' }, { children: [(0, jsx_runtime_1.jsx)("span", { className: `rioglyph rioglyph-${item.type} margin-top--1` }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabelNameText' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: (0, isObject_1.default)(item.name) ? ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-light margin-right-3' }, { children: item.name.firstName })), (0, jsx_runtime_1.jsx)("span", { children: item.name.lastName })] })) : ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: item.name })) })), item.info && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameTextSubline' }, { children: item.info }))] }))] })) }))] })));
+});
+TreeLeaf.displayName = 'TreeLeaf';
+exports.default = TreeLeaf;

package/lib/es/components/assetTree/TreeLeafList.d.ts

@@ -1,14 +1,14 @@
-export default TreeLeafList;
-declare function TreeLeafList(props: any): JSX.Element[];
-declare namespace TreeLeafList {
-    const displayName: string;
-    namespace propTypes {
-        const leafList: PropTypes.Requireable<(object | null | undefined)[]>;
-        const hasMultiselect: PropTypes.Requireable<boolean>;
-        const showRadioButtons: PropTypes.Requireable<boolean>;
-        const selectedItems: PropTypes.Requireable<(string | null | undefined)[]>;
-        const selectedGroups: PropTypes.Requireable<(string | null | undefined)[]>;
-        const onSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";
+import type { TreeItem } from '../../types';
+export type TreeLeafListProps = {
+    leafList: TreeItem[];
+    hasMultiselect: boolean;
+    showRadioButtons: boolean;
+    selectedItems: string[];
+    selectedGroups: string[];
+    onSelectionChange: (selectedItems: string[], selectedGroups: string[]) => {};
+};
+declare const TreeLeafList: {
+    (props: TreeLeafListProps): import("react/jsx-runtime").JSX.Element[];
+    displayName: string;
+};
+export default TreeLeafList;

package/lib/es/components/assetTree/TreeLeafList.js

@@ -1,31 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const map_1 = tslib_1.__importDefault(require("lodash/fp/map"));
-const Tree_1 = require("./Tree");
-const TreeLeaf_1 = tslib_1.__importDefault(require("./TreeLeaf"));
-const TreeLeafList = props => {
-    const { leafList, hasMultiselect, showRadioButtons, selectedItems, selectedGroups, onSelectionChange } = props;
-    const handleItemSelection = itemId => {
-        const isSelected = selectedItems.includes(itemId);
-        const newSelectedItems = isSelected ? (0, Tree_1.excludeFromList)(selectedItems, itemId) : [...selectedItems, itemId];
-        onSelectionChange(newSelectedItems, selectedGroups);
-    };
-    const handleSetItemActive = itemId => onSelectionChange([itemId], []);
-    return (0, map_1.default)(item => {
-        return ((0, jsx_runtime_1.jsx)(TreeLeaf_1.default, { item: item, hasMultiselect: hasMultiselect, showRadioButtons: showRadioButtons, isSelected: selectedItems.includes(item.id), onSelectItem: () => handleItemSelection(item.id), onActiveItem: () => handleSetItemActive(item.id) }, item.id));
-    })(leafList);
-};
-TreeLeafList.displayName = 'TreeLeafList';
-TreeLeafList.propTypes = {
-    leafList: prop_types_1.default.arrayOf(prop_types_1.default.object),
-    hasMultiselect: prop_types_1.default.bool,
-    showRadioButtons: prop_types_1.default.bool,
-    selectedItems: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    selectedGroups: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    onSelectionChange: prop_types_1.default.func,
-};
-exports.default = TreeLeafList;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("react");
+const TreeLeaf_1 = tslib_1.__importDefault(require("./TreeLeaf"));
+const excludeFromList_1 = require("./excludeFromList");
+const TreeLeafList = (props) => {
+    const { leafList, hasMultiselect, showRadioButtons, selectedItems, selectedGroups, onSelectionChange } = props;
+    const handleItemSelection = (itemId) => {
+        const isSelected = selectedItems.includes(itemId);
+        const newSelectedItems = isSelected
+            ? (0, excludeFromList_1.excludeFromList)(selectedItems, itemId)
+            : [...selectedItems, itemId];
+        onSelectionChange(newSelectedItems, selectedGroups);
+    };
+    const handleSetItemActive = (itemId) => onSelectionChange([itemId], []);
+    return leafList.map(item => ((0, jsx_runtime_1.jsx)(TreeLeaf_1.default, { item: item, hasMultiselect: hasMultiselect, showRadioButtons: showRadioButtons, isSelected: selectedItems.includes(item.id), onSelectItem: () => handleItemSelection(item.id), onActiveItem: () => handleSetItemActive(item.id) }, item.id)));
+};
+TreeLeafList.displayName = 'TreeLeafList';
+exports.default = TreeLeafList;

package/lib/es/components/assetTree/TreeNode.d.ts

@@ -1,3 +1,3 @@
-export default TreeNode;
-declare const TreeNode: React.NamedExoticComponent<object>;
-import React from "react";
+export default TreeNode;
+declare const TreeNode: React.NamedExoticComponent<object>;
+import React from "react";

package/lib/es/components/assetTree/TreeNode.js

@@ -1,30 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Checkbox_1 = tslib_1.__importDefault(require("../checkbox/Checkbox"));
-const TreeNode = react_1.default.memo(props => {
-    const { node, hasMultiselect, isSelected, isIndeterminate, onToggleNode, onSelect } = props;
-    const treeNodeClassNames = (0, classnames_1.default)('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
-    const hasChildren = !!node.items.length;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: treeNodeClassNames, "data-key": node.id, onClick: () => hasChildren && onToggleNode(node.id) }, { children: [hasMultiselect && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { className: 'TreeCheckbox', checked: isSelected, disabled: node.disabled, indeterminate: isIndeterminate, onClick: () => onSelect(node, isIndeterminate) })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabel' }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabelName' }, { children: [node.icon && (0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${node.icon}` }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameText' }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: node.name })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelCount label label-muted label-filled label-condensed' }, { children: node.items.length }))] })), (0, jsx_runtime_1.jsx)("span", { className: `TreeLabelExpander rioglyph rioglyph-chevron-down ${hasChildren ? '' : 'text-color-light'}` })] }))] })));
-});
-TreeNode.displayName = 'TreeNode';
-TreeNode.defaultProps = {
-    isSelected: false,
-    isIndeterminate: false,
-    hasMultiselect: true,
-};
-TreeNode.propTypes = {
-    node: prop_types_1.default.object,
-    hasMultiselect: prop_types_1.default.bool,
-    isSelected: prop_types_1.default.bool,
-    isIndeterminate: prop_types_1.default.bool,
-    onToggleNode: prop_types_1.default.func,
-    onSelect: prop_types_1.default.func,
-    className: prop_types_1.default.string,
-};
-exports.default = TreeNode;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Checkbox_1 = tslib_1.__importDefault(require("../checkbox/Checkbox"));
+const TreeNode = react_1.default.memo(props => {
+    const { node, hasMultiselect, isSelected, isIndeterminate, onToggleNode, onSelect } = props;
+    const treeNodeClassNames = (0, classnames_1.default)('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
+    const hasChildren = !!node.items.length;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: treeNodeClassNames, "data-key": node.id, onClick: () => hasChildren && onToggleNode(node.id) }, { children: [hasMultiselect && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { className: 'TreeCheckbox', checked: isSelected, disabled: node.disabled, indeterminate: isIndeterminate, onClick: () => onSelect(node, isIndeterminate) })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabel' }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'TreeLabelName' }, { children: [node.icon && (0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${node.icon}` }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameText' }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: node.name })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'TreeLabelCount label label-muted label-filled label-condensed' }, { children: node.items.length }))] })), (0, jsx_runtime_1.jsx)("span", { className: `TreeLabelExpander rioglyph rioglyph-chevron-down ${hasChildren ? '' : 'text-color-light'}` })] }))] })));
+});
+TreeNode.displayName = 'TreeNode';
+TreeNode.defaultProps = {
+    isSelected: false,
+    isIndeterminate: false,
+    hasMultiselect: true,
+};
+TreeNode.propTypes = {
+    node: prop_types_1.default.object,
+    hasMultiselect: prop_types_1.default.bool,
+    isSelected: prop_types_1.default.bool,
+    isIndeterminate: prop_types_1.default.bool,
+    onToggleNode: prop_types_1.default.func,
+    onSelect: prop_types_1.default.func,
+    className: prop_types_1.default.string,
+};
+exports.default = TreeNode;

package/lib/es/components/assetTree/TreeNodeContainer.d.ts

@@ -1,13 +1,13 @@
-export default TreeNodeContainer;
-declare function TreeNodeContainer({ isOpen, groupId, children }: {
-    isOpen: any;
-    groupId: any;
-    children: any;
-}): JSX.Element;
-declare namespace TreeNodeContainer {
-    const displayName: string;
-    namespace propTypes {
-        const maxHeight: PropTypes.Requireable<number>;
-    }
-}
-import PropTypes from "prop-types";
+export default TreeNodeContainer;
+declare function TreeNodeContainer({ isOpen, groupId, children }: {
+    isOpen: any;
+    groupId: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TreeNodeContainer {
+    const displayName: string;
+    namespace propTypes {
+        const maxHeight: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/assetTree/TreeNodeContainer.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const TreeNodeContainer = ({ isOpen, groupId, children }) => {
-    const treeNodeContainerClasses = (0, classnames_1.default)('TreeNodeContainer', 'user-select-none', isOpen && 'open');
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: treeNodeContainerClasses, "data-id": groupId }, { children: children })));
-};
-TreeNodeContainer.displayName = 'TreeNodeContainer';
-TreeNodeContainer.propTypes = {
-    maxHeight: prop_types_1.default.number,
-};
-exports.default = TreeNodeContainer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const TreeNodeContainer = ({ isOpen, groupId, children }) => {
+    const treeNodeContainerClasses = (0, classnames_1.default)('TreeNodeContainer', 'user-select-none', isOpen && 'open');
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: treeNodeContainerClasses, "data-id": groupId }, { children: children })));
+};
+TreeNodeContainer.displayName = 'TreeNodeContainer';
+TreeNodeContainer.propTypes = {
+    maxHeight: prop_types_1.default.number,
+};
+exports.default = TreeNodeContainer;

package/lib/es/components/assetTree/TreeNothingFound.d.ts

@@ -1,3 +1,3 @@
-export default TreeNothingFound;
-declare const TreeNothingFound: React.MemoExoticComponent<() => JSX.Element>;
-import React from "react";
+export default TreeNothingFound;
+declare const TreeNothingFound: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+import React from "react";

package/lib/es/components/assetTree/TreeNothingFound.js

@@ -1,17 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const TreeNothingFound = react_1.default.memo(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const TreeNothingFound = react_1.default.memo(() => {
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `TreeTreeNothingFound display-flex justify-content-center text-size-20
-                padding-top-25 margin-top-25 margin-bottom-25` }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' }) })));
-});
-TreeNothingFound.displayName = 'TreeNothingFound';
-TreeNothingFound.defaultProps = {};
-TreeNothingFound.propTypes = {
-    value: prop_types_1.default.string,
-    className: prop_types_1.default.string,
-};
-exports.default = TreeNothingFound;
+                padding-top-25 margin-top-25 margin-bottom-25` }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' }) })));
+});
+TreeNothingFound.displayName = 'TreeNothingFound';
+TreeNothingFound.defaultProps = {};
+TreeNothingFound.propTypes = {
+    value: prop_types_1.default.string,
+    className: prop_types_1.default.string,
+};
+exports.default = TreeNothingFound;

package/lib/es/components/assetTree/TreeOption.d.ts

@@ -1,18 +1,18 @@
-export default TreeOption;
-declare function TreeOption(props: any): JSX.Element;
-declare namespace TreeOption {
-    const displayName: string;
-    namespace defaultProps {
-        const isChecked: boolean;
-        function onChange(): void;
-    }
-    namespace propTypes {
-        const isChecked_1: PropTypes.Requireable<boolean>;
-        export { isChecked_1 as isChecked };
-        const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onChange_1 as onChange };
-        export const label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
+export default TreeOption;
+declare function TreeOption(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace TreeOption {
+    const displayName: string;
+    namespace defaultProps {
+        const isChecked: boolean;
+        function onChange(): void;
+    }
+    namespace propTypes {
+        const isChecked_1: PropTypes.Requireable<boolean>;
+        export { isChecked_1 as isChecked };
+        const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onChange_1 as onChange };
+        export const label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        export const className: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/assetTree/TreeOption.js

@@ -1,25 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Switch_1 = tslib_1.__importDefault(require("../switch/Switch"));
-const TreeOption = props => {
-    const { isChecked, className, label, onChange } = props, remainingProps = tslib_1.__rest(props, ["isChecked", "className", "label", "onChange"]);
-    const optionClasses = (0, classnames_1.default)('TreeOption', 'display-flex', 'justify-content-start', 'cursor-pointer', className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: optionClasses, onClick: onChange }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'pointer-events-none scale-80' }, { children: (0, jsx_runtime_1.jsx)(Switch_1.default, { keyName: 'TreeOption-switch', checked: isChecked }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'margin-left-5 padding-top-2' }, { children: label }))] })));
-};
-TreeOption.displayName = 'TreeOption';
-TreeOption.defaultProps = {
-    isChecked: false,
-    onChange: () => { },
-};
-TreeOption.propTypes = {
-    isChecked: prop_types_1.default.bool,
-    onChange: prop_types_1.default.func,
-    label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]).isRequired,
-    className: prop_types_1.default.string,
-};
-exports.default = TreeOption;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Switch_1 = tslib_1.__importDefault(require("../switch/Switch"));
+const TreeOption = props => {
+    const { isChecked, className, label, onChange } = props, remainingProps = tslib_1.__rest(props, ["isChecked", "className", "label", "onChange"]);
+    const optionClasses = (0, classnames_1.default)('TreeOption', 'display-flex', 'justify-content-start', 'align-items-center', 'gap-10', 'cursor-pointer', className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: optionClasses, onClick: onChange }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'flex-1-1' }, { children: label })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'pointer-events-none scale-80' }, { children: (0, jsx_runtime_1.jsx)(Switch_1.default, { keyName: 'TreeOption-switch', checked: isChecked }) }))] })));
+};
+TreeOption.displayName = 'TreeOption';
+TreeOption.defaultProps = {
+    isChecked: false,
+    onChange: () => { },
+};
+TreeOption.propTypes = {
+    isChecked: prop_types_1.default.bool,
+    onChange: prop_types_1.default.func,
+    label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]).isRequired,
+    className: prop_types_1.default.string,
+};
+exports.default = TreeOption;

package/lib/es/components/assetTree/TreeOptions.d.ts

@@ -1,14 +1,14 @@
-export default TreeOptions;
-declare function TreeOptions(props: any): JSX.Element | null;
-declare namespace TreeOptions {
-    const displayName: string;
-    namespace defaultProps {
-        const treeOptions: never[];
-    }
-    namespace propTypes {
-        const treeOptions_1: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        export { treeOptions_1 as treeOptions };
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
+export default TreeOptions;
+declare function TreeOptions(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare namespace TreeOptions {
+    const displayName: string;
+    namespace defaultProps {
+        const treeOptions: never[];
+    }
+    namespace propTypes {
+        const treeOptions_1: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        export { treeOptions_1 as treeOptions };
+        export const className: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/assetTree/TreeOptions.js

@@ -1,27 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const ButtonDropdown_1 = tslib_1.__importDefault(require("../dropdown/ButtonDropdown"));
-const lodash_1 = require("lodash");
-const TreeOptions = props => {
-    const { treeOptions, className } = props;
-    if ((0, lodash_1.isEmpty)(treeOptions)) {
-        return null;
-    }
-    const dropdownClasses = (0, classnames_1.default)('width-250', 'padding-10', className);
-    const customDropdown = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: dropdownClasses }, { children: treeOptions }));
-    return ((0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, { title: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-option-vertical', "aria-hidden": 'true' }), bsStyle: 'muted', customDropdown: customDropdown, className: 'TreeHeaderOptions', pullRight: true, iconOnly: true }));
-};
-TreeOptions.displayName = 'TreeOptions';
-TreeOptions.defaultProps = {
-    treeOptions: [],
-};
-TreeOptions.propTypes = {
-    treeOptions: prop_types_1.default.arrayOf(prop_types_1.default.node),
-    className: prop_types_1.default.string,
-};
-exports.default = TreeOptions;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const lodash_1 = require("lodash");
+const ButtonDropdown_1 = tslib_1.__importDefault(require("../dropdown/ButtonDropdown"));
+const TreeOptions = props => {
+    const { treeOptions, className } = props;
+    if ((0, lodash_1.isEmpty)(treeOptions)) {
+        return null;
+    }
+    const dropdownClasses = (0, classnames_1.default)('display-flex flex-column gap-10', 'width-250', 'padding-15', className);
+    const customDropdown = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: dropdownClasses }, { children: treeOptions }));
+    return ((0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, { title: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-option-vertical', "aria-hidden": 'true' }), bsStyle: 'muted', customDropdown: customDropdown, className: 'TreeHeaderOptions', pullRight: true, iconOnly: true }));
+};
+TreeOptions.displayName = 'TreeOptions';
+TreeOptions.defaultProps = {
+    treeOptions: [],
+};
+TreeOptions.propTypes = {
+    treeOptions: prop_types_1.default.arrayOf(prop_types_1.default.node),
+    className: prop_types_1.default.string,
+};
+exports.default = TreeOptions;

package/lib/es/components/assetTree/TreeRoot.d.ts

@@ -1,12 +1,12 @@
-export default TreeRoot;
-declare function TreeRoot({ maxHeight, children }: {
-    maxHeight: any;
-    children: any;
-}): JSX.Element;
-declare namespace TreeRoot {
-    const displayName: string;
-    namespace propTypes {
-        const maxHeight: PropTypes.Requireable<number>;
-    }
-}
-import PropTypes from "prop-types";
+export default TreeRoot;
+declare function TreeRoot({ maxHeight, children }: {
+    maxHeight: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TreeRoot {
+    const displayName: string;
+    namespace propTypes {
+        const maxHeight: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/assetTree/TreeRoot.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const TreeRoot = ({ maxHeight, children }) => {
-    const treeRootClasses = (0, classnames_1.default)('TreeRoot', 'user-select-none');
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: treeRootClasses, style: { maxHeight: maxHeight } }, { children: children })));
-};
-TreeRoot.displayName = 'TreeRoot';
-TreeRoot.propTypes = {
-    maxHeight: prop_types_1.default.number,
-};
-exports.default = TreeRoot;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const TreeRoot = ({ maxHeight, children }) => {
+    const treeRootClasses = (0, classnames_1.default)('TreeRoot', 'user-select-none');
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: treeRootClasses, style: { maxHeight: maxHeight } }, { children: children })));
+};
+TreeRoot.displayName = 'TreeRoot';
+TreeRoot.propTypes = {
+    maxHeight: prop_types_1.default.number,
+};
+exports.default = TreeRoot;