@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

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

@@ -1,68 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _head = _interopRequireDefault(require("lodash/fp/head"));
-
 var _isArray = _interopRequireDefault(require("lodash/fp/isArray"));
-
 var _Resizer = _interopRequireDefault(require("../resizer/Resizer"));
-
 var _TreeSidebar = _interopRequireDefault(require("./TreeSidebar"));
-
 var _TreeCategory = _interopRequireDefault(require("./TreeCategory"));
-
 var _excluded = ["className", "resizable", "width", "maxWidth", "minWidth", "height", "bordered", "currentCategoryId", "isOpen", "useOffscreen", "fly", "onCategoryChange", "onToggleTree", "onResizeEnd", "children"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var getSidebarBodyRef = function getSidebarBodyRef(sidebarRef) {
   return (0, _head["default"])(sidebarRef.current.getElementsByClassName('AssetTreeBody'));
 };
-
 var getWidthInBoundaries = function getWidthInBoundaries(minWidth, maxWidth, width) {
   if (width > 0 && width < minWidth) {
     return minWidth;
   }
-
   if (width > 0 && width > maxWidth) {
     return maxWidth;
   }
-
   if (width > 0 && width > maxWidth) {
     return maxWidth;
   }
-
   return width;
 };
-
 var getCurrentCategoryElement = function getCurrentCategoryElement(children, currentCategoryId) {
   return (0, _isArray["default"])(children) ? children.find(function (child) {
     return child && child.props.id === currentCategoryId;
   }) : children;
 };
-
 var renderTreesOffscreen = function renderTreesOffscreen(children, categoryId) {
   return _react["default"].Children.map(children, function (child) {
     var offscreenClasses = (0, _classnames["default"])('TreeOffscreenWrapper', child && child.props.id !== categoryId && 'position-offscreen');
@@ -71,46 +48,41 @@ var renderTreesOffscreen = function renderTreesOffscreen(children, categoryId) {
     }, child);
   });
 };
-
 var AssetTree = /*#__PURE__*/(0, _react.memo)(function (props) {
   var className = props.className,
-      resizable = props.resizable,
-      width = props.width,
-      maxWidth = props.maxWidth,
-      minWidth = props.minWidth,
-      height = props.height,
-      bordered = props.bordered,
-      currentCategoryId = props.currentCategoryId,
-      isOpen = props.isOpen,
-      useOffscreen = props.useOffscreen,
-      fly = props.fly,
-      onCategoryChange = props.onCategoryChange,
-      onToggleTree = props.onToggleTree,
-      onResizeEnd = props.onResizeEnd,
-      children = props.children,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    resizable = props.resizable,
+    width = props.width,
+    maxWidth = props.maxWidth,
+    minWidth = props.minWidth,
+    height = props.height,
+    bordered = props.bordered,
+    currentCategoryId = props.currentCategoryId,
+    isOpen = props.isOpen,
+    useOffscreen = props.useOffscreen,
+    fly = props.fly,
+    onCategoryChange = props.onCategoryChange,
+    onToggleTree = props.onToggleTree,
+    onResizeEnd = props.onResizeEnd,
+    children = props.children,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var getSidebarMode = function getSidebarMode(isFly) {
     return isFly ? AssetTree.MODE_FLY : AssetTree.MODE_FLUID;
   };
-
   var _useState = (0, _react.useState)(parseInt(width, 10)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      treeWidth = _useState2[0],
-      setTreeWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    treeWidth = _useState2[0],
+    setTreeWidth = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isResize = _useState4[0],
-      setIsResize = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isResize = _useState4[0],
+    setIsResize = _useState4[1];
   var _useState5 = (0, _react.useState)(getSidebarMode(fly)),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      sidebarMode = _useState6[0],
-      setSidebarMode = _useState6[1];
-
-  var sidebarRef = (0, _react.useRef)(); // Update internal state when props change
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    sidebarMode = _useState6[0],
+    setSidebarMode = _useState6[1];
+  var sidebarRef = (0, _react.useRef)();
 
+  // Update internal state when props change
   (0, _react.useEffect)(function () {
     return setTreeWidth(width);
   }, [width]);
@@ -130,52 +102,42 @@ var AssetTree = /*#__PURE__*/(0, _react.memo)(function (props) {
     width: treeWidth,
     height: height
   };
-
   var handleToggleTreeContent = function handleToggleTreeContent() {
     return onToggleTree(!isOpen);
   };
-
   var handleSelectCategory = function handleSelectCategory(selectedCategoryId) {
     onCategoryChange(selectedCategoryId);
-
     if (!isOpen) {
       handleToggleTreeContent();
     } else if (isOpen && currentCategoryId === selectedCategoryId) {
       handleToggleTreeContent();
     }
   };
-
   var handleResize = function handleResize(diff) {
     var halfWindowWidth = window.innerWidth * 0.5;
     var usedMaxWidth = maxWidth || halfWindowWidth;
     var updatedWidth = treeWidth - diff;
-    var newWidth = getWidthInBoundaries(minWidth, usedMaxWidth, updatedWidth); // Check for sidebar with if it is half window size. If it was before but the sidebar was resized so it is
-    // no longer walf window size, set the sidebar with to hals window size to avoid jumping sidebar to old width
+    var newWidth = getWidthInBoundaries(minWidth, usedMaxWidth, updatedWidth);
 
+    // Check for sidebar with if it is half window size. If it was before but the sidebar was resized so it is
+    // no longer walf window size, set the sidebar with to hals window size to avoid jumping sidebar to old width
     setTreeWidth(newWidth);
   };
-
   var handleResizeStart = function handleResizeStart() {
     var body = getSidebarBodyRef(sidebarRef);
-
     if (body) {
       body.classList.add('pointer-events-none');
     }
-
     setIsResize(true);
   };
-
   var handleResizeEnd = function handleResizeEnd() {
     var body = getSidebarBodyRef(sidebarRef);
-
     if (body) {
       body.classList.remove('pointer-events-none');
     }
-
     setIsResize(false);
     onResizeEnd();
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: classes,
     style: style,
@@ -235,13 +197,11 @@ AssetTree.propTypes = {
   children: function children(props, propName, componentName) {
     var prop = props[propName];
     var error = null;
-
     _react["default"].Children.forEach(prop, function (child) {
       if (child.type !== _TreeCategory["default"]) {
         error = new Error("`".concat(componentName, "` children should be of type `TreeCategory`."));
       }
     });
-
     return error;
   }
 };