@dreamcommerce/aurora 2.16.2 → 2.16.4

package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index$1 = require('../../stack/index.js');
-var reactTransitionGroup = require('react-transition-group');
 var icon_close = require('../../../assets/icon_close.js');
+var reactTransitionGroup = require('react-transition-group');
 var main_module = require('../../../css/flash_message/main.module.less.js');
 var context = require('../context.js');
 var index = require('../../message-box/index.js');
@@ -14,22 +14,42 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FlashMessage = ({ message }) => {
-    const { removeMessage, hideMessage } = context.useFlashMessenger();
-    React.useEffect(() => {
-        setTimeout(() => {
-            hideMessage(message.id);
-        }, message.timeout || 3000);
-    }, []);
-    return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 250, in: message.isVisible, onExited: () => removeMessage(message.id), classNames: {
-            enter: main_module['default']['flash-messenger__list_enter'],
-            exitDone: main_module['default']['flash-messenger__list_exit-done'],
-            exitActive: main_module['default']['flash-messenger__list_exit-active']
-        } },
-        React__default['default'].createElement(index['default'], { type: message.type, className: `${main_module['default']['flash-messenger__message']} ${main_module['default']['flash-messenger__list-item']}` },
-            React__default['default'].createElement(index$1['default'], { spacing: 8, align: "center", justify: "space-between" },
-                React__default['default'].createElement("div", null, message.content),
-                React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] })))));
+var FlashMessage = function FlashMessage(_ref) {
+  var message = _ref.message;
+
+  var _useFlashMessenger = context.useFlashMessenger(),
+      removeMessage = _useFlashMessenger.removeMessage,
+      hideMessage = _useFlashMessenger.hideMessage;
+
+  React.useEffect(function () {
+    setTimeout(function () {
+      hideMessage(message.id);
+    }, message.timeout || 3000);
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+    timeout: 250,
+    in: message.isVisible,
+    onExited: function onExited() {
+      return removeMessage(message.id);
+    },
+    classNames: {
+      enter: main_module['default']['flash-messenger__list_enter'],
+      exitDone: main_module['default']['flash-messenger__list_exit-done'],
+      exitActive: main_module['default']['flash-messenger__list_exit-active']
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
+    type: message.type,
+    className: "".concat(main_module['default']['flash-messenger__message'], " ").concat(main_module['default']['flash-messenger__list-item'])
+  }, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+    spacing: 8,
+    align: "center",
+    justify: "space-between"
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, message.content), /*#__PURE__*/React__default['default'].createElement(icon_close['default'], {
+    onClick: function onClick() {
+      return hideMessage(message.id);
+    },
+    className: main_module['default']['flash-messenger__icon-close']
+  }))));
 };
 
 exports.default = FlashMessage;

package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_messages_list.js

@@ -11,12 +11,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FlashMessagesList = ({ messages }) => (React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { className: main_module['default']['flash-messenger'] }, messages.map((message) => (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
-        enter: main_module['default']['flash-messenger__list_enter'],
-        exitDone: main_module['default']['flash-messenger__list_exit-done'],
-        exitActive: main_module['default']['flash-messenger__list_exit-active']
-    } },
-    React__default['default'].createElement(flash_message['default'], { message: message, key: message.id }))))));
+var FlashMessagesList = function FlashMessagesList(_ref) {
+  var messages = _ref.messages;
+  return /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.TransitionGroup, {
+    className: main_module['default']['flash-messenger']
+  }, messages.map(function (message) {
+    return /*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+      timeout: 500,
+      key: message.id,
+      in: !!message,
+      classNames: {
+        enter: main_module['default']['flash-messenger__list_enter'],
+        exitDone: main_module['default']['flash-messenger__list_exit-done'],
+        exitActive: main_module['default']['flash-messenger__list_exit-active']
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(flash_message['default'], {
+      message: message,
+      key: message.id
+    }));
+  }));
+};
 
 exports.default = FlashMessagesList;
 //# sourceMappingURL=flash_messages_list.js.map

package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_messages_list.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/flash_messenger/context.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const FlashMessengerContext = React.createContext(null);
-const useFlashMessenger = () => {
-    const context = React.useContext(FlashMessengerContext);
-    if (context === null) {
-        throw 'FlashMessengerContext is not provided';
-    }
-    return context;
+var FlashMessengerContext = /*#__PURE__*/React.createContext(null);
+var useFlashMessenger = function useFlashMessenger() {
+  var context = React.useContext(FlashMessengerContext);
+
+  if (context === null) {
+    throw 'FlashMessengerContext is not provided';
+  }
+
+  return context;
 };
 
 exports.FlashMessengerContext = FlashMessengerContext;

package/build/cjs/packages/aurora/src/components/flash_messenger/context.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/flash_messenger/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('./context.js');
 var flash_messages_list = require('./components/flash_messages_list.js');
 
@@ -10,38 +11,69 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FlashMessenger = ({ children }) => {
-    const [messages, setMessages] = React.useState([]);
-    const [messageCounter, setMessageCounter] = React.useState(0);
-    const addMessage = ({ content, type, timeout }) => {
-        setMessageCounter((i) => i + 1);
-        setMessages((prevMessages) => [
-            {
-                content,
-                type,
-                timeout,
-                id: `flash-message-${messageCounter}`,
-                isVisible: true
-            },
-            ...prevMessages
-        ]);
-    };
-    const removeMessage = (messageId) => {
-        setMessages((prevMessages) => prevMessages.filter(({ id }) => id !== messageId));
-    };
-    const hideMessage = (messageId) => {
-        setMessages((prevMessages) => {
-            return prevMessages.reduce((memo, prevMessage) => {
-                if (prevMessage.id === messageId) {
-                    return [...memo, { ...prevMessage, isVisible: false }];
-                }
-                return [...memo, prevMessage];
-            }, []);
-        });
-    };
-    return (React__default['default'].createElement(context.FlashMessengerContext.Provider, { value: { addMessage, removeMessage, hideMessage } },
-        children,
-        React__default['default'].createElement(flash_messages_list['default'], { messages: messages })));
+var FlashMessenger = function FlashMessenger(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState([]),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      messages = _useState2[0],
+      setMessages = _useState2[1];
+
+  var _useState3 = React.useState(0),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      messageCounter = _useState4[0],
+      setMessageCounter = _useState4[1];
+
+  var addMessage = function addMessage(_ref2) {
+    var content = _ref2.content,
+        type = _ref2.type,
+        timeout = _ref2.timeout;
+    setMessageCounter(function (i) {
+      return i + 1;
+    });
+    setMessages(function (prevMessages) {
+      return [{
+        content: content,
+        type: type,
+        timeout: timeout,
+        id: "flash-message-".concat(messageCounter),
+        isVisible: true
+      }].concat(_rollupPluginBabelHelpers.toConsumableArray(prevMessages));
+    });
+  };
+
+  var removeMessage = function removeMessage(messageId) {
+    setMessages(function (prevMessages) {
+      return prevMessages.filter(function (_ref3) {
+        var id = _ref3.id;
+        return id !== messageId;
+      });
+    });
+  };
+
+  var hideMessage = function hideMessage(messageId) {
+    setMessages(function (prevMessages) {
+      return prevMessages.reduce(function (memo, prevMessage) {
+        if (prevMessage.id === messageId) {
+          return [].concat(_rollupPluginBabelHelpers.toConsumableArray(memo), [_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevMessage), {}, {
+            isVisible: false
+          })]);
+        }
+
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(memo), [prevMessage]);
+      }, []);
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(context.FlashMessengerContext.Provider, {
+    value: {
+      addMessage: addMessage,
+      removeMessage: removeMessage,
+      hideMessage: hideMessage
+    }
+  }, children, /*#__PURE__*/React__default['default'].createElement(flash_messages_list['default'], {
+    messages: messages
+  }));
 };
 
 exports.default = FlashMessenger;

package/build/cjs/packages/aurora/src/components/flash_messenger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/gallery/constants.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const GALLERY_MODE = {
-    maxImage: 'maxImage',
-    shortestEdge: 'shortestEdge',
-    fullScreen: 'fullScreen'
-};
-const JS_CLASSES = {
-    newGallery: 'js__gallery_new',
-    anchorImage: 'js__gallery-anchor-image',
-    image: 'js__gallery-image',
-    selectedImageNumber: 'js__gallery-selected-image-number',
-    imageDescription: 'js__gallery-image-description',
-    previous: 'js__gallery-previous',
-    next: 'js__gallery-next',
-    images: 'js__gallery-images',
-    imagesContainer: 'js__gallery-images-container',
-    copyLinkButton: 'js__gallery-copy-link',
-    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',
-    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
-    close: ''
-};
-const DIMENSIONS_TYPE = {
-    initial: 'initial',
-    real: 'real'
+var GALLERY_MODE = {
+  maxImage: 'maxImage',
+  shortestEdge: 'shortestEdge',
+  fullScreen: 'fullScreen'
+};
+var JS_CLASSES = {
+  newGallery: 'js__gallery_new',
+  anchorImage: 'js__gallery-anchor-image',
+  image: 'js__gallery-image',
+  selectedImageNumber: 'js__gallery-selected-image-number',
+  imageDescription: 'js__gallery-image-description',
+  previous: 'js__gallery-previous',
+  next: 'js__gallery-next',
+  images: 'js__gallery-images',
+  imagesContainer: 'js__gallery-images-container',
+  copyLinkButton: 'js__gallery-copy-link',
+  firstTemporaryContainer: 'js__gallery-temporary-image-container_first',
+  lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
+  close: ''
+};
+var DIMENSIONS_TYPE = {
+  initial: 'initial',
+  real: 'real'
 };
 
 exports.DIMENSIONS_TYPE = DIMENSIONS_TYPE;

package/build/cjs/packages/aurora/src/components/gallery/css_classes.js

@@ -2,39 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cssGallery = 'gallery';
-const cssGalleryMobile = `${cssGallery}_mobile`;
-const cssGalleryBar = `${cssGallery}-bar`;
-const cssGalleryBarImageNumbers = `${cssGalleryBar}__image-numbers`;
-const cssGalleryBarImageDescription = `${cssGalleryBar}__image-description`;
-const cssGalleryBarCopyLink = `${cssGalleryBar}__copy-link`;
-const cssGalleryBarCopyLinkConfirmation = `${cssGalleryBarCopyLink}_confirmation`;
-const cssGalleryBarCopyLinkConfirmationText = `${cssGalleryBarCopyLink}_confirmation-text`;
-const cssGalleryBarImageClose = `${cssGalleryBar}__image-close`;
-const cssGalleryImages = `${cssGallery}__images`;
-const cssGalleryImagesWithTransition = `${cssGallery}__images_with-transition`;
-const cssGalleryImagesContainer = `${cssGalleryImages}-container`;
-const cssGalleryImage = `${cssGallery}__image`;
-const cssGalleryImageContainer = `${cssGalleryImage}-container`;
-const cssGalleryImageAdjusted = `${cssGalleryImage}_adjusted`;
-const cssGalleryImageMaxWidth = `${cssGalleryImage}_max-width`;
-const cssGalleryImageMaxHeight = `${cssGalleryImage}_max-height`;
-const cssIcon = 'icon';
-const cssIconArrow = `${cssIcon}-arrow`;
-const cssIconArrowContainer = `${cssIconArrow}-container`;
-const cssIconArrowContainerPrevious = `${cssIconArrowContainer}_previous`;
-const cssIconArrowContainerNext = `${cssIconArrowContainer}_next`;
-const cssIconArrowRotate180 = `${cssIconArrow}_rotate-180`;
-const cssIconClose = `${cssIcon}-close`;
-const cssIconLink = `${cssIcon}-link`;
-const cssIconSuccess = `${cssIcon}-success`;
-const cssLoaderMask = 'loader__mask';
-const cssHide = 'hide';
-const cssHideMobile = 'hide_mobile';
-const cssHideDesktop = 'hide_desktop';
-const cssZoomIn = 'zoom-in';
-const cssZoomOut = 'zoom-out';
-const cssGrabbing = 'grabbing';
+var cssGallery = 'gallery';
+var cssGalleryMobile = "".concat(cssGallery, "_mobile");
+var cssGalleryBar = "".concat(cssGallery, "-bar");
+var cssGalleryBarImageNumbers = "".concat(cssGalleryBar, "__image-numbers");
+var cssGalleryBarImageDescription = "".concat(cssGalleryBar, "__image-description");
+var cssGalleryBarCopyLink = "".concat(cssGalleryBar, "__copy-link");
+var cssGalleryBarCopyLinkConfirmation = "".concat(cssGalleryBarCopyLink, "_confirmation");
+var cssGalleryBarCopyLinkConfirmationText = "".concat(cssGalleryBarCopyLink, "_confirmation-text");
+var cssGalleryBarImageClose = "".concat(cssGalleryBar, "__image-close");
+var cssGalleryImages = "".concat(cssGallery, "__images");
+var cssGalleryImagesWithTransition = "".concat(cssGallery, "__images_with-transition");
+var cssGalleryImagesContainer = "".concat(cssGalleryImages, "-container");
+var cssGalleryImage = "".concat(cssGallery, "__image");
+var cssGalleryImageContainer = "".concat(cssGalleryImage, "-container");
+var cssGalleryImageAdjusted = "".concat(cssGalleryImage, "_adjusted");
+var cssGalleryImageMaxWidth = "".concat(cssGalleryImage, "_max-width");
+var cssGalleryImageMaxHeight = "".concat(cssGalleryImage, "_max-height");
+var cssIcon = 'icon';
+var cssIconArrow = "".concat(cssIcon, "-arrow");
+var cssIconArrowContainer = "".concat(cssIconArrow, "-container");
+var cssIconArrowContainerPrevious = "".concat(cssIconArrowContainer, "_previous");
+var cssIconArrowContainerNext = "".concat(cssIconArrowContainer, "_next");
+var cssIconArrowRotate180 = "".concat(cssIconArrow, "_rotate-180");
+var cssIconClose = "".concat(cssIcon, "-close");
+var cssIconLink = "".concat(cssIcon, "-link");
+var cssIconSuccess = "".concat(cssIcon, "-success");
+var cssLoaderMask = 'loader__mask';
+var cssHide = 'hide';
+var cssHideMobile = 'hide_mobile';
+var cssHideDesktop = 'hide_desktop';
+var cssZoomIn = 'zoom-in';
+var cssZoomOut = 'zoom-out';
+var cssGrabbing = 'grabbing';
 
 exports.cssGallery = cssGallery;
 exports.cssGalleryBar = cssGalleryBar;