@dreamcommerce/aurora 0.3.4-161 → 0.3.4-165

package/build/esm/src/components/flash_messenger/components/flash_message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flash_message.js","sources":["../../../../../../src/components/flash_messenger/components/flash_message.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cssClasses from '@css/flash_message/main.module.less';\nimport { IFlashMessage } from '../types';\nimport { useFlashMessenger } from '../context';\nimport MessageBox from '@components/message-box';\nimport IconClose from '@assets/icon_close';\nimport Grid from '@components/grid';\n\nconst FlashMessage: React.FC<IFlashMessage> = ({ message }) => {\n    const { removeMessage, hideMessage } = useFlashMessenger();\n\n    useEffect(() => {\n        setTimeout(() => {\n            hideMessage(message.id);\n        }, message.timeout || 3000);\n    }, []);\n\n    return (\n        <CSSTransition\n            timeout={250}\n            in={message.isVisible}\n            onExited={() => removeMessage(message.id)}\n            classNames={{\n                enter: cssClasses['flash-messenger__list_enter'],\n                exitDone: cssClasses['flash-messenger__list_exit-done'],\n                exitActive: cssClasses['flash-messenger__list_exit-active'],\n            }}\n        >\n            <MessageBox type={message.type} className={`${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}`}>\n                <Grid size=\"full\">\n                    <Grid.Row>\n                        <Grid.Col auto=\"grow\">\n                            <div>{message.content}</div>\n                        </Grid.Col>\n                        <Grid.Col auto=\"auto\">\n                            <IconClose onClick={() => hideMessage(message.id)} className={cssClasses['flash-messenger__icon-close']} />\n                        </Grid.Col>\n                    </Grid.Row>\n                </Grid>\n            </MessageBox>\n        </CSSTransition>\n    );\n};\n\nexport default FlashMessage;\n"],"names":[],"mappings":";;;;;;;;IASM,YAAY,GAA4B,UAAC,EAAW;QAAT,oBAAO;IAC9C,IAAA,wBAAoD,EAAlD,gCAAa,EAAE,4BAAmC,CAAC;IAE3D,SAAS,CAAC;QACN,UAAU,CAAC;YACP,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;SAC3B,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;KAC/B,EAAE,EAAE,CAAC,CAAC;IAEP,QACI,oBAAC,aAAa,IACV,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,OAAO,CAAC,SAAS,EACrB,QAAQ,EAAE,cAAM,OAAA,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,GAAA,EACzC,UAAU,EAAE;YACR,KAAK,EAAE,UAAU,CAAC,6BAA6B,CAAC;YAChD,QAAQ,EAAE,UAAU,CAAC,iCAAiC,CAAC;YACvD,UAAU,EAAE,UAAU,CAAC,mCAAmC,CAAC;SAC9D;QAED,oBAAC,UAAU,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAK,UAAU,CAAC,0BAA0B,CAAC,SAAI,UAAU,CAAC,4BAA4B,CAAG;YAC9H,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM;gBACb,oBAAC,IAAI,CAAC,GAAG;oBACL,oBAAC,IAAI,CAAC,GAAG,IAAC,IAAI,EAAC,MAAM;wBACjB,iCAAM,OAAO,CAAC,OAAO,CAAO,CACrB;oBACX,oBAAC,IAAI,CAAC,GAAG,IAAC,IAAI,EAAC,MAAM;wBACjB,oBAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,GAAA,EAAE,SAAS,EAAE,UAAU,CAAC,6BAA6B,CAAC,GAAI,CACpG,CACJ,CACR,CACE,CACD,EAClB;AACN;;;;"}

package/build/esm/src/components/flash_messenger/components/flash_messages_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flash_messages_list.js","sources":["../../../../../../src/components/flash_messenger/components/flash_messages_list.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/flash_message/main.module.less';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport FlashMessage from '@components/flash_messenger/components/flash_message';\nimport { IFlashMessagesList } from '@components/flash_messenger/types';\n\nconst FlashMessagesList: React.FC<IFlashMessagesList> = ({ messages }) => (\n    <TransitionGroup className={cssClasses['flash-messenger']}>\n        {messages.map((message) => (\n            <CSSTransition\n                timeout={500}\n                key={message.id}\n                in={!!message}\n                classNames={{\n                    enter: cssClasses['flash-messenger__list_enter'],\n                    exitDone: cssClasses['flash-messenger__list_exit-done'],\n                    exitActive: cssClasses['flash-messenger__list_exit-active'],\n                }}\n            >\n                <FlashMessage message={message} key={message.id} />\n            </CSSTransition>\n        ))}\n    </TransitionGroup>\n);\n\nexport default FlashMessagesList;\n"],"names":[],"mappings":";;;;;IAMM,iBAAiB,GAAiC,UAAC,EAAY;QAAV,sBAAQ;IAAO,QACtE,oBAAC,eAAe,IAAC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,IACpD,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,QACvB,oBAAC,aAAa,IACV,OAAO,EAAE,GAAG,EACZ,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,UAAU,EAAE;YACR,KAAK,EAAE,UAAU,CAAC,6BAA6B,CAAC;YAChD,QAAQ,EAAE,UAAU,CAAC,iCAAiC,CAAC;YACvD,UAAU,EAAE,UAAU,CAAC,mCAAmC,CAAC;SAC9D;QAED,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAI,CACvC,IACnB,CAAC,CACY;AAhBoD;;;;"}

package/build/esm/src/components/flash_messenger/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../src/components/flash_messenger/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { IFlashMessengerContext } from './types';\n\nexport const FlashMessengerContext = createContext<IFlashMessengerContext | null>(null);\n\nexport const useFlashMessenger: () => IFlashMessengerContext = () => {\n    const context = useContext(FlashMessengerContext);\n\n    if (context === null) {\n        throw 'FlashMessengerContext is not provided';\n    }\n\n    return context;\n};\n"],"names":[],"mappings":";;IAIa,qBAAqB,GAAG,aAAa,CAAgC,IAAI,EAAE;IAE3E,iBAAiB,GAAiC;IAC3D,IAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,OAAO,KAAK,IAAI,EAAE;QAClB,MAAM,uCAAuC,CAAC;KACjD;IAED,OAAO,OAAO,CAAC;AACnB;;;;"}

package/build/esm/src/components/flash_messenger/index.js

@@ -0,0 +1,45 @@
+import React, { useState } from 'react';
+import { __spreadArrays, __assign } from '../../../_virtual/_tslib.js';
+import { FlashMessengerContext } from './context.js';
+import FlashMessagesList from './components/flash_messages_list.js';
+
+var FlashMessenger = function (_a) {
+    var children = _a.children;
+    var _b = useState([]), messages = _b[0], setMessages = _b[1];
+    var _c = useState(0), messageCounter = _c[0], setMessageCounter = _c[1];
+    var addMessage = function (_a) {
+        var content = _a.content, type = _a.type, timeout = _a.timeout;
+        setMessageCounter(function (i) { return i + 1; });
+        setMessages(function (prevMessages) { return __spreadArrays([
+            {
+                content: content,
+                type: type,
+                timeout: timeout,
+                id: "flash-message-" + messageCounter,
+                isVisible: true,
+            }
+        ], prevMessages); });
+    };
+    var removeMessage = function (messageId) {
+        setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
+            var id = _a.id;
+            return id !== messageId;
+        }); });
+    };
+    var hideMessage = function (messageId) {
+        setMessages(function (prevMessages) {
+            return prevMessages.reduce(function (memo, prevMessage) {
+                if (prevMessage.id === messageId) {
+                    return __spreadArrays(memo, [__assign(__assign({}, prevMessage), { isVisible: false })]);
+                }
+                return __spreadArrays(memo, [prevMessage]);
+            }, []);
+        });
+    };
+    return (React.createElement(FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
+        children,
+        React.createElement(FlashMessagesList, { messages: messages })));
+};
+
+export default FlashMessenger;
+//# sourceMappingURL=index.js.map

package/build/esm/src/components/flash_messenger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/flash_messenger/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FlashMessengerContext } from './context';\nimport { TFlashMessage, TFlashMessageExtended } from '@components/flash_messenger/types';\nimport FlashMessagesList from '@components/flash_messenger/components/flash_messages_list';\n\nconst FlashMessenger: React.FC = ({ children }) => {\n    const [messages, setMessages] = useState<TFlashMessageExtended[]>([]);\n    const [messageCounter, setMessageCounter] = useState(0);\n\n    const addMessage = ({ content, type, timeout }: TFlashMessage) => {\n        setMessageCounter((i) => i + 1);\n\n        setMessages((prevMessages) => [\n            {\n                content,\n                type,\n                timeout,\n                id: `flash-message-${messageCounter}`,\n                isVisible: true,\n            },\n            ...prevMessages,\n        ]);\n    };\n\n    const removeMessage = (messageId: string) => {\n        setMessages((prevMessages) => prevMessages.filter(({ id }) => id !== messageId));\n    };\n\n    const hideMessage = (messageId: string) => {\n        setMessages((prevMessages) => {\n            return prevMessages.reduce((memo, prevMessage) => {\n                if (prevMessage.id === messageId) {\n                    return [...memo, { ...prevMessage, isVisible: false }];\n                }\n                return [...memo, prevMessage];\n            }, []);\n        });\n    };\n\n    return (\n        <FlashMessengerContext.Provider value={{ addMessage, removeMessage, hideMessage }}>\n            {children}\n            <FlashMessagesList messages={messages} />\n        </FlashMessengerContext.Provider>\n    );\n};\n\nexport default FlashMessenger;\n"],"names":[],"mappings":";;;;;IAKM,cAAc,GAAa,UAAC,EAAY;QAAV,sBAAQ;IAClC,IAAA,iBAA+D,EAA9D,gBAAQ,EAAE,mBAAoD,CAAC;IAChE,IAAA,gBAAiD,EAAhD,sBAAc,EAAE,yBAAgC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,EAAyC;YAAvC,oBAAO,EAAE,cAAI,EAAE,oBAAO;QACxC,iBAAiB,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,GAAA,CAAC,CAAC;QAEhC,WAAW,CAAC,UAAC,YAAY,IAAK;YAC1B;gBACI,OAAO,SAAA;gBACP,IAAI,MAAA;gBACJ,OAAO,SAAA;gBACP,EAAE,EAAE,mBAAiB,cAAgB;gBACrC,SAAS,EAAE,IAAI;aAClB;WACE,YAAY,IAClB,CAAC,CAAC;KACN,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,SAAiB;QACpC,WAAW,CAAC,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,MAAM,CAAC,UAAC,EAAM;gBAAJ,UAAE;YAAO,OAAA,EAAE,KAAK,SAAS;SAAA,CAAC,GAAA,CAAC,CAAC;KACpF,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,SAAiB;QAClC,WAAW,CAAC,UAAC,YAAY;YACrB,OAAO,YAAY,CAAC,MAAM,CAAC,UAAC,IAAI,EAAE,WAAW;gBACzC,IAAI,WAAW,CAAC,EAAE,KAAK,SAAS,EAAE;oBAC9B,sBAAW,IAAI,yBAAO,WAAW,KAAE,SAAS,EAAE,KAAK,MAAI;iBAC1D;gBACD,sBAAW,IAAI,GAAE,WAAW,GAAE;aACjC,EAAE,EAAE,CAAC,CAAC;SACV,CAAC,CAAC;KACN,CAAC;IAEF,QACI,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE;QAC5E,QAAQ;QACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACZ,EACnC;AACN;;;;"}

package/build/esm/src/components/flash_messenger/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/flash_messenger/types.ts"],"names":[],"mappings":"AAAA,OAAgC,+BAA+B,CAAC"}

package/build/esm/src/components/gallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/gallery/constants.ts"],"sourcesContent":["import { TMode, TJsSelectors, TDimensionsType } from './types';\n\nexport const GALLERY_MODE: Record<TMode, TMode> = {\n    maxImage: 'maxImage',\n    shortestEdge: 'shortestEdge',\n    fullScreen: 'fullScreen'\n};\n\nexport const JS_CLASSES: Record<TJsSelectors, string> = {\n    newGallery: 'js__gallery_new',\n    anchorImage: 'js__gallery-anchor-image',\n    image: 'js__gallery-image',\n    selectedImageNumber: 'js__gallery-selected-image-number',\n    imageDescription: 'js__gallery-image-description',\n    previous: 'js__gallery-previous',\n    next: 'js__gallery-next',\n    images: 'js__gallery-images',\n    imagesContainer: 'js__gallery-images-container',\n    copyLinkButton: 'js__gallery-copy-link',\n    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',\n    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',\n    close: ''\n};\n\nexport const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType> = {\n    initial: 'initial',\n    real: 'real'\n};\n"],"names":[],"mappings":"IAEa,YAAY,GAAyB;IAC9C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;EAC1B;IAEW,UAAU,GAAiC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;IACvC,KAAK,EAAE,mBAAmB;IAC1B,mBAAmB,EAAE,mCAAmC;IACxD,gBAAgB,EAAE,+BAA+B;IACjD,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,8BAA8B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,uBAAuB,EAAE,6CAA6C;IACtE,sBAAsB,EAAE,4CAA4C;IACpE,KAAK,EAAE,EAAE;EACX;IAEW,eAAe,GAA6C;IACrE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;;;;;"}

package/build/esm/src/components/gallery/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/gallery/css_classes.ts"],"sourcesContent":["export const cssGallery = 'gallery';\n\nexport const cssGalleryMobile = `${cssGallery}_mobile`;\n\nexport const cssGalleryBar = `${cssGallery}-bar`;\nexport const cssGalleryBarImageNumbers = `${cssGalleryBar}__image-numbers`;\nexport const cssGalleryBarImageDescription = `${cssGalleryBar}__image-description`;\nexport const cssGalleryBarCopyLink = `${cssGalleryBar}__copy-link`;\nexport const cssGalleryBarCopyLinkConfirmation = `${cssGalleryBarCopyLink}_confirmation`;\nexport const cssGalleryBarCopyLinkConfirmationText = `${cssGalleryBarCopyLink}_confirmation-text`;\nexport const cssGalleryBarImageClose = `${cssGalleryBar}__image-close`;\n\nexport const cssGalleryImages = `${cssGallery}__images`;\nexport const cssGalleryImagesWithTransition = `${cssGallery}__images_with-transition`;\nexport const cssGalleryImagesContainer = `${cssGalleryImages}-container`;\n\nexport const cssGalleryImage = `${cssGallery}__image`;\nexport const cssGalleryImageContainer = `${cssGalleryImage}-container`;\nexport const cssGalleryImageAdjusted = `${cssGalleryImage}_adjusted`;\nexport const cssGalleryImageMaxWidth = `${cssGalleryImage}_max-width`;\nexport const cssGalleryImageMaxHeight = `${cssGalleryImage}_max-height`;\n\nexport const cssIcon = 'icon';\nexport const cssIconArrow = `${cssIcon}-arrow`;\nexport const cssIconArrowContainer = `${cssIconArrow}-container`;\nexport const cssIconArrowContainerPrevious = `${cssIconArrowContainer}_previous`;\nexport const cssIconArrowContainerNext = `${cssIconArrowContainer}_next`;\nexport const cssIconArrowRotate180 = `${cssIconArrow}_rotate-180`;\nexport const cssIconClose = `${cssIcon}-close`;\nexport const cssIconLink = `${cssIcon}-link`;\nexport const cssIconSuccess = `${cssIcon}-success`;\n\nexport const cssLoaderMask = 'loader__mask';\n\nexport const cssHide = 'hide';\nexport const cssHideMobile = 'hide_mobile';\nexport const cssHideDesktop = 'hide_desktop';\n\nexport const cssZoomIn = 'zoom-in';\nexport const cssZoomOut = 'zoom-out';\nexport const cssGrabbing = 'grabbing';\n"],"names":[],"mappings":"IAAa,UAAU,GAAG,UAAU;IAEvB,gBAAgB,GAAM,UAAU,aAAU;IAE1C,aAAa,GAAM,UAAU,UAAO;IACpC,yBAAyB,GAAM,aAAa,qBAAkB;IAC9D,6BAA6B,GAAM,aAAa,yBAAsB;IACtE,qBAAqB,GAAM,aAAa,iBAAc;IACtD,iCAAiC,GAAM,qBAAqB,mBAAgB;IAC5E,qCAAqC,GAAM,qBAAqB,wBAAqB;IACrF,uBAAuB,GAAM,aAAa,mBAAgB;IAE1D,gBAAgB,GAAM,UAAU,cAAW;IAC3C,8BAA8B,GAAM,UAAU,8BAA2B;IACzE,yBAAyB,GAAM,gBAAgB,gBAAa;IAE5D,eAAe,GAAM,UAAU,aAAU;IACzC,wBAAwB,GAAM,eAAe,gBAAa;IAC1D,uBAAuB,GAAM,eAAe,eAAY;IACxD,uBAAuB,GAAM,eAAe,gBAAa;IACzD,wBAAwB,GAAM,eAAe,iBAAc;IAE3D,OAAO,GAAG,OAAO;IACjB,YAAY,GAAM,OAAO,YAAS;IAClC,qBAAqB,GAAM,YAAY,gBAAa;IACpD,6BAA6B,GAAM,qBAAqB,eAAY;IACpE,yBAAyB,GAAM,qBAAqB,WAAQ;IAC5D,qBAAqB,GAAM,YAAY,iBAAc;IACrD,YAAY,GAAM,OAAO,YAAS;IAClC,WAAW,GAAM,OAAO,WAAQ;IAChC,cAAc,GAAM,OAAO,cAAW;IAEtC,aAAa,GAAG,eAAe;IAE/B,OAAO,GAAG,OAAO;IACjB,aAAa,GAAG,cAAc;IAC9B,cAAc,GAAG,eAAe;IAEhC,SAAS,GAAG,UAAU;IACtB,UAAU,GAAG,WAAW;IACxB,WAAW,GAAG;;;;"}