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

package/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/components/assetTree/TreeCategory.js

@@ -1,12 +1,10 @@
-import PropTypes from 'prop-types';
-var TreeCategory = function TreeCategory(props) {
-  return props.children || null;
-};
-TreeCategory.displayName = 'TreeCategory';
-TreeCategory.propTypes = {
-  id: PropTypes.string.isRequired,
-  icon: PropTypes.string.isRequired,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  hasSelection: PropTypes.bool
-};
-export default TreeCategory;
+import PropTypes from 'prop-types';
+const TreeCategory = props => props.children || null;
+TreeCategory.displayName = 'TreeCategory';
+TreeCategory.propTypes = {
+    id: PropTypes.string.isRequired,
+    icon: PropTypes.string.isRequired,
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    hasSelection: PropTypes.bool,
+};
+export default TreeCategory;

package/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/components/assetTree/TreeLeaf.js

@@ -1,53 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import isObject from 'lodash/fp/isObject';
-import Checkbox from '../checkbox/Checkbox';
-import RadioButton from '../radiobutton/RadioButton';
-var TreeLeaf = /*#__PURE__*/React.memo(function (props) {
-  var item = props.item,
-    hasMultiselect = props.hasMultiselect,
-    showRadioButtons = props.showRadioButtons,
-    isSelected = props.isSelected,
-    onSelectItem = props.onSelectItem,
-    onActiveItem = props.onActiveItem;
-  var treeNodeClassNames = classNames('TreeLeaf', 'form-group margin-bottom-0', isSelected && 'active', item.className && item.className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: treeNodeClassNames,
-    "data-key": item.id
-  }, hasMultiselect && /*#__PURE__*/React.createElement(Checkbox, {
-    className: "TreeCheckbox",
-    checked: isSelected,
-    onClick: onSelectItem
-  }), !hasMultiselect && showRadioButtons && /*#__PURE__*/React.createElement(RadioButton, {
-    className: "TreeRadioButton",
-    checked: isSelected,
-    onChange: onSelectItem
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "TreeLabel",
-    onClick: onActiveItem
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "TreeLabelName"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph rioglyph-".concat(item.type, " margin-top--1")
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "TreeLabelNameText"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "TreeLabelNameTextHeadline"
-  }, isObject(item.name) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "text-light margin-right-3"
-  }, item.name.firstName), /*#__PURE__*/React.createElement("span", null, item.name.lastName)) : /*#__PURE__*/React.createElement(React.Fragment, null, item.name)), item.info && /*#__PURE__*/React.createElement("span", {
-    className: "TreeLabelNameTextSubline"
-  }, item.info)))));
-});
-TreeLeaf.displayName = 'TreeLeaf';
-TreeLeaf.defaultProps = {};
-TreeLeaf.propTypes = {
-  item: PropTypes.object,
-  hasMultiselect: PropTypes.bool,
-  showRadioButtons: PropTypes.bool,
-  isSelected: PropTypes.bool,
-  onSelectItem: PropTypes.func,
-  onActiveItem: PropTypes.func
-};
-export default TreeLeaf;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import classNames from 'classnames';
+import isObject from 'lodash/fp/isObject';
+import Checkbox from '../checkbox/Checkbox';
+import RadioButton from '../radiobutton/RadioButton';
+const TreeLeaf = React.memo((props) => {
+    const { item, hasMultiselect, showRadioButtons, isSelected, onSelectItem, onActiveItem } = 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: [_jsx("span", { className: `rioglyph rioglyph-${item.type} margin-top--1` }), _jsxs("span", Object.assign({ className: 'TreeLabelNameText' }, { children: [_jsx("span", Object.assign({ className: 'TreeLabelNameTextHeadline' }, { children: isObject(item.name) ? (_jsxs(React.Fragment, { children: [_jsx("span", Object.assign({ className: 'text-light margin-right-3' }, { children: item.name.firstName })), _jsx("span", { children: item.name.lastName })] })) : (_jsx(React.Fragment, { children: 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

@@ -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/components/assetTree/TreeLeafList.js

@@ -1,47 +1,28 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React from 'react';
-import PropTypes from 'prop-types';
-import map from 'lodash/fp/map';
-import { excludeFromList } from './Tree';
-import TreeLeaf from './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 ? excludeFromList(selectedItems, itemId) : [].concat(_toConsumableArray(selectedItems), [itemId]);
-    onSelectionChange(newSelectedItems, selectedGroups);
-  };
-  var handleSetItemActive = function handleSetItemActive(itemId) {
-    return onSelectionChange([itemId], []);
-  };
-  return map(function (item) {
-    return /*#__PURE__*/React.createElement(TreeLeaf, {
-      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.arrayOf(PropTypes.object),
-  hasMultiselect: PropTypes.bool,
-  showRadioButtons: PropTypes.bool,
-  selectedItems: PropTypes.arrayOf(PropTypes.string),
-  selectedGroups: PropTypes.arrayOf(PropTypes.string),
-  onSelectionChange: PropTypes.func
-};
-export default TreeLeafList;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import map from 'lodash/fp/map';
+import { excludeFromList } from './Tree';
+import TreeLeaf from './TreeLeaf';
+const TreeLeafList = props => {
+    const { leafList, hasMultiselect, showRadioButtons, selectedItems, selectedGroups, onSelectionChange } = props;
+    const handleItemSelection = itemId => {
+        const isSelected = selectedItems.includes(itemId);
+        const newSelectedItems = isSelected ? excludeFromList(selectedItems, itemId) : [...selectedItems, itemId];
+        onSelectionChange(newSelectedItems, selectedGroups);
+    };
+    const handleSetItemActive = itemId => onSelectionChange([itemId], []);
+    return map(item => {
+        return (_jsx(TreeLeaf, { 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: PropTypes.arrayOf(PropTypes.object),
+    hasMultiselect: PropTypes.bool,
+    showRadioButtons: PropTypes.bool,
+    selectedItems: PropTypes.arrayOf(PropTypes.string),
+    selectedGroups: PropTypes.arrayOf(PropTypes.string),
+    onSelectionChange: PropTypes.func,
+};
+export default TreeLeafList;

package/components/assetTree/TreeNode.d.ts

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

package/components/assetTree/TreeNode.js

@@ -1,59 +1,27 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Checkbox from '../checkbox/Checkbox';
-var TreeNode = /*#__PURE__*/React.memo(function (props) {
-  var node = props.node,
-    hasMultiselect = props.hasMultiselect,
-    isSelected = props.isSelected,
-    isIndeterminate = props.isIndeterminate,
-    onToggleNode = props.onToggleNode,
-    onSelect = props.onSelect;
-  var treeNodeClassNames = classNames('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
-  var hasChildren = !!node.items.length;
-  return /*#__PURE__*/React.createElement("div", {
-    className: treeNodeClassNames,
-    "data-key": node.id,
-    onClick: function onClick() {
-      return hasChildren && onToggleNode(node.id);
-    }
-  }, hasMultiselect && /*#__PURE__*/React.createElement(Checkbox, {
-    className: 'TreeCheckbox',
-    checked: isSelected,
-    disabled: node.disabled,
-    indeterminate: isIndeterminate,
-    onClick: function onClick() {
-      return onSelect(node, isIndeterminate);
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: 'TreeLabel'
-  }, /*#__PURE__*/React.createElement("span", {
-    className: 'TreeLabelName'
-  }, node.icon && /*#__PURE__*/React.createElement("span", {
-    className: "rioglyph ".concat(node.icon)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: 'TreeLabelNameText'
-  }, /*#__PURE__*/React.createElement("span", {
-    className: 'TreeLabelNameTextHeadline'
-  }, node.name)), /*#__PURE__*/React.createElement("span", {
-    className: 'TreeLabelCount label label-muted label-filled label-condensed'
-  }, node.items.length)), /*#__PURE__*/React.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.object,
-  hasMultiselect: PropTypes.bool,
-  isSelected: PropTypes.bool,
-  isIndeterminate: PropTypes.bool,
-  onToggleNode: PropTypes.func,
-  onSelect: PropTypes.func,
-  className: PropTypes.string
-};
-export default TreeNode;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Checkbox from '../checkbox/Checkbox';
+const TreeNode = React.memo(props => {
+    const { node, hasMultiselect, isSelected, isIndeterminate, onToggleNode, onSelect } = props;
+    const treeNodeClassNames = classNames('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
+    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';
+TreeNode.defaultProps = {
+    isSelected: false,
+    isIndeterminate: false,
+    hasMultiselect: true,
+};
+TreeNode.propTypes = {
+    node: PropTypes.object,
+    hasMultiselect: PropTypes.bool,
+    isSelected: PropTypes.bool,
+    isIndeterminate: PropTypes.bool,
+    onToggleNode: PropTypes.func,
+    onSelect: PropTypes.func,
+    className: PropTypes.string,
+};
+export default TreeNode;

package/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/components/assetTree/TreeNodeContainer.js

@@ -1,18 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-var TreeNodeContainer = function TreeNodeContainer(_ref) {
-  var isOpen = _ref.isOpen,
-    groupId = _ref.groupId,
-    children = _ref.children;
-  var treeNodeContainerClasses = classNames('TreeNodeContainer', 'user-select-none', isOpen && 'open');
-  return /*#__PURE__*/React.createElement("div", {
-    className: treeNodeContainerClasses,
-    "data-id": groupId
-  }, children);
-};
-TreeNodeContainer.displayName = 'TreeNodeContainer';
-TreeNodeContainer.propTypes = {
-  maxHeight: PropTypes.number
-};
-export default TreeNodeContainer;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+const TreeNodeContainer = ({ isOpen, groupId, children }) => {
+    const treeNodeContainerClasses = classNames('TreeNodeContainer', 'user-select-none', isOpen && 'open');
+    return (_jsx("div", Object.assign({ className: treeNodeContainerClasses, "data-id": groupId }, { children: children })));
+};
+TreeNodeContainer.displayName = 'TreeNodeContainer';
+TreeNodeContainer.propTypes = {
+    maxHeight: PropTypes.number,
+};
+export default TreeNodeContainer;

package/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/components/assetTree/TreeNothingFound.js

@@ -1,16 +1,14 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-var TreeNothingFound = /*#__PURE__*/React.memo(function () {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light'
-  }));
-});
-TreeNothingFound.displayName = 'TreeNothingFound';
-TreeNothingFound.defaultProps = {};
-TreeNothingFound.propTypes = {
-  value: PropTypes.string,
-  className: PropTypes.string
-};
-export default TreeNothingFound;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+const TreeNothingFound = React.memo(() => {
+    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';
+TreeNothingFound.defaultProps = {};
+TreeNothingFound.propTypes = {
+    value: PropTypes.string,
+    className: PropTypes.string,
+};
+export default TreeNothingFound;

package/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/components/assetTree/TreeOption.js

@@ -1,38 +1,23 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isChecked", "className", "label", "onChange"];
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Switch from '../switch/Switch';
-var TreeOption = function TreeOption(props) {
-  var isChecked = props.isChecked,
-    className = props.className,
-    label = props.label,
-    onChange = props.onChange,
-    remainingProps = _objectWithoutProperties(props, _excluded);
-  var optionClasses = classNames('TreeOption', 'display-flex', 'justify-content-start', 'cursor-pointer', className);
-  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
-    className: optionClasses,
-    onClick: onChange
-  }), /*#__PURE__*/React.createElement("span", {
-    className: 'pointer-events-none scale-80'
-  }, /*#__PURE__*/React.createElement(Switch, {
-    keyName: 'TreeOption-switch',
-    checked: isChecked
-  })), /*#__PURE__*/React.createElement("span", {
-    className: 'margin-left-5 padding-top-2'
-  }, label));
-};
-TreeOption.displayName = 'TreeOption';
-TreeOption.defaultProps = {
-  isChecked: false,
-  onChange: function onChange() {}
-};
-TreeOption.propTypes = {
-  isChecked: PropTypes.bool,
-  onChange: PropTypes.func,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-  className: PropTypes.string
-};
-export default TreeOption;
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Switch from '../switch/Switch';
+const TreeOption = props => {
+    const { isChecked, className, label, onChange } = props, remainingProps = __rest(props, ["isChecked", "className", "label", "onChange"]);
+    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';
+TreeOption.defaultProps = {
+    isChecked: false,
+    onChange: () => { },
+};
+TreeOption.propTypes = {
+    isChecked: PropTypes.bool,
+    onChange: PropTypes.func,
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+    className: PropTypes.string,
+};
+export default TreeOption;

package/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";

package/components/assetTree/TreeOptions.js

@@ -1,36 +1,24 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ButtonDropdown from '../dropdown/ButtonDropdown';
-import { isEmpty } from 'lodash';
-var TreeOptions = function TreeOptions(props) {
-  var treeOptions = props.treeOptions,
-    className = props.className;
-  if (isEmpty(treeOptions)) {
-    return null;
-  }
-  var dropdownClasses = classNames('width-250', 'padding-10', className);
-  var customDropdown = /*#__PURE__*/React.createElement("div", {
-    className: dropdownClasses
-  }, treeOptions);
-  return /*#__PURE__*/React.createElement(ButtonDropdown, {
-    title: /*#__PURE__*/React.createElement("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: PropTypes.arrayOf(PropTypes.node),
-  className: PropTypes.string
-};
-export default TreeOptions;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { isEmpty } from 'lodash';
+import ButtonDropdown from '../dropdown/ButtonDropdown';
+const TreeOptions = props => {
+    const { treeOptions, className } = props;
+    if (isEmpty(treeOptions)) {
+        return null;
+    }
+    const dropdownClasses = classNames('display-flex flex-column gap-10', 'width-250', 'padding-15', className);
+    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';
+TreeOptions.defaultProps = {
+    treeOptions: [],
+};
+TreeOptions.propTypes = {
+    treeOptions: PropTypes.arrayOf(PropTypes.node),
+    className: PropTypes.string,
+};
+export default TreeOptions;

package/components/assetTree/TreeRoot.d.ts

@@ -0,0 +1,12 @@
+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/components/assetTree/TreeRoot.js

@@ -1,19 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-var TreeRoot = function TreeRoot(_ref) {
-  var maxHeight = _ref.maxHeight,
-    children = _ref.children;
-  var treeRootClasses = classNames('TreeRoot', 'user-select-none');
-  return /*#__PURE__*/React.createElement("div", {
-    className: treeRootClasses,
-    style: {
-      maxHeight: maxHeight
-    }
-  }, children);
-};
-TreeRoot.displayName = 'TreeRoot';
-TreeRoot.propTypes = {
-  maxHeight: PropTypes.number
-};
-export default TreeRoot;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+const TreeRoot = ({ maxHeight, children }) => {
+    const treeRootClasses = classNames('TreeRoot', 'user-select-none');
+    return (_jsx("div", Object.assign({ className: treeRootClasses, style: { maxHeight: maxHeight } }, { children: children })));
+};
+TreeRoot.displayName = 'TreeRoot';
+TreeRoot.propTypes = {
+    maxHeight: PropTypes.number,
+};
+export default TreeRoot;

package/components/assetTree/TreeSearch.d.ts

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