@configuratorware/configurator-frontendgui 1.41.2 → 1.42.2

package/App/Modules/Designer/Components/ImageEditDialog/index.js

@@ -1,111 +1,61 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _i18n = require("../../../../../Framework/i18n");
-
-var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth/withWidth"));
-
+var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
 var _styles = require("@material-ui/core/styles");
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography/Typography"));
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
-
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup/RadioGroup"));
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel/FormControlLabel"));
-
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio/Radio"));
-
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl/FormControl"));
-
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon/Icon"));
-
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions/DialogActions"));
-
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent/DialogContent"));
-
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
 var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
-
 var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
-
 var _Loop = _interopRequireDefault(require("@material-ui/icons/Loop"));
-
 var _Colorize = _interopRequireDefault(require("@material-ui/icons/Colorize"));
-
 var _FormatPaint = _interopRequireDefault(require("@material-ui/icons/FormatPaint"));
-
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _PhotoLibrary = _interopRequireDefault(require("@material-ui/icons/PhotoLibrary"));
-
 var _AddBox = _interopRequireDefault(require("@material-ui/icons/AddBox"));
-
 var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));
-
 var _ArrowForwardIos = _interopRequireDefault(require("@material-ui/icons/ArrowForwardIos"));
-
 var _MainButton = _interopRequireDefault(require("../../../../../Shared/Components/MainButton"));
-
 var _AnalyticsWrapper = _interopRequireDefault(require("../../../../Shared/Components/Analytics/AnalyticsWrapper"));
-
 var _MessageBox = _interopRequireDefault(require("../../../../Shared/Components/MessageBox"));
-
 var _Dialog = _interopRequireDefault(require("../Dialog"));
-
 var _ImageColorPicker = _interopRequireDefault(require("../ImageColorPicker/ImageColorPicker"));
-
 var _ImageThumbnail = _interopRequireDefault(require("./ImageThumbnail"));
-
 var _baseline_colorize_black_24dp = _interopRequireDefault(require("./res/baseline_colorize_black_24dp.png"));
-
-var _checkers_tile = _interopRequireDefault(require("./res/checkers_tile.png"));
-
 var _Transformers = require("../../Utils/Transformers");
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var styles = function styles(theme) {
   var _dialogContent, _imageUploadSpacing, _TabContent, _imageEditDialogItem, _alignGrid, _rootContainerWrapper, _previewImageWrapper;
-
   return {
     dialogContent: (_dialogContent = {}, _defineProperty(_dialogContent, theme.breakpoints.down('md'), {
       marginBottom: 40,
@@ -239,7 +189,8 @@ var styles = function styles(theme) {
     previewImageWrapper: (_previewImageWrapper = {
       backgroundSize: '24px 24px',
       marginBottom: 82,
-      background: "#bebebe url(".concat(_checkers_tile["default"], ")"),
+      backgroundImage: 'linear-gradient(45deg, #F0F0F0 25%, transparent 25%), ' + 'linear-gradient(-45deg, #F0F0F0 25%, transparent 25%), ' + 'linear-gradient(45deg, transparent 75%, #F0F0F0 75%), ' + 'linear-gradient(-45deg, transparent 75%, #F0F0F0 75%)',
+      backgroundPosition: '0 0, 0 10px, 10px -10px, -10px 0px',
       display: 'flex',
       height: 360,
       width: 450,
@@ -354,125 +305,104 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
   _inherits(ImageEditDialog, _React$Component);
-
   var _super = _createSuper(ImageEditDialog);
-
   function ImageEditDialog(props) {
     var _this;
-
     _classCallCheck(this, ImageEditDialog);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "onChangeColor", function (color) {
       var _this$props = _this.props,
-          onChangeColor = _this$props.onChangeColor,
-          activeTabIndex = _this$props.activeTabIndex;
+        onChangeColor = _this$props.onChangeColor,
+        activeTabIndex = _this$props.activeTabIndex;
       onChangeColor && activeTabIndex === 1 && onChangeColor(color);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onActiveTabChange", function (e, newActiveTabIndex) {
       var onActiveTabChange = _this.props.onActiveTabChange;
       onActiveTabChange && onActiveTabChange(newActiveTabIndex);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onSelectedBackgroundChange", function (e, value) {
       var changeSelectedBackground = _this.props.changeSelectedBackground;
       var selectedBackground = value ? 'replace' : null;
       changeSelectedBackground && changeSelectedBackground(selectedBackground);
     });
-
     _defineProperty(_assertThisInitialized(_this), "changeSelectedBackground", function (e, value) {
       var changeSelectedBackground = _this.props.changeSelectedBackground;
       changeSelectedBackground && changeSelectedBackground(value);
     });
-
     _defineProperty(_assertThisInitialized(_this), "setUserImagesIndexPrev", function () {
       var userImagesIndex = _this.state.userImagesIndex;
       var newIndex = userImagesIndex - 1;
-
       if (newIndex < 0) {
         return;
       }
-
       _this.setState({
         userImagesIndex: newIndex
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "setUserImagesIndexNext", function () {
       var userImages = _this.props.userImages;
       var userImagesIndex = _this.state.userImagesIndex;
       var newIndex = userImagesIndex + 1;
       var lastAvailableIndex = userImages.length - 3;
-
       if (newIndex > lastAvailableIndex) {
         return;
       }
-
       _this.setState({
         userImagesIndex: newIndex
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getWarningMessageText", function () {
       return (0, _i18n.t)('imageEditDialog.warningMessage');
     });
-
     _defineProperty(_assertThisInitialized(_this), "galleryClick", function () {
       var onGalleryClick = _this.props.onGalleryClick;
       onGalleryClick && onGalleryClick();
     });
-
     _this.state = {
       userImagesIndex: 0
     };
     return _this;
   }
-
   _createClass(ImageEditDialog, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          backgroundSelected = _this$props2.backgroundSelected,
-          preview = _this$props2.preview,
-          errorFeedback = _this$props2.errorFeedback,
-          open = _this$props2.open,
-          closePreviewDialog = _this$props2.closePreviewDialog,
-          continueClick = _this$props2.continueClick,
-          loaderComponent = _this$props2.loaderComponent,
-          colorPickerEnabled = _this$props2.colorPickerEnabled,
-          imageColorizeElement = _this$props2.imageColorizeElement,
-          activeTabIndex = _this$props2.activeTabIndex,
-          width = _this$props2.width,
-          colorDisabled = _this$props2.colorDisabled,
-          image = _this$props2.image,
-          userImages = _this$props2.userImages,
-          galleryHasImages = _this$props2.galleryHasImages,
-          showWarningMessage = _this$props2.showWarningMessage,
-          displayColorPreview = _this$props2.displayColorPreview,
-          onOriginalImageAndColorPreviewToggleClick = _this$props2.onOriginalImageAndColorPreviewToggleClick,
-          originalImagePreview = _this$props2.originalImagePreview,
-          embroideryNoticeRef = _this$props2.embroideryNoticeRef,
-          colorPreviewBlockActive = _this$props2.colorPreviewBlockActive,
-          colorPreviewRequirementFulfilled = _this$props2.colorPreviewRequirementFulfilled,
-          uploadDisabled = _this$props2.uploadDisabled,
-          imageUploadElement = _this$props2.imageUploadElement,
-          onNewUploadClick = _this$props2.onNewUploadClick,
-          uploadImage = _this$props2.uploadImage,
-          selectUserImage = _this$props2.selectUserImage,
-          showUploadPanel = _this$props2.showUploadPanel;
+        classes = _this$props2.classes,
+        backgroundSelected = _this$props2.backgroundSelected,
+        preview = _this$props2.preview,
+        errorFeedback = _this$props2.errorFeedback,
+        open = _this$props2.open,
+        closePreviewDialog = _this$props2.closePreviewDialog,
+        continueClick = _this$props2.continueClick,
+        loaderComponent = _this$props2.loaderComponent,
+        colorPickerEnabled = _this$props2.colorPickerEnabled,
+        imageColorizeElement = _this$props2.imageColorizeElement,
+        activeTabIndex = _this$props2.activeTabIndex,
+        width = _this$props2.width,
+        colorDisabled = _this$props2.colorDisabled,
+        image = _this$props2.image,
+        userImages = _this$props2.userImages,
+        galleryHasImages = _this$props2.galleryHasImages,
+        showWarningMessage = _this$props2.showWarningMessage,
+        displayColorPreview = _this$props2.displayColorPreview,
+        onOriginalImageAndColorPreviewToggleClick = _this$props2.onOriginalImageAndColorPreviewToggleClick,
+        originalImagePreview = _this$props2.originalImagePreview,
+        embroideryNoticeRef = _this$props2.embroideryNoticeRef,
+        colorPreviewBlockActive = _this$props2.colorPreviewBlockActive,
+        colorPreviewRequirementFulfilled = _this$props2.colorPreviewRequirementFulfilled,
+        uploadDisabled = _this$props2.uploadDisabled,
+        imageUploadElement = _this$props2.imageUploadElement,
+        onNewUploadClick = _this$props2.onNewUploadClick,
+        uploadImage = _this$props2.uploadImage,
+        selectUserImage = _this$props2.selectUserImage,
+        showUploadPanel = _this$props2.showUploadPanel;
       var userImagesIndex = this.state.userImagesIndex;
       var userImagesIndexes = [];
-
       for (var i = userImagesIndex; i < userImages.length && i < userImagesIndex + 3; i++) {
         userImagesIndexes.push(i);
       }
-
       var showNewUploadArea = showUploadPanel || !image;
       var colorPreviewErrorContainer = classes.colorPreviewToggleContainer + ' ' + classes.errorContainer;
       return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
@@ -668,51 +598,8 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
       }, (0, _i18n.t)('fileUpload.continue'))));
     }
   }]);
-
   return ImageEditDialog;
 }(_react["default"].Component);
-
-_defineProperty(ImageEditDialog, "propTypes", {
-  classes: _propTypes["default"].object,
-  width: _propTypes["default"].string,
-  backgroundSelected: _propTypes["default"].string,
-  changeSelectedBackground: _propTypes["default"].func,
-  preview: _propTypes["default"].string,
-  open: _propTypes["default"].bool,
-  closePreviewDialog: _propTypes["default"].func,
-  continueClick: _propTypes["default"].func,
-  onChangeColor: _propTypes["default"].func,
-  colorPickerEnabled: _propTypes["default"].bool,
-  imageColorizeElement: _propTypes["default"].element,
-  activeTabIndex: _propTypes["default"].number,
-  onActiveTabChange: _propTypes["default"].func,
-  colorDisabled: _propTypes["default"].bool,
-  errorFeedback: _propTypes["default"].element,
-  loaderComponent: _propTypes["default"].element,
-  continueButtonDisabled: _propTypes["default"].bool,
-  image: _propTypes["default"].object,
-  userImages: _propTypes["default"].array,
-  setSelectedImage: _propTypes["default"].func.isRequired,
-  onGalleryClick: _propTypes["default"].func,
-  galleryHasImages: _propTypes["default"].bool,
-  showWarningMessage: _propTypes["default"].bool,
-  displayColorPreview: _propTypes["default"].bool,
-  onOriginalImageAndColorPreviewToggleClick: _propTypes["default"].func,
-  originalImagePreview: _propTypes["default"].string,
-  embroideryNoticeRef: _propTypes["default"].object,
-  colorPreviewBlockActive: _propTypes["default"].bool.isRequired,
-  colorPreviewRequirementFulfilled: _propTypes["default"].bool.isRequired,
-  showUploadPanel: _propTypes["default"].bool.isRequired,
-  uploadDisabled: _propTypes["default"].bool.isRequired,
-  setUpload: _propTypes["default"].func.isRequired,
-  imageUploadElement: _propTypes["default"].element,
-  onNewUploadClick: _propTypes["default"].func.isRequired,
-  uploadImage: _propTypes["default"].func.isRequired,
-  selectUserImage: _propTypes["default"].func.isRequired
-});
-
-var _default = (0, _styles.withStyles)(styles, {
+var _default = exports["default"] = (0, _styles.withStyles)(styles, {
   name: 'ImageEditDialog'
-})((0, _withWidth["default"])()(ImageEditDialog));
-
-exports["default"] = _default;
+})((0, _withWidth["default"])()(ImageEditDialog));

package/App/Modules/Designer/Components/ImageLibraryFilter/index.js

@@ -4,49 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Index = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _i18n = require("../../../../../Framework/i18n");
-
-var _lodash = require("lodash");
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox/Checkbox"));
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel/FormControlLabel"));
-
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon/Icon"));
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button/Button"));
-
-var _Popover = _interopRequireDefault(require("@material-ui/core/Popover/Popover"));
-
+var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Popover = _interopRequireDefault(require("@material-ui/core/Popover"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var styles = function styles() {
   return {
     ImageLibraryCheckboxRoot: {
@@ -74,30 +52,24 @@ var styles = function styles() {
     }
   };
 };
-
-var Index = function Index(_ref) {
+var Index = exports.Index = function Index(_ref) {
   var tags = _ref.tags,
-      classes = _ref.classes,
-      applyFilter = _ref.applyFilter;
-
+    classes = _ref.classes,
+    applyFilter = _ref.applyFilter;
   var _React$useState = _react["default"].useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      anchorElement = _React$useState2[0],
-      setAnchorElement = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorElement = _React$useState2[0],
+    setAnchorElement = _React$useState2[1];
   var _React$useState3 = _react["default"].useState(tags || []),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      filterTags = _React$useState4[0],
-      setFilteredTags = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    filterTags = _React$useState4[0],
+    setFilteredTags = _React$useState4[1];
   var handleClick = function handleClick(event) {
     setAnchorElement(event.currentTarget);
   };
-
   var handleClose = function handleClose() {
     setAnchorElement(null);
   };
-
   var onSelectTag = function onSelectTag(tag) {
     return function (event) {
       var index = filterTags.findIndex(function (elem) {
@@ -110,15 +82,12 @@ var Index = function Index(_ref) {
       setFilteredTags(newTags);
     };
   };
-
   var onApplyFilter = function onApplyFilter() {
-    if ((0, _lodash.isFunction)(applyFilter)) {
+    if ((0, _isFunction["default"])(applyFilter)) {
       applyFilter(filterTags);
     }
-
     handleClose();
   };
-
   var open = Boolean(anchorElement);
   var id = open ? 'filter-popover' : undefined;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -164,16 +133,6 @@ var Index = function Index(_ref) {
     className: classes.applyFilterButton
   }, (0, _i18n.t)('imageLibrary.applyFilter')))));
 };
-
-exports.Index = Index;
-
-var _default = (0, _styles.withStyles)(styles, {
+var _default = exports["default"] = (0, _styles.withStyles)(styles, {
   name: 'Index'
-})(Index);
-
-exports["default"] = _default;
-Index.propTypes = {
-  tags: _propTypes["default"].array,
-  classes: _propTypes["default"].object,
-  applyFilter: _propTypes["default"].func
-};
+})(Index);