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

package/lib/es/components/listMenu/ListMenu.js

@@ -1,59 +1,38 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _useEffectOnce = _interopRequireDefault(require("../../hooks/useEffectOnce"));
-
 var _ClearableInput = _interopRequireDefault(require("../clearableInput/ClearableInput"));
-
 var _ExpanderPanel = _interopRequireDefault(require("../expander/ExpanderPanel"));
-
 var _excluded = ["menuItems", "focusFilter", "enableFilter", "filterPlaceholder", "notFoundMessage", "className", "groupClassName", "responsive", "autoClose", "filterKey"];
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // @screen-ls: 480px;
 // @screen-sm: 768px;
+
 var RESIZE_THROTTELING = 10;
 var MOBILE_MAX_WIDTH = 580;
-
 var filterMenuItems = function filterMenuItems(items, value, filterKey) {
   return items.map(function (menuGroupItem) {
     var groupItems = menuGroupItem.navItems;
     var navItems = groupItems.filter(function (item) {
       var _item$filterKey;
-
       return (_item$filterKey = item[filterKey]) === null || _item$filterKey === void 0 ? void 0 : _item$filterKey.toLowerCase().includes(value.toLowerCase());
     });
     return _objectSpread(_objectSpread({}, menuGroupItem), {}, {
@@ -61,43 +40,36 @@ var filterMenuItems = function filterMenuItems(items, value, filterKey) {
     });
   });
 };
-
 var ListMenuHeader = function ListMenuHeader(_ref) {
   var group = _ref.group,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      groupNavItem = _ref.groupNavItem;
-
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    groupNavItem = _ref.groupNavItem;
   if (!group && !groupNavItem) {
     return null;
   }
-
   return /*#__PURE__*/_react["default"].createElement("li", {
     className: "ListMenuHeader"
   }, groupNavItem ? groupNavItem : /*#__PURE__*/_react["default"].createElement("span", {
     className: className
   }, group));
 };
-
 var ListMenuItem = function ListMenuItem(_ref2) {
   var disabled = _ref2.disabled,
-      _ref2$isSubItem = _ref2.isSubItem,
-      isSubItem = _ref2$isSubItem === void 0 ? false : _ref2$isSubItem,
-      children = _ref2.children;
+    _ref2$isSubItem = _ref2.isSubItem,
+    isSubItem = _ref2$isSubItem === void 0 ? false : _ref2$isSubItem,
+    children = _ref2.children;
   var classes = (0, _classnames["default"])(disabled && 'disabled', isSubItem && 'subitem');
   return /*#__PURE__*/_react["default"].createElement("li", {
     className: classes
   }, children);
 };
-
 var ListMenuGroup = function ListMenuGroup(_ref3) {
   var menuGroup = _ref3.menuGroup,
-      className = _ref3.className;
-
+    className = _ref3.className;
   if (!menuGroup.navItems.length) {
     return null;
   }
-
   return /*#__PURE__*/_react["default"].createElement("ul", {
     className: "ListMenuGroup ".concat(className)
   }, /*#__PURE__*/_react["default"].createElement(ListMenuHeader, menuGroup), menuGroup.navItems.map(function (item) {
@@ -108,56 +80,47 @@ var ListMenuGroup = function ListMenuGroup(_ref3) {
     }, item.item);
   }));
 };
-
 var NotFoundMessage = function NotFoundMessage(_ref4) {
   var notFoundMessage = _ref4.notFoundMessage;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "padding-top-25 text-center text-color-gray"
   }, notFoundMessage);
 };
-
 var ListMenu = function ListMenu(props) {
   var menuItems = props.menuItems,
-      focusFilter = props.focusFilter,
-      enableFilter = props.enableFilter,
-      filterPlaceholder = props.filterPlaceholder,
-      notFoundMessage = props.notFoundMessage,
-      className = props.className,
-      groupClassName = props.groupClassName,
-      responsive = props.responsive,
-      autoClose = props.autoClose,
-      filterKey = props.filterKey,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    focusFilter = props.focusFilter,
+    enableFilter = props.enableFilter,
+    filterPlaceholder = props.filterPlaceholder,
+    notFoundMessage = props.notFoundMessage,
+    className = props.className,
+    groupClassName = props.groupClassName,
+    responsive = props.responsive,
+    autoClose = props.autoClose,
+    filterKey = props.filterKey,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      filterValue = _useState2[0],
-      setFilterValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    filterValue = _useState2[0],
+    setFilterValue = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isMobileMode = _useState4[0],
-      setIsMobileMode = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isMobileMode = _useState4[0],
+    setIsMobileMode = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isExpanderOpen = _useState6[0],
-      setIsExpanderOpen = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isExpanderOpen = _useState6[0],
+    setIsExpanderOpen = _useState6[1];
   var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      mobileHeader = _useState8[0],
-      setMobileHeader = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    mobileHeader = _useState8[0],
+    setMobileHeader = _useState8[1];
   var inputRef = (0, _react.useRef)();
   var listRef = (0, _react.useRef)();
-
   var buildMobileHeader = function buildMobileHeader() {
     if (responsive && listRef.current) {
       var _listRef$current$getE = listRef.current.getElementsByClassName('active'),
-          _listRef$current$getE2 = (0, _slicedToArray2["default"])(_listRef$current$getE, 1),
-          activeElement = _listRef$current$getE2[0];
-
+        _listRef$current$getE2 = (0, _slicedToArray2["default"])(_listRef$current$getE, 1),
+        activeElement = _listRef$current$getE2[0];
       setMobileHeader( /*#__PURE__*/_react["default"].createElement("div", {
         className: "display-flex align-items-center"
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -165,11 +128,9 @@ var ListMenu = function ListMenu(props) {
       }), /*#__PURE__*/_react["default"].createElement("span", null, activeElement && activeElement.innerText)));
     }
   };
-
   var handleMobileMode = function handleMobileMode() {
     return setIsMobileMode(window.innerWidth < MOBILE_MAX_WIDTH);
   };
-
   (0, _useEffectOnce["default"])(function () {
     var handleKeyDown = function handleKeyDown(event) {
       // clear on esc
@@ -177,7 +138,6 @@ var ListMenu = function ListMenu(props) {
         setFilterValue('');
       }
     };
-
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
@@ -200,30 +160,23 @@ var ListMenu = function ListMenu(props) {
   (0, _useEffectOnce["default"])(function () {
     focusFilter && inputRef.current && inputRef.current.focus();
   });
-
   var handleClear = function handleClear() {
     return focusFilter && inputRef.current && inputRef.current.focus();
   };
-
   var handleFilterChange = function handleFilterChange(value) {
     return setFilterValue(value);
   };
-
   var hasMenuItems = function hasMenuItems(items) {
     return items.find(function (menuGroup) {
       return !(0, _isEmpty["default"])(menuGroup.navItems);
     });
   };
-
   var filteredMenuItems = filterMenuItems(menuItems, filterValue, filterKey);
-
   var handleExpanderBodyClick = function handleExpanderBodyClick(event) {
     var isListItem = event.target.parentElement.tagName.toLowerCase() === 'li';
     autoClose && isListItem && setIsExpanderOpen(false);
   };
-
   var formClassNames = (0, _classnames["default"])('form-group margin-bottom-5', 'padding-left-15', 'padding-right-15', 'padding-bottom-15', 'position-sticky', 'top-0');
-
   var listMenu = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: "ListMenu ".concat(className),
     ref: listRef
@@ -251,7 +204,6 @@ var ListMenu = function ListMenu(props) {
       menuGroup: menuGroup
     });
   }));
-
   if (responsive && isMobileMode) {
     return /*#__PURE__*/_react["default"].createElement(_ExpanderPanel["default"], {
       title: mobileHeader,
@@ -267,10 +219,8 @@ var ListMenu = function ListMenu(props) {
       onClick: handleExpanderBodyClick
     }, listMenu));
   }
-
   return listMenu;
 };
-
 ListMenu.defaultProps = {
   menuItems: [],
   enableFilter: false,

package/lib/es/components/loadMore/LoadMoreButton.js

@@ -1,34 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LoadMoreButton = 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 _LoadMoreProgress = require("./LoadMoreProgress");
-
 var _excluded = ["loaded", "total", "onLoadMore", "loadMoreMessage", "noMoreMessage", "className"];
-
 var LoadMoreButton = function LoadMoreButton(props) {
   var loaded = props.loaded,
-      total = props.total,
-      onLoadMore = props.onLoadMore,
-      loadMoreMessage = props.loadMoreMessage,
-      noMoreMessage = props.noMoreMessage,
-      className = props.className,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    total = props.total,
+    onLoadMore = props.onLoadMore,
+    loadMoreMessage = props.loadMoreMessage,
+    noMoreMessage = props.noMoreMessage,
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var wrapperClassNames = (0, _classnames["default"])('LoadMoreButton', 'align-items-center', 'display-flex', 'justify-content-center', 'margin-top-25', 'margin-bottom-25', 'non-printable', className);
   var hasMoreToLoad = loaded > 0 && total > 0 && loaded !== total;
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
@@ -50,7 +41,6 @@ var LoadMoreButton = function LoadMoreButton(props) {
     className: 'padding-top-4 padding-bottom-10'
   }, noMoreMessage))));
 };
-
 exports.LoadMoreButton = LoadMoreButton;
 LoadMoreButton.defaultProps = {
   onLoadMore: function onLoadMore() {},

package/lib/es/components/loadMore/LoadMoreProgress.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LoadMoreProgress = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var LoadMoreProgress = function LoadMoreProgress(_ref) {
   var loaded = _ref.loaded,
-      total = _ref.total;
-
+    total = _ref.total;
   if (!loaded || !total) {
     return null;
   }
-
   var width = "".concat(loaded / total * 100, "%");
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: 'text-center margin-bottom-3'
@@ -37,7 +31,6 @@ var LoadMoreProgress = function LoadMoreProgress(_ref) {
     }
   })));
 };
-
 exports.LoadMoreProgress = LoadMoreProgress;
 LoadMoreProgress.defaultProps = {
   loaded: 0,