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

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

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

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

@@ -1,31 +1,23 @@
 "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;
+    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,
@@ -55,7 +47,6 @@ var TreeLeaf = /*#__PURE__*/_react["default"].memo(function (props) {
     className: "TreeLabelNameTextSubline"
   }, item.info)))));
 });
-
 TreeLeaf.displayName = 'TreeLeaf';
 TreeLeaf.defaultProps = {};
 TreeLeaf.propTypes = {

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

@@ -1,42 +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;
-
+    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,
@@ -53,7 +42,6 @@ var TreeLeafList = function TreeLeafList(props) {
     });
   })(leafList);
 };
-
 TreeLeafList.displayName = 'TreeLeafList';
 TreeLeafList.propTypes = {
   leafList: _propTypes["default"].arrayOf(_propTypes["default"].object),

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

@@ -1,27 +1,21 @@
 "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;
+    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", {
@@ -54,7 +48,6 @@ var TreeNode = /*#__PURE__*/_react["default"].memo(function (props) {
     className: "TreeLabelExpander rioglyph rioglyph-chevron-down ".concat(hasChildren ? '' : 'text-color-light')
   })));
 });
-
 TreeNode.displayName = 'TreeNode';
 TreeNode.defaultProps = {
   isSelected: false,

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

@@ -1,29 +1,23 @@
 "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;
+    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

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

@@ -1,16 +1,12 @@
 "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"
@@ -18,7 +14,6 @@ var TreeNothingFound = /*#__PURE__*/_react["default"].memo(function () {
     className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light'
   }));
 });
-
 TreeNothingFound.displayName = 'TreeNothingFound';
 TreeNothingFound.defaultProps = {};
 TreeNothingFound.propTypes = {

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

@@ -1,32 +1,23 @@
 "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);
+    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,
@@ -40,7 +31,6 @@ var TreeOption = function TreeOption(props) {
     className: 'margin-left-5 padding-top-2'
   }, label));
 };
-
 TreeOption.displayName = 'TreeOption';
 TreeOption.defaultProps = {
   isChecked: false,

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

@@ -1,36 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
-var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ButtonDropdown = _interopRequireDefault(require("../dropdown/ButtonDropdown"));
-
+var _lodash = require("lodash");
 var TreeOptions = function TreeOptions(props) {
   var treeOptions = props.treeOptions,
-      className = props.className;
-
-  if ((0, _isEmpty2["default"])(treeOptions)) {
+    className = props.className;
+  if ((0, _lodash.isEmpty)(treeOptions)) {
     return null;
   }
-
   var dropdownClasses = (0, _classnames["default"])('width-250', 'padding-10', className);
-
   var customDropdown = /*#__PURE__*/_react["default"].createElement("div", {
     className: dropdownClasses
   }, treeOptions);
-
   return /*#__PURE__*/_react["default"].createElement(_ButtonDropdown["default"], {
     title: /*#__PURE__*/_react["default"].createElement("span", {
       className: "rioglyph rioglyph-option-vertical",
@@ -43,7 +32,6 @@ var TreeOptions = function TreeOptions(props) {
     iconOnly: true
   });
 };
-
 TreeOptions.displayName = 'TreeOptions';
 TreeOptions.defaultProps = {
   treeOptions: []

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

@@ -1,21 +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 TreeRoot = function TreeRoot(_ref) {
   var maxHeight = _ref.maxHeight,
-      children = _ref.children;
+    children = _ref.children;
   var treeRootClasses = (0, _classnames["default"])('TreeRoot', 'user-select-none');
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: treeRootClasses,
@@ -24,7 +19,6 @@ var TreeRoot = function TreeRoot(_ref) {
     }
   }, children);
 };
-
 TreeRoot.displayName = 'TreeRoot';
 TreeRoot.propTypes = {
   maxHeight: _propTypes["default"].number

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

@@ -1,25 +1,19 @@
 "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 _ClearableInput = _interopRequireDefault(require("../clearableInput/ClearableInput"));
-
 var TreeSearch = /*#__PURE__*/_react["default"].memo(function (props) {
   var value = props.value,
-      className = props.className,
-      placeholder = props.placeholder,
-      onChange = props.onChange;
+    className = props.className,
+    placeholder = props.placeholder,
+    onChange = props.onChange;
   var classes = (0, _classnames["default"])('TreeSearch', className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes
@@ -36,7 +30,6 @@ var TreeSearch = /*#__PURE__*/_react["default"].memo(function (props) {
     placeholder: placeholder
   })));
 });
-
 TreeSearch.displayName = 'TreeSearch';
 TreeSearch.defaultProps = {
   onChange: function onChange() {}

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

@@ -1,29 +1,22 @@
 "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 _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
-
 var TreeSelectAll = function TreeSelectAll(props) {
   var isDisabled = props.isDisabled,
-      isChecked = props.isChecked,
-      isEnabled = props.isEnabled,
-      isIndeterminate = props.isIndeterminate,
-      onSelect = props.onSelect;
-
+    isChecked = props.isChecked,
+    isEnabled = props.isEnabled,
+    isIndeterminate = props.isIndeterminate,
+    onSelect = props.onSelect;
   var handleSelectAll = function handleSelectAll(event) {
     return onSelect(event.target.checked, isIndeterminate);
   };
-
   return isEnabled ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "TreeSelectAll display-flex align-items-center"
   }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
@@ -34,7 +27,6 @@ var TreeSelectAll = function TreeSelectAll(props) {
     className: "margin-top--1"
   })) : null;
 };
-
 TreeSelectAll.displayName = 'TreeSelectAll';
 TreeSelectAll.defaultProps = {
   isChecked: false,

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

@@ -1,44 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 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 _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
-
 var _Tooltip = _interopRequireDefault(require("../tooltip/Tooltip"));
-
 var _excluded = ["className", "onClick"];
 var ACTIVE_CLASS_NAME = 'active';
 var SELECTED_CLASS_NAME = 'selected';
 var LABEL_TOOLTIP_DELAY = 1500;
-
 var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
   var children = _ref.children,
-      currentCategoryId = _ref.currentCategoryId,
-      onSelectCategory = _ref.onSelectCategory;
+    currentCategoryId = _ref.currentCategoryId,
+    onSelectCategory = _ref.onSelectCategory;
   return children.map(function (child) {
     var id = child.props.id;
     var icon = child.props.icon || '';
     var label = child.props.label;
     var statusClassName = (0, _classnames["default"])(currentCategoryId === id ? ACTIVE_CLASS_NAME : '', child.props.hasSelection && SELECTED_CLASS_NAME);
-
     var handleSelectCategory = function handleSelectCategory(event) {
       event.stopPropagation();
       onSelectCategory(id);
     };
-
     var category = /*#__PURE__*/_react["default"].createElement("li", {
       key: id,
       onClick: handleSelectCategory,
@@ -48,10 +37,8 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "rioglyph ".concat(icon)
     })));
-
     if (label) {
       var tooltip = /*#__PURE__*/_react["default"].createElement("span", null, label);
-
       return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger["default"], {
         key: "category-tooltip-".concat(id),
         placement: _Tooltip["default"].RIGHT,
@@ -62,15 +49,13 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
         }, tooltip)
       }, category);
     }
-
     return category;
   });
 };
-
 var TreeSidebar = /*#__PURE__*/_react["default"].memo(function (props) {
   var className = props.className,
-      onClick = props.onClick,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    onClick = props.onClick,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('TreeSidebar', className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes
@@ -84,7 +69,6 @@ var TreeSidebar = /*#__PURE__*/_react["default"].memo(function (props) {
     className: 'rioglyph rioglyph-chevron-left'
   })));
 });
-
 TreeSidebar.displayName = 'TreeSidebar';
 TreeSidebar.defaultProps = {
   onClick: function onClick() {}

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

@@ -1,27 +1,21 @@
 "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 _TypeCounter = _interopRequireDefault(require("./TypeCounter"));
-
 var DefaultAssetCounts = function DefaultAssetCounts(_ref) {
   var assetCounts = _ref.assetCounts;
   var truck = assetCounts.truck,
-      bus = assetCounts.bus,
-      van = assetCounts.van,
-      trailer = assetCounts.trailer,
-      driver = assetCounts.driver;
+    bus = assetCounts.bus,
+    van = assetCounts.van,
+    trailer = assetCounts.trailer,
+    driver = assetCounts.driver;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "display-flex"
   }, /*#__PURE__*/_react["default"].createElement(_TypeCounter["default"], {
@@ -46,11 +40,10 @@ var DefaultAssetCounts = function DefaultAssetCounts(_ref) {
     value: driver
   }));
 };
-
 var TreeSummary = /*#__PURE__*/_react["default"].memo(function (props) {
   var className = props.className,
-      assetCounts = props.assetCounts,
-      children = props.children;
+    assetCounts = props.assetCounts,
+    children = props.children;
   var classes = (0, _classnames["default"])('TreeSummary', 'display-flex', 'align-items-center', className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes
@@ -58,7 +51,6 @@ var TreeSummary = /*#__PURE__*/_react["default"].memo(function (props) {
     assetCounts: assetCounts
   }));
 });
-
 TreeSummary.displayName = 'TreeSummary';
 TreeSummary.defaultProps = {
   assetCounts: {},

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

@@ -1,45 +1,34 @@
 "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 _excluded = ["icon", "value", "isActive", "hasFilter", "enableActivity", "onClick", "type", "hideOnZero"];
-
 var TypeCounter = function TypeCounter(props) {
   var icon = props.icon,
-      value = props.value,
-      isActive = props.isActive,
-      hasFilter = props.hasFilter,
-      enableActivity = props.enableActivity,
-      onClick = props.onClick,
-      type = props.type,
-      hideOnZero = props.hideOnZero,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    value = props.value,
+    isActive = props.isActive,
+    hasFilter = props.hasFilter,
+    enableActivity = props.enableActivity,
+    onClick = props.onClick,
+    type = props.type,
+    hideOnZero = props.hideOnZero,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var wrapperClassName = (0, _classnames["default"])('TypeCounter', 'display-flex align-items-center', 'user-select-none margin-right-15', enableActivity ? 'cursor-pointer' : 'pointer-events-none', enableActivity && hasFilter && !isActive && 'opacity-50');
   var counterClassNames = (0, _classnames["default"])('TreeLabelCount', 'label label-condensed', isActive ? 'label-primary' : 'label-muted label-filled');
-
   var handleClick = function handleClick() {
     return onClick(type);
   };
-
   if (hideOnZero && !value) {
     return null;
   }
-
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: wrapperClassName,
     onClick: handleClick
@@ -49,7 +38,6 @@ var TypeCounter = function TypeCounter(props) {
     className: counterClassNames
   }, value || 0));
 };
-
 TypeCounter.defaultProps = {
   hideOnZero: false
 };