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

package/lib/es/components/expander/ExpanderList.js

@@ -1,64 +1,43 @@
 "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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _Collapse = _interopRequireDefault(require("../collapse/Collapse"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+var getRandomString = function getRandomString() {
+  return (Math.random() + 1).toString(36).toUpperCase().substring(2);
+};
 var ExpanderList = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ExpanderList, _Component);
-
   var _super = _createSuper(ExpanderList);
-
-  /* istanbul ignore next */
   function ExpanderList() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ExpanderList);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       items: _this.parseItems(_this.props.items)
     };
     return _this;
   }
-
   (0, _createClass2["default"])(ExpanderList, [{
     key: "parseItems",
     value: function parseItems(items) {
@@ -66,35 +45,33 @@ var ExpanderList = /*#__PURE__*/function (_Component) {
         // Generate a unique id (if not present) instead of using the index for the key as it will create
         // side effects when removing items from the list and re-render the ExpanderList.
         if (!item.id) {
-          item.id = "".concat(index, "-").concat(Math.random());
+          item.id = getRandomString();
         }
-
         return item;
       });
-    } // eslint-disable-next-line camelcase
+    }
 
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this2 = this;
-
       // Map the internal open state to the new props in order to preserve opened items
       var mappedNextProps = nextProps.items.map(function (item) {
         if (item.open === undefined || item.open === null) {
           var matchingItem = _this2.state.items.find(function (oldItem) {
             return oldItem.id === item.id;
           });
-
           if (matchingItem) {
             item.open = matchingItem.open;
           }
         }
-
         return item;
-      }); // Only update the list when the amount of items is different or items inside have changed.
+      });
+
+      // Only update the list when the amount of items is different or items inside have changed.
       // Note: When using the generated internal "id" the check is always true, as the id is regenerated for new
       // items, means it will always update the state and hence re-render.
-
       if (!(0, _isEqual["default"])(mappedNextProps, this.state.items)) {
         this.setState({
           items: this.parseItems(mappedNextProps)
@@ -117,7 +94,6 @@ var ExpanderList = /*#__PURE__*/function (_Component) {
     key: "getHeaderElement",
     value: function getHeaderElement(item) {
       var _this3 = this;
-
       var headerClassNames = (0, _classnames["default"])('expander-list-header', item.headerClassName && item.headerClassName);
       var iconClassNames = item.body && (0, _classnames["default"])('expander-icon', 'rioglyph', 'rioglyph-chevron-down');
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -139,7 +115,6 @@ var ExpanderList = /*#__PURE__*/function (_Component) {
       if (!item.body) {
         return;
       }
-
       var bodyClassNames = (0, _classnames["default"])('expander-list-body', item.bodyClassName && item.bodyClassName);
       return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
         "in": isOpen,
@@ -151,32 +126,25 @@ var ExpanderList = /*#__PURE__*/function (_Component) {
         className: bodyClassNames
       }, item.body)));
     }
-  }, {
-    key: "getListItem",
-    value: function getListItem(item) {
-      var isOpen = item.open;
-      var itemClassNames = (0, _classnames["default"])('list-group-item', item.className && "".concat(item.className), item.body && 'expandable', isOpen && 'open');
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        className: itemClassNames,
-        key: item.id
-      }, this.getHeaderElement(item), this.getBodyElement(item, isOpen, this.props.mountOnEnter, this.props.unmountOnExit));
-    }
   }, {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var listClassNames = (0, _classnames["default"])('expander-list list-group', this.props.className);
       return /*#__PURE__*/_react["default"].createElement("ul", {
         className: listClassNames
       }, this.state.items.map(function (item) {
-        return _this4.getListItem(item);
+        var isOpen = item.open;
+        var itemClassNames = (0, _classnames["default"])('list-group-item', item.className && "".concat(item.className), item.body && 'expandable', isOpen && 'open');
+        return /*#__PURE__*/_react["default"].createElement("li", {
+          className: itemClassNames,
+          key: item.id
+        }, _this4.getHeaderElement(item), _this4.getBodyElement(item, isOpen, _this4.props.mountOnEnter, _this4.props.unmountOnExit));
       }));
     }
   }]);
   return ExpanderList;
 }(_react.Component);
-
 exports["default"] = ExpanderList;
 ExpanderList.defaultProps = {
   items: [],

package/lib/es/components/expander/ExpanderPanel.js

@@ -1,71 +1,55 @@
 "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 _Collapse = _interopRequireDefault(require("../collapse/Collapse"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["bsStyle", "className", "iconLeft", "title", "headerClassName", "titleClassName", "bodyClassName", "mountOnEnter", "unmountOnExit", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "children", "onToggle", "open"];
-
 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 ExpanderPanel = function ExpanderPanel(props) {
   var bsStyle = props.bsStyle,
-      className = props.className,
-      iconLeft = props.iconLeft,
-      title = props.title,
-      headerClassName = props.headerClassName,
-      titleClassName = props.titleClassName,
-      bodyClassName = props.bodyClassName,
-      mountOnEnter = props.mountOnEnter,
-      unmountOnExit = props.unmountOnExit,
-      onEnter = props.onEnter,
-      onEntering = props.onEntering,
-      onEntered = props.onEntered,
-      onExit = props.onExit,
-      onExiting = props.onExiting,
-      onExited = props.onExited,
-      children = props.children,
-      onToggle = props.onToggle,
-      open = props.open,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    className = props.className,
+    iconLeft = props.iconLeft,
+    title = props.title,
+    headerClassName = props.headerClassName,
+    titleClassName = props.titleClassName,
+    bodyClassName = props.bodyClassName,
+    mountOnEnter = props.mountOnEnter,
+    unmountOnExit = props.unmountOnExit,
+    onEnter = props.onEnter,
+    onEntering = props.onEntering,
+    onEntered = props.onEntered,
+    onExit = props.onExit,
+    onExiting = props.onExiting,
+    onExited = props.onExited,
+    children = props.children,
+    onToggle = props.onToggle,
+    open = props.open,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(open),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1]; // Update internal state from external prop change
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
 
+  // Update internal state from external prop change
   (0, _react.useEffect)(function () {
     setIsOpen(open);
   }, [open]);
-
   var handleToggle = function handleToggle() {
     var newState = !isOpen;
     setIsOpen(newState);
     onToggle(newState);
   };
-
   var wrapperClassNames = (0, _classnames["default"])('expander-panel panel', "panel-".concat(bsStyle), className);
   var iconClassNames = (0, _classnames["default"])('expander-icon', 'rioglyph', 'rioglyph-chevron-down');
   var headerClassNames = (0, _classnames["default"])('panel-heading', isOpen && 'open', iconLeft && 'icon-left', headerClassName && headerClassName);
@@ -97,7 +81,6 @@ var ExpanderPanel = function ExpanderPanel(props) {
     className: bodyClassNames
   }, isRenderCallback ? children(isOpen) : children))));
 };
-
 ExpanderPanel.defaultProps = {
   mountOnEnter: true,
   unmountOnExit: true,

package/lib/es/components/fade/Fade.js

@@ -1,26 +1,17 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _framerMotion = require("framer-motion");
-
 var _logDeprecatedWarnings = _interopRequireDefault(require("../../utils/logDeprecatedWarnings"));
-
 var _isArray = _interopRequireDefault(require("lodash/fp/isArray"));
-
 var _head = _interopRequireDefault(require("lodash/fp/head"));
-
 var warningProps = [{
   prop: 'in',
   replacement: 'show'
@@ -164,49 +155,45 @@ var pageTransitionVariants = {
     };
   }
 };
-
 var getPageDirection = function getPageDirection(animationStyle) {
   switch (animationStyle) {
     case Fade.PAGE_BACK:
       return -1;
-
     default:
       return 1;
   }
 };
-
 var Fade = function Fade(props) {
   var oldIn = props["in"],
-      timeout = props.timeout,
-      appear = props.appear,
-      exitBeforeEnter = props.exitBeforeEnter,
-      onExitComplete = props.onExitComplete,
-      animationStyle = props.animationStyle,
-      animatePresenceProps = props.animatePresenceProps,
-      motionProps = props.motionProps,
-      children = props.children;
+    timeout = props.timeout,
+    appear = props.appear,
+    exitBeforeEnter = props.exitBeforeEnter,
+    onExitComplete = props.onExitComplete,
+    animationStyle = props.animationStyle,
+    animatePresenceProps = props.animatePresenceProps,
+    motionProps = props.motionProps,
+    children = props.children;
   (0, _logDeprecatedWarnings["default"])(warningProps, props, 'Fade');
   var duration = props.duration || timeout;
-
   if (duration > 10) {
     duration = duration / 100;
   }
-
   var show = props.show || oldIn;
   var initial = props.initial || appear;
-  var motionDivKey = 'fade'; // If there are multiple children that are conditionally rendered like
+  var motionDivKey = 'fade';
+
+  // If there are multiple children that are conditionally rendered like
   // in case of a tabbed content - get the current visible child key
   // to update the motion.div key to animate different children
-
   if ((0, _isArray["default"])(children)) {
     var currentChild = (0, _head["default"])(children.filter(function (child) {
       return Boolean(child);
     }));
     motionDivKey = "fade-".concat(currentChild.key);
-  } // In case the animation is a page transition, use custom variants and add a custom pageDirection variable
-  // to animate in the right direction
-
+  }
 
+  // In case the animation is a page transition, use custom variants and add a custom pageDirection variable
+  // to animate in the right direction
   var isPageTransition = animationStyle === Fade.PAGE || animationStyle === Fade.PAGE_BACK;
   var pageDirection = getPageDirection(animationStyle);
   var custom = isPageTransition ? pageDirection : null;
@@ -227,7 +214,6 @@ var Fade = function Fade(props) {
     custom: custom
   }, animationProps, pageTransitionProps, motionProps), children));
 };
-
 Fade.FADE = 'fade';
 Fade.FROM_LEFT = 'fromLeft';
 Fade.FROM_RIGHT = 'fromRight';

package/lib/es/components/filepicker/FilePicker.js

@@ -1,44 +1,31 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDropzone = _interopRequireWildcard(require("react-dropzone"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["label", "accept", "multiple", "maxSize", "displayMode", "onPick", "className", "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 FilePicker = function FilePicker(props) {
   var label = props.label,
-      accept = props.accept,
-      multiple = props.multiple,
-      maxSize = props.maxSize,
-      displayMode = props.displayMode,
-      onPick = props.onPick,
-      className = props.className,
-      children = props.children,
-      remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    accept = props.accept,
+    multiple = props.multiple,
+    maxSize = props.maxSize,
+    displayMode = props.displayMode,
+    onPick = props.onPick,
+    className = props.className,
+    children = props.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var dropzoneRef = (0, _react.useRef)();
   var isButton = displayMode === 'button';
   var isDropzone = displayMode === 'dropzone';
@@ -53,11 +40,9 @@ var FilePicker = function FilePicker(props) {
     }) : acceptedFiles;
     onPick(files, rejectedFiles);
   }, [onPick, accept]);
-
   var onOpenClick = function onOpenClick() {
     return dropzoneRef.current.open();
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "FilePicker"
   }, showButton && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -71,14 +56,13 @@ var FilePicker = function FilePicker(props) {
     ref: dropzoneRef
   }), function (_ref) {
     var getRootProps = _ref.getRootProps,
-        getInputProps = _ref.getInputProps,
-        isDragActive = _ref.isDragActive;
+      getInputProps = _ref.getInputProps,
+      isDragActive = _ref.isDragActive;
     return /*#__PURE__*/_react["default"].createElement("div", getRootProps(), /*#__PURE__*/_react["default"].createElement("input", getInputProps()), showDropzone && children && children({
       isDragActive: isDragActive
     }));
   }));
 };
-
 FilePicker.DISPLAY_MODE_BUTTON = 'button';
 FilePicker.DISPLAY_MODE_DROPZONE = 'dropzone';
 FilePicker.DISPLAY_MODE_FULL = 'full';
@@ -91,27 +75,13 @@ FilePicker.defaultProps = {
   className: ''
 };
 FilePicker.propTypes = {
-  displayMode: _propTypes["default"].string
-  /* Display mode: 'dropzone' / 'button' / 'full' */
-  ,
-  multiple: _propTypes["default"].bool
-  /* Allow multiple file selections or not */
-  ,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
-  /* Text to display on Button */
-  ,
-  accept: _propTypes["default"].string
-  /* List of accepted Mime Types */
-  ,
-  maxSize: _propTypes["default"].number
-  /* Maximum File Size */
-  ,
-  onPick: _propTypes["default"].func
-  /* Pick callback */
-  ,
-  className: _propTypes["default"].string
-  /* Custom className for the displayed component (dropzone/button) */
-  ,
+  displayMode: _propTypes["default"].string /* Display mode: 'dropzone' / 'button' / 'full' */,
+  multiple: _propTypes["default"].bool /* Allow multiple file selections or not */,
+  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]) /* Text to display on Button */,
+  accept: _propTypes["default"].string /* List of accepted Mime Types */,
+  maxSize: _propTypes["default"].number /* Maximum File Size */,
+  onPick: _propTypes["default"].func /* Pick callback */,
+  className: _propTypes["default"].string /* Custom className for the displayed component (dropzone/button) */,
   children: _propTypes["default"].any
 };
 var _default = FilePicker;