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

package/lib/es/components/tagManager/TagManager.js

@@ -1,46 +1,27 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _compact = _interopRequireDefault(require("lodash/fp/compact"));
-
 var _AutoSuggest = _interopRequireDefault(require("../autosuggest/AutoSuggest"));
-
 var _CustomSuggestionItem = _interopRequireDefault(require("./CustomSuggestionItem"));
-
 var _TagManagerItemList = _interopRequireDefault(require("./TagManagerItemList"));
-
 var _excluded = ["tagList", "tagSuggestions", "placeholder", "className", "customTagPlaceholder", "dropdownSeparatorText", "onTagListChange", "useCustomTags", "noItemMessage", "showInput"];
-
 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 getCustomSuggestion = function getCustomSuggestion(value, placeholder) {
   return {
     customSuggestion: /*#__PURE__*/_react["default"].createElement(_CustomSuggestionItem["default"], {
@@ -51,26 +32,22 @@ var getCustomSuggestion = function getCustomSuggestion(value, placeholder) {
     disabled: (0, _isEmpty["default"])(value)
   };
 };
-
 var getSuggestionSeparator = function getSuggestionSeparator(dropdownSeparatorText) {
   return {
     header: true,
     label: dropdownSeparatorText
   };
 };
-
 var cleanupTagState = function cleanupTagState(tag) {
   delete tag.toAdd;
   delete tag.toRemove;
   return tag;
 };
-
 var hasTagAlreadySelected = function hasTagAlreadySelected(tags, newSuggestion) {
   return !!tags.find(function (tag) {
     return tag.label === newSuggestion.label;
   });
 };
-
 var getNewSuggestion = function getNewSuggestion(suggestion) {
   var newSuggestion = suggestion.customSuggestion ? {
     label: suggestion.label
@@ -78,68 +55,62 @@ var getNewSuggestion = function getNewSuggestion(suggestion) {
   newSuggestion.toAdd = true;
   return newSuggestion;
 };
-
 var buildSuggestions = function buildSuggestions(useCustomTags, customTagPlaceholder, dropdownSeparatorText) {
   return function (value, suggestions) {
     var cleanedSuggestions = suggestions.map(cleanupTagState);
     return (0, _compact["default"])([useCustomTags && getCustomSuggestion(value, customTagPlaceholder), useCustomTags && !(0, _isEmpty["default"])(cleanedSuggestions) && getSuggestionSeparator(dropdownSeparatorText)].concat((0, _toConsumableArray2["default"])(cleanedSuggestions)));
   };
 };
-
 var filterSuggestions = function filterSuggestions(suggestions, selectedTagNames) {
   var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   return suggestions.filter(function (suggestion) {
     var label = suggestion.label;
-
     if (!label) {
       return false;
     }
-
     var lowerCaseLabel = label.toLowerCase();
     var lowerCaseValue = value.toLowerCase();
     return lowerCaseLabel.includes(lowerCaseValue) && !selectedTagNames.includes(label) && !suggestion.header && !suggestion.customSuggestion;
   });
 };
-
 var TagManager = function TagManager(props) {
   var tagList = props.tagList,
-      tagSuggestions = props.tagSuggestions,
-      placeholder = props.placeholder,
-      className = props.className,
-      customTagPlaceholder = props.customTagPlaceholder,
-      dropdownSeparatorText = props.dropdownSeparatorText,
-      onTagListChange = props.onTagListChange,
-      useCustomTags = props.useCustomTags,
-      noItemMessage = props.noItemMessage,
-      showInput = props.showInput,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    tagSuggestions = props.tagSuggestions,
+    placeholder = props.placeholder,
+    className = props.className,
+    customTagPlaceholder = props.customTagPlaceholder,
+    dropdownSeparatorText = props.dropdownSeparatorText,
+    onTagListChange = props.onTagListChange,
+    useCustomTags = props.useCustomTags,
+    noItemMessage = props.noItemMessage,
+    showInput = props.showInput,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(tagList),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      tags = _useState2[0],
-      setTags = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      inputValue = _useState4[0],
-      setInputValue = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
   var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      currentSuggestions = _useState6[0],
-      setCurrentSuggestions = _useState6[1];
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    currentSuggestions = _useState6[0],
+    setCurrentSuggestions = _useState6[1];
+  var getSuggestions = buildSuggestions(useCustomTags, customTagPlaceholder, dropdownSeparatorText);
 
-  var getSuggestions = buildSuggestions(useCustomTags, customTagPlaceholder, dropdownSeparatorText); // Update internal list of tags when they change from the outside i.e. when they have been saved,
+  // Update internal list of tags when they change from the outside i.e. when they have been saved,
   // additionally, cleanup previous state for adding or removing tags
-
   (0, _react.useEffect)(function () {
     return setTags(tagList.map(cleanupTagState));
-  }, [tagList]); // build suggestion when passed tag suggestions passed change i.e. when a tag got selected and removed from the list
+  }, [tagList]);
 
+  // build suggestion when passed tag suggestions passed change i.e. when a tag got selected and removed from the list
   (0, _react.useEffect)(function () {
     return setCurrentSuggestions(getSuggestions(inputValue, tagSuggestions));
-  }, [tagSuggestions]); // build suggestions when input value change as it should filter the list on suggestions
+  }, [tagSuggestions]);
 
+  // build suggestions when input value change as it should filter the list on suggestions
   (0, _react.useEffect)(function () {
     var selectedTagNames = tags.map(function (tag) {
       return tag.label;
@@ -148,31 +119,25 @@ var TagManager = function TagManager(props) {
     var filteredList = filterSuggestions(tagSuggestions, selectedTagNames, value);
     setCurrentSuggestions(getSuggestions(value, filteredList));
   }, [tags, inputValue, tagSuggestions]);
-
   var updateTags = function updateTags(updatedTags) {
-    setTags(updatedTags); // Notify outside component
-
+    setTags(updatedTags);
+    // Notify outside component
     onTagListChange(updatedTags);
   };
-
   var handleSuggestionsChange = function handleSuggestionsChange(_ref) {
     var value = _ref.value;
     return setInputValue(value);
   };
-
   var handleSuggestionSelected = function handleSuggestionSelected(event, _ref2) {
     var suggestion = _ref2.suggestion;
     setInputValue('');
     var newSuggestion = getNewSuggestion(suggestion);
-
     if (hasTagAlreadySelected(tags, newSuggestion)) {
       updateTags((0, _toConsumableArray2["default"])(tags));
       return;
     }
-
     updateTags([].concat((0, _toConsumableArray2["default"])(tags), [newSuggestion]));
   };
-
   var updateTagsWithSelectedTag = function updateTagsWithSelectedTag(tagItems, selectedTag) {
     var updatedTags = tagItems.map(function (tag) {
       if ((0, _isEqual["default"])(tag.label, selectedTag.label)) {
@@ -183,12 +148,10 @@ var TagManager = function TagManager(props) {
           tag.toRemove = true;
         }
       }
-
       return tag;
     });
     return updatedTags;
   };
-
   var handleRemoveFromTagList = function handleRemoveFromTagList(selectedTag) {
     if (selectedTag.toAdd) {
       updateTags(tags.filter(function (tag) {
@@ -198,7 +161,6 @@ var TagManager = function TagManager(props) {
       updateTags(updateTagsWithSelectedTag(tags, selectedTag));
     }
   };
-
   var inputProps = {
     className: '',
     placeholder: placeholder || 'Start typing ...',
@@ -221,7 +183,6 @@ var TagManager = function TagManager(props) {
     onRemoveFromTagList: handleRemoveFromTagList
   }));
 };
-
 TagManager.defaultProps = {
   useCustomTags: true,
   showInput: true

package/lib/es/components/tagManager/TagManagerItemList.js

@@ -1,25 +1,18 @@
 "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 _TagList = _interopRequireDefault(require("../tag/TagList"));
-
 var _Tag = _interopRequireDefault(require("../tag/Tag"));
-
 var TagManagerItemList = function TagManagerItemList(props) {
   var tags = props.tags,
-      onRemoveFromTagList = props.onRemoveFromTagList;
+    onRemoveFromTagList = props.onRemoveFromTagList;
   return /*#__PURE__*/_react["default"].createElement(_TagList["default"], {
     inline: false
   }, tags.map(function (tag) {
@@ -35,7 +28,6 @@ var TagManagerItemList = function TagManagerItemList(props) {
     }, tag.label);
   }));
 };
-
 TagManagerItemList.defaultProps = {};
 TagManagerItemList.propTypes = {
   tags: _propTypes["default"].arrayOf(_propTypes["default"].shape({

package/lib/es/components/teaser/Teaser.js

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.placeholderImage3by2 = exports.placeholderImage3by1 = exports.placeholderImage1by1 = exports.placeholderImage16by9 = 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 _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; } }
-
 /* eslint-disable max-len */
 var placeholderImage1by1 = "\ndata:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAPoCAQAAADnqhxvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODSFLsnJ3AAAPvUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDgTLCM9BHrU/AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTExLTE1VDEzOjEzOjMzKzAxOjAwgedH5AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMS0xNVQxMzoxMzozMyswMTowMPC6/1gAAAAASUVORK5CYII=\n";
 exports.placeholderImage1by1 = placeholderImage1by1;
@@ -54,35 +39,26 @@ var IMG_1_BY_1 = '1:1';
 var IMG_3_BY_1 = '3:1';
 var IMG_3_BY_2 = '3:2';
 var IMG_16_BY_9 = '16:9';
-
 var Teaser = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Teaser, _Component);
-
   var _super = _createSuper(Teaser);
-
   function Teaser() {
     (0, _classCallCheck2["default"])(this, Teaser);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(Teaser, [{
     key: "getPlaceholder",
     value: function getPlaceholder() {
       var image = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       switch (image.aspectRatio) {
         case IMG_1_BY_1:
           return placeholderImage1by1;
-
         case IMG_3_BY_1:
           return placeholderImage3by1;
-
         case IMG_3_BY_2:
           return placeholderImage3by2;
-
         case IMG_16_BY_9:
           return placeholderImage16by9;
-
         default:
           return placeholderImage16by9;
       }
@@ -91,17 +67,13 @@ var Teaser = /*#__PURE__*/function (_Component) {
     key: "renderImage",
     value: function renderImage(image, columnWidth) {
       var specificClassNames;
-
       if (columnWidth === SEGMENTATION_100) {
         specificClassNames = (0, _classnames["default"])();
       } else {
         specificClassNames = (0, _classnames["default"])(image.align === LEFT && 'flex-order-1-sm padding-left-20-sm', image.align === RIGHT && 'flex-order-2-sm padding-right-20-sm', columnWidth === SEGMENTATION_50 && 'width-50pct-sm', columnWidth === SEGMENTATION_25_75 && 'width-50pct-sm width-75pct-lg', columnWidth === SEGMENTATION_75_25 && 'width-50pct-sm width-25pct-lg', columnWidth && 'padding-top-20-sm padding-bottom-20-sm');
       }
-
       var imageWrapperClassNames = (0, _classnames["default"])('teaser-image-wrapper', specificClassNames, image.className && image.className);
-
       var callback = image.onClick || function () {};
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: imageWrapperClassNames,
         onClick: callback
@@ -134,9 +106,7 @@ var Teaser = /*#__PURE__*/function (_Component) {
     key: "renderButton",
     value: function renderButton(button) {
       var buttonClassName = (0, _classnames["default"])('btn', button.bsStyle ? "btn-".concat(button.bsStyle) : 'btn-primary', button.className && button.className);
-
       var callback = button.onClick || function () {};
-
       return /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("button", {
         className: buttonClassName,
         onClick: callback
@@ -158,13 +128,13 @@ var Teaser = /*#__PURE__*/function (_Component) {
     key: "renderPanelBasedLayoutForSingleColumn",
     value: function renderPanelBasedLayoutForSingleColumn(wrapperName, alignmentClass) {
       var _this$props = this.props,
-          headline = _this$props.headline,
-          content = _this$props.content,
-          footer = _this$props.footer,
-          image = _this$props.image,
-          button = _this$props.button,
-          segmentation = _this$props.segmentation,
-          className = _this$props.className;
+        headline = _this$props.headline,
+        content = _this$props.content,
+        footer = _this$props.footer,
+        image = _this$props.image,
+        button = _this$props.button,
+        segmentation = _this$props.segmentation,
+        className = _this$props.className;
       var wrapperClassNames = (0, _classnames["default"])(wrapperName, 'panel', 'panel-default', 'panel-body', 'padding-20', 'margin-bottom-20', 'text-center', alignmentClass, className && className);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: wrapperClassNames
@@ -179,14 +149,15 @@ var Teaser = /*#__PURE__*/function (_Component) {
     key: "renderThumbnailBasedLayoutForMultipleSegmentsOrRows",
     value: function renderThumbnailBasedLayoutForMultipleSegmentsOrRows(wrapperName, alignmentClass) {
       var _this$props2 = this.props,
-          headline = _this$props2.headline,
-          content = _this$props2.content,
-          footer = _this$props2.footer,
-          image = _this$props2.image,
-          button = _this$props2.button,
-          segmentation = _this$props2.segmentation,
-          className = _this$props2.className;
-      var wrapperClassNames = (0, _classnames["default"])(wrapperName, 'thumbnail', 'display-flex-sm', !segmentation && 'flex-column height-100pct-sm', // only for multiple teasers in a row
+        headline = _this$props2.headline,
+        content = _this$props2.content,
+        footer = _this$props2.footer,
+        image = _this$props2.image,
+        button = _this$props2.button,
+        segmentation = _this$props2.segmentation,
+        className = _this$props2.className;
+      var wrapperClassNames = (0, _classnames["default"])(wrapperName, 'thumbnail', 'display-flex-sm', !segmentation && 'flex-column height-100pct-sm',
+      // only for multiple teasers in a row
       alignmentClass, className && className);
       var captionClassNames = this.getCaptionClassNames(image, segmentation);
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -199,22 +170,20 @@ var Teaser = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          segmentation = _this$props3.segmentation,
-          verticalAlignment = _this$props3.verticalAlignment;
+        segmentation = _this$props3.segmentation,
+        verticalAlignment = _this$props3.verticalAlignment;
       var wrapperName = 'teaser';
       var alignmentClass = this.getAlignmentClass(verticalAlignment);
-
       if (segmentation === SEGMENTATION_100) {
         return this.renderPanelBasedLayoutForSingleColumn(wrapperName, alignmentClass);
-      } // Thumbnail based layout for multiple segments or multiple teaser in a row
-
+      }
 
+      // Thumbnail based layout for multiple segments or multiple teaser in a row
       return this.renderThumbnailBasedLayoutForMultipleSegmentsOrRows(wrapperName, alignmentClass);
     }
   }]);
   return Teaser;
 }(_react.Component);
-
 exports["default"] = Teaser;
 Teaser.defaultProps = {
   verticalAlignment: TOP,

package/lib/es/components/teaser/TeaserContainer.js

@@ -1,54 +1,40 @@
 "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 getCridClasses = function getCridClasses(amount) {
   switch (amount) {
     case 1:
       return 'col-12';
-
     case 2:
       return 'col-12 col-sm-6';
-
     case 3:
       return 'col-12 col-md-4';
-
     case 4:
       return 'col-12 col-md-6 col-lg-3';
-
     case 6:
       return 'col-12 col-sm-4 col-lg-2';
-
     case 12:
       return 'col-12 col-sm-1';
-
     default:
       return 'col-12';
   }
 };
-
 var TeaserContainer = function TeaserContainer(props) {
   var rowClassNames = (0, _classnames["default"])('teaser-container', 'row', 'display-flex-sm flex-wrap-sm', props.className && props.className);
   var columnClassNames;
-
   if (props.teaserPerRow) {
     columnClassNames = "".concat(getCridClasses(props.teaserPerRow));
   } else {
     var childCount = props.children.length || 1;
     columnClassNames = (0, _classnames["default"])(getCridClasses(childCount));
   }
-
   var aggregartedColumnClassNames = (0, _classnames["default"])(columnClassNames, props.columnClassName && props.columnClassName);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: rowClassNames
@@ -58,7 +44,6 @@ var TeaserContainer = function TeaserContainer(props) {
     }, child);
   }));
 };
-
 TeaserContainer.defaultValue = {
   children: []
 };

package/lib/es/components/timepicker/TimePicker.js

@@ -1,112 +1,82 @@
 "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 _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _excluded = ["onChange", "value", "className", "alwaysShowMask", "showIcon", "inputProps"];
-
 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 MINUTES_OFFSET = 15;
 var mask = [/[0-2]/, /[0-9]/, ':', /[0-5]/, /[0-9]/];
 var fullRegexp = /^(?:\d|[01]\d|2[0-3]):[0-5]\d$/;
-
 var getPadded = function getPadded(value) {
   return value >= 10 ? value : "0".concat(value);
 };
-
 var formatTimeString = function formatTimeString(hours, minutes) {
   return "".concat(getPadded(hours), ":").concat(getPadded(minutes));
 };
-
 var roundedUp = function roundedUp(time, offset) {
   return Math.floor(time.minutes() / offset) * offset;
 };
-
 var getInitialTime = function getInitialTime() {
   var date = new Date();
   var hours = date.getHours();
   var minutes = date.getMinutes();
   return formatTimeString(hours, minutes);
 };
-
 var isTimeValid = function isTimeValid(value) {
   return fullRegexp.test(value);
 };
-
 var isControlledAndValid = function isControlledAndValid(value) {
   var hasExternalValue = !(0, _isNil["default"])(value);
   var isValid = (0, _isEmpty["default"])(value) || isTimeValid(value);
-
   if (hasExternalValue && !isValid) {
     throw Error('Wrong time format. Please pass in value with the following format: "hh:mm".');
   }
-
   return hasExternalValue && isValid;
 };
-
 var TimePicker = function TimePicker(props) {
   var onChange = props.onChange,
-      value = props.value,
-      className = props.className,
-      alwaysShowMask = props.alwaysShowMask,
-      showIcon = props.showIcon,
-      inputProps = props.inputProps,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    value = props.value,
+    className = props.className,
+    alwaysShowMask = props.alwaysShowMask,
+    showIcon = props.showIcon,
+    inputProps = props.inputProps,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var initialTime = isControlledAndValid(value) ? value : getInitialTime();
-
   var _useState = (0, _react.useState)(initialTime),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      timeValue = _useState2[0],
-      setTimeValue = _useState2[1]; // Update internal time value from outside when used as a controlled component
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    timeValue = _useState2[0],
+    setTimeValue = _useState2[1];
 
+  // Update internal time value from outside when used as a controlled component
   (0, _react.useEffect)(function () {
     if (isControlledAndValid(value)) {
       setTimeValue(value);
       onChange(value);
     }
   }, [value]);
-
   var handleChangeTime = function handleChangeTime(event) {
     var currentValue = event.target.value;
     setTimeValue(currentValue);
-
     if (fullRegexp.test(currentValue)) {
       onChange(currentValue);
     }
   };
-
   var isValid = isTimeValid(timeValue);
-
   var handleIncrease = function handleIncrease() {
     var time = (0, _moment["default"])("2020-01-01 ".concat(timeValue));
     var rounded = roundedUp(time, MINUTES_OFFSET);
@@ -116,7 +86,6 @@ var TimePicker = function TimePicker(props) {
     setTimeValue(updatedTimeValue);
     onChange(updatedTimeValue);
   };
-
   var handleDecrease = function handleDecrease() {
     var time = (0, _moment["default"])("2020-01-01 ".concat(timeValue));
     var rounded = roundedUp(time, MINUTES_OFFSET);
@@ -126,7 +95,6 @@ var TimePicker = function TimePicker(props) {
     setTimeValue(updatedTimeValue);
     onChange(updatedTimeValue);
   };
-
   var inputClassName = inputProps.className;
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: (0, _classnames["default"])('TimePicker', 'input-group', className)
@@ -155,7 +123,6 @@ var TimePicker = function TimePicker(props) {
     className: 'rioglyph rioglyph-chevron-right scale-90'
   }))));
 };
-
 TimePicker.defaultProps = {
   onChange: function onChange() {},
   alwaysShowMask: true,