@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

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

@@ -0,0 +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";

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

@@ -1,20 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var TreeCategory = function TreeCategory(props) {
-  return props.children || null;
-};
-TreeCategory.displayName = 'TreeCategory';
-TreeCategory.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  icon: _propTypes["default"].string.isRequired,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  hasSelection: _propTypes["default"].bool
-};
-var _default = TreeCategory;
-exports["default"] = _default;
+"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

@@ -0,0 +1,12 @@
+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,61 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _isObject = _interopRequireDefault(require("lodash/fp/isObject"));
-var _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
-var _RadioButton = _interopRequireDefault(require("../radiobutton/RadioButton"));
-var TreeLeaf = /*#__PURE__*/_react["default"].memo(function (props) {
-  var item = props.item,
-    hasMultiselect = props.hasMultiselect,
-    showRadioButtons = props.showRadioButtons,
-    isSelected = props.isSelected,
-    onSelectItem = props.onSelectItem,
-    onActiveItem = props.onActiveItem;
-  var treeNodeClassNames = (0, _classnames["default"])('TreeLeaf', 'form-group margin-bottom-0', isSelected && 'active', item.className && item.className);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: treeNodeClassNames,
-    "data-key": item.id
-  }, hasMultiselect && /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    className: "TreeCheckbox",
-    checked: isSelected,
-    onClick: onSelectItem
-  }), !hasMultiselect && showRadioButtons && /*#__PURE__*/_react["default"].createElement(_RadioButton["default"], {
-    className: "TreeRadioButton",
-    checked: isSelected,
-    onChange: onSelectItem
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "TreeLabel",
-    onClick: onActiveItem
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "TreeLabelName"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "rioglyph rioglyph-".concat(item.type, " margin-top--1")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "TreeLabelNameText"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "TreeLabelNameTextHeadline"
-  }, (0, _isObject["default"])(item.name) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "text-light margin-right-3"
-  }, item.name.firstName), /*#__PURE__*/_react["default"].createElement("span", null, item.name.lastName)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.name)), item.info && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "TreeLabelNameTextSubline"
-  }, item.info)))));
-});
-TreeLeaf.displayName = 'TreeLeaf';
-TreeLeaf.defaultProps = {};
-TreeLeaf.propTypes = {
-  item: _propTypes["default"].object,
-  hasMultiselect: _propTypes["default"].bool,
-  showRadioButtons: _propTypes["default"].bool,
-  isSelected: _propTypes["default"].bool,
-  onSelectItem: _propTypes["default"].func,
-  onActiveItem: _propTypes["default"].func
-};
-var _default = TreeLeaf;
-exports["default"] = _default;
+"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

@@ -0,0 +1,14 @@
+export default TreeLeafList;
+declare function TreeLeafList(props: any): import("react/jsx-runtime").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";

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

@@ -1,55 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _map = _interopRequireDefault(require("lodash/fp/map"));
-var _Tree = require("./Tree");
-var _TreeLeaf = _interopRequireDefault(require("./TreeLeaf"));
-var TreeLeafList = function TreeLeafList(props) {
-  var leafList = props.leafList,
-    hasMultiselect = props.hasMultiselect,
-    showRadioButtons = props.showRadioButtons,
-    selectedItems = props.selectedItems,
-    selectedGroups = props.selectedGroups,
-    onSelectionChange = props.onSelectionChange;
-  var handleItemSelection = function handleItemSelection(itemId) {
-    var isSelected = selectedItems.includes(itemId);
-    var newSelectedItems = isSelected ? (0, _Tree.excludeFromList)(selectedItems, itemId) : [].concat((0, _toConsumableArray2["default"])(selectedItems), [itemId]);
-    onSelectionChange(newSelectedItems, selectedGroups);
-  };
-  var handleSetItemActive = function handleSetItemActive(itemId) {
-    return onSelectionChange([itemId], []);
-  };
-  return (0, _map["default"])(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_TreeLeaf["default"], {
-      key: item.id,
-      item: item,
-      hasMultiselect: hasMultiselect,
-      showRadioButtons: showRadioButtons,
-      isSelected: selectedItems.includes(item.id),
-      onSelectItem: function onSelectItem() {
-        return handleItemSelection(item.id);
-      },
-      onActiveItem: function onActiveItem() {
-        return handleSetItemActive(item.id);
-      }
-    });
-  })(leafList);
-};
-TreeLeafList.displayName = 'TreeLeafList';
-TreeLeafList.propTypes = {
-  leafList: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  hasMultiselect: _propTypes["default"].bool,
-  showRadioButtons: _propTypes["default"].bool,
-  selectedItems: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  selectedGroups: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  onSelectionChange: _propTypes["default"].func
-};
-var _default = TreeLeafList;
-exports["default"] = _default;
+"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;

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

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

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

@@ -1,67 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
-var TreeNode = /*#__PURE__*/_react["default"].memo(function (props) {
-  var node = props.node,
-    hasMultiselect = props.hasMultiselect,
-    isSelected = props.isSelected,
-    isIndeterminate = props.isIndeterminate,
-    onToggleNode = props.onToggleNode,
-    onSelect = props.onSelect;
-  var treeNodeClassNames = (0, _classnames["default"])('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
-  var hasChildren = !!node.items.length;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: treeNodeClassNames,
-    "data-key": node.id,
-    onClick: function onClick() {
-      return hasChildren && onToggleNode(node.id);
-    }
-  }, hasMultiselect && /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    className: 'TreeCheckbox',
-    checked: isSelected,
-    disabled: node.disabled,
-    indeterminate: isIndeterminate,
-    onClick: function onClick() {
-      return onSelect(node, isIndeterminate);
-    }
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'TreeLabel'
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'TreeLabelName'
-  }, node.icon && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "rioglyph ".concat(node.icon)
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'TreeLabelNameText'
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'TreeLabelNameTextHeadline'
-  }, node.name)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'TreeLabelCount label label-muted label-filled label-condensed'
-  }, node.items.length)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "TreeLabelExpander rioglyph rioglyph-chevron-down ".concat(hasChildren ? '' : 'text-color-light')
-  })));
-});
-TreeNode.displayName = 'TreeNode';
-TreeNode.defaultProps = {
-  isSelected: false,
-  isIndeterminate: false,
-  hasMultiselect: true
-};
-TreeNode.propTypes = {
-  node: _propTypes["default"].object,
-  hasMultiselect: _propTypes["default"].bool,
-  isSelected: _propTypes["default"].bool,
-  isIndeterminate: _propTypes["default"].bool,
-  onToggleNode: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  className: _propTypes["default"].string
-};
-var _default = TreeNode;
-exports["default"] = _default;
+"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

@@ -0,0 +1,13 @@
+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,26 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var TreeNodeContainer = function TreeNodeContainer(_ref) {
-  var isOpen = _ref.isOpen,
-    groupId = _ref.groupId,
-    children = _ref.children;
-  var treeNodeContainerClasses = (0, _classnames["default"])('TreeNodeContainer', 'user-select-none', isOpen && 'open');
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: treeNodeContainerClasses,
-    "data-id": groupId
-  }, children);
-};
-TreeNodeContainer.displayName = 'TreeNodeContainer';
-TreeNodeContainer.propTypes = {
-  maxHeight: _propTypes["default"].number
-};
-var _default = TreeNodeContainer;
-exports["default"] = _default;
+"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

@@ -0,0 +1,3 @@
+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,24 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var TreeNothingFound = /*#__PURE__*/_react["default"].memo(function () {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light'
-  }));
-});
-TreeNothingFound.displayName = 'TreeNothingFound';
-TreeNothingFound.defaultProps = {};
-TreeNothingFound.propTypes = {
-  value: _propTypes["default"].string,
-  className: _propTypes["default"].string
-};
-var _default = TreeNothingFound;
-exports["default"] = _default;
+"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;

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

@@ -0,0 +1,18 @@
+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,46 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Switch = _interopRequireDefault(require("../switch/Switch"));
-var _excluded = ["isChecked", "className", "label", "onChange"];
-var TreeOption = function TreeOption(props) {
-  var isChecked = props.isChecked,
-    className = props.className,
-    label = props.label,
-    onChange = props.onChange,
-    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var optionClasses = (0, _classnames["default"])('TreeOption', 'display-flex', 'justify-content-start', 'cursor-pointer', className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
-    className: optionClasses,
-    onClick: onChange
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'pointer-events-none scale-80'
-  }, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-    keyName: 'TreeOption-switch',
-    checked: isChecked
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: 'margin-left-5 padding-top-2'
-  }, label));
-};
-TreeOption.displayName = 'TreeOption';
-TreeOption.defaultProps = {
-  isChecked: false,
-  onChange: function onChange() {}
-};
-TreeOption.propTypes = {
-  isChecked: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
-  className: _propTypes["default"].string
-};
-var _default = TreeOption;
-exports["default"] = _default;
+"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

@@ -0,0 +1,14 @@
+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";