@dreamcommerce/aurora 0.3.4-15 → 0.3.4-150

package/build/esm/src/components/file_picker/use_file_picker.js

@@ -0,0 +1,70 @@
+import { useState, useEffect } from 'react';
+
+var useFilePicker = function (_a) {
+    var onChange = _a.onChange, initialFile = _a.initialFile;
+    var _b = useState(initialFile || null), file = _b[0], setFile = _b[1];
+    var _c = useState(false), isDragOver = _c[0], setDragOver = _c[1];
+    var _d = useState(true), isPreview = _d[0], setPreview = _d[1];
+    useEffect(function () {
+        if (initialFile) {
+            setFile(initialFile);
+        }
+    }, [initialFile]);
+    var onDropFile = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        var files = event.dataTransfer.files;
+        setDragOver(false);
+        updateFile(files);
+    };
+    var onFileChange = function (_a) {
+        var files = _a.target.files;
+        updateFile(files);
+    };
+    var updateFile = function (files) {
+        if (files) {
+            setFile({
+                fileName: files === null || files === void 0 ? void 0 : files[0].name,
+                fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]),
+            });
+        }
+        else {
+            setFile(null);
+        }
+        setPreview(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(files);
+    };
+    var onDragOver = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'copy';
+        if (!isDragOver) {
+            setDragOver(true);
+        }
+    };
+    var onDragLeave = function () {
+        setDragOver(false);
+    };
+    var onFileDelete = function () {
+        setFile(null);
+        setPreview(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(null);
+    };
+    var onPreviewError = function () {
+        setPreview(false);
+    };
+    return {
+        onDropFile: onDropFile,
+        onFileChange: onFileChange,
+        onDragOver: onDragOver,
+        onDragLeave: onDragLeave,
+        onFileDelete: onFileDelete,
+        onPreviewError: onPreviewError,
+        file: file,
+        isPreview: isPreview,
+        isDragOver: isDragOver,
+    };
+};
+
+export { useFilePicker };
+//# sourceMappingURL=use_file_picker.js.map

package/build/esm/src/components/file_picker/use_file_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_file_picker.js","sources":["../../../../../src/components/file_picker/use_file_picker.ts"],"sourcesContent":["import React, { ChangeEvent, useEffect, useState } from 'react';\nimport { IUseFilePicker, IUseFilePickerProps, TFilePickerFile } from '@components/file_picker/types';\n\nexport const useFilePicker = ({ onChange, initialFile }: IUseFilePickerProps): IUseFilePicker => {\n    const [file, setFile] = useState<TFilePickerFile | null>(initialFile || null);\n    const [isDragOver, setDragOver] = useState<boolean>(false);\n    const [isPreview, setPreview] = useState<boolean>(true);\n\n    useEffect(() => {\n        if (initialFile) {\n            setFile(initialFile);\n        }\n    }, [initialFile]);\n\n    const onDropFile = (event: React.DragEvent<HTMLLabelElement>) => {\n        event.stopPropagation();\n        event.preventDefault();\n        const {\n            dataTransfer: { files },\n        } = event;\n        setDragOver(false);\n        updateFile(files);\n    };\n\n    const onFileChange = ({ target: { files } }: ChangeEvent<HTMLInputElement>) => {\n        updateFile(files);\n    };\n\n    const updateFile = (files: FileList | null) => {\n        if (files) {\n            setFile({\n                fileName: files?.[0].name,\n                fileUrl: URL.createObjectURL(files?.[0]),\n            });\n        } else {\n            setFile(null);\n        }\n\n        setPreview(true);\n        onChange?.(files);\n    };\n\n    const onDragOver = (event: React.DragEvent<HTMLLabelElement>) => {\n        event.stopPropagation();\n        event.preventDefault();\n        event.dataTransfer.dropEffect = 'copy';\n        if (!isDragOver) {\n            setDragOver(true);\n        }\n    };\n\n    const onDragLeave = () => {\n        setDragOver(false);\n    };\n\n    const onFileDelete = () => {\n        setFile(null);\n        setPreview(true);\n        onChange?.(null);\n    };\n\n    const onPreviewError = () => {\n        setPreview(false);\n    };\n\n    return {\n        onDropFile,\n        onFileChange,\n        onDragOver,\n        onDragLeave,\n        onFileDelete,\n        onPreviewError,\n        file,\n        isPreview,\n        isDragOver,\n    };\n};\n"],"names":[],"mappings":";;IAGa,aAAa,GAAG,UAAC,EAA8C;QAA5C,sBAAQ,EAAE,4BAAW;IAC3C,IAAA,kCAAuE,EAAtE,YAAI,EAAE,eAAgE,CAAC;IACxE,IAAA,oBAAoD,EAAnD,kBAAU,EAAE,mBAAuC,CAAC;IACrD,IAAA,mBAAiD,EAAhD,iBAAS,EAAE,kBAAqC,CAAC;IAExD,SAAS,CAAC;QACN,IAAI,WAAW,EAAE;YACb,OAAO,CAAC,WAAW,CAAC,CAAC;SACxB;KACJ,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,UAAU,GAAG,UAAC,KAAwC;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEH,IAAA,gCAAK,CACf;QACV,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAoD;YAAxC,uBAAK;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAsB;QACtC,IAAI,KAAK,EAAE;YACP,OAAO,CAAC;gBACJ,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,EAAE,IAAI;gBACzB,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,EAAE;aAC3C,CAAC,CAAC;SACN;aAAM;YACH,OAAO,CAAC,IAAI,CAAC,CAAC;SACjB;QAED,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAwC;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QACvC,IAAI,CAAC,UAAU,EAAE;YACb,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;KACJ,CAAC;IAEF,IAAM,WAAW,GAAG;QAChB,WAAW,CAAC,KAAK,CAAC,CAAC;KACtB,CAAC;IAEF,IAAM,YAAY,GAAG;QACjB,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,EAAE;KACpB,CAAC;IAEF,IAAM,cAAc,GAAG;QACnB,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,OAAO;QACH,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,UAAU,YAAA;QACV,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,cAAc,gBAAA;QACd,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,UAAU,YAAA;KACb,CAAC;AACN;;;;"}

package/build/esm/src/components/flash_messenger/components/flash_message.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFlashMessage } from '../types';
+declare const FlashMessage: React.FC<IFlashMessage>;
+export default FlashMessage;

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

@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import Grid from '../../grid/index.js';
+import IconClose from '../../../assets/icon_close.js';
+import MessageBox from '../../message-box/index.js';
+import { useFlashMessenger } from '../context.js';
+import cssClasses from '../../../css/flash_message/main.module.less.js';
+
+var FlashMessage = function (_a) {
+    var message = _a.message;
+    var _b = useFlashMessenger(), removeMessage = _b.removeMessage, hideMessage = _b.hideMessage;
+    useEffect(function () {
+        setTimeout(function () {
+            hideMessage(message.id);
+        }, message.timeout || 3000);
+    }, []);
+    return (React.createElement(CSSTransition, { timeout: 250, in: message.isVisible, onExited: function () { return removeMessage(message.id); }, classNames: {
+            enter: cssClasses['flash-messenger__list_enter'],
+            exitDone: cssClasses['flash-messenger__list_exit-done'],
+            exitActive: cssClasses['flash-messenger__list_exit-active'],
+        } },
+        React.createElement(MessageBox, { type: message.type, className: cssClasses['flash-messenger__message'] + " " + cssClasses['flash-messenger__list-item'] },
+            React.createElement(Grid, { size: "full" },
+                React.createElement(Grid.Row, null,
+                    React.createElement(Grid.Col, { auto: "grow" },
+                        React.createElement("div", null, message.content)),
+                    React.createElement(Grid.Col, { auto: "auto" },
+                        React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] })))))));
+};
+
+export default FlashMessage;
+//# sourceMappingURL=flash_message.js.map

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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFlashMessagesList } from "../types";
+declare const FlashMessagesList: React.FC<IFlashMessagesList>;
+export default FlashMessagesList;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TransitionGroup, CSSTransition } from 'react-transition-group';
+import cssClasses from '../../../css/flash_message/main.module.less.js';
+import FlashMessage from './flash_message.js';
+
+var FlashMessagesList = function (_a) {
+    var messages = _a.messages;
+    return (React.createElement(TransitionGroup, { className: cssClasses['flash-messenger'] }, messages.map(function (message) { return (React.createElement(CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
+            enter: cssClasses['flash-messenger__list_enter'],
+            exitDone: cssClasses['flash-messenger__list_exit-done'],
+            exitActive: cssClasses['flash-messenger__list_exit-active'],
+        } },
+        React.createElement(FlashMessage, { message: message, key: message.id }))); })));
+};
+
+export default FlashMessagesList;
+//# sourceMappingURL=flash_messages_list.js.map

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.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IFlashMessengerContext } from './types';
+export declare const FlashMessengerContext: import("react").Context<IFlashMessengerContext | null>;
+export declare const useFlashMessenger: () => IFlashMessengerContext;

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

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+
+var FlashMessengerContext = createContext(null);
+var useFlashMessenger = function () {
+    var context = useContext(FlashMessengerContext);
+    if (context === null) {
+        throw 'FlashMessengerContext is not provided';
+    }
+    return context;
+};
+
+export { FlashMessengerContext, useFlashMessenger };
+//# sourceMappingURL=context.js.map

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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FlashMessenger: React.FC;
+export default FlashMessenger;

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.d.ts

@@ -0,0 +1,22 @@
+import { TMessageBoxType } from "../message-box/types";
+export interface IFlashMessengerContext {
+    removeMessage: (id: string) => void;
+    hideMessage: (id: string) => void;
+    addMessage: (message: TFlashMessage) => void;
+}
+export interface IFlashMessage {
+    message: TFlashMessageExtended;
+}
+export interface IFlashMessagesList {
+    messages: TFlashMessageExtended[];
+}
+export declare type TFlashMessageExtended = TFlashMessage & {
+    id: string;
+    timeout?: number;
+    isVisible?: boolean;
+};
+export declare type TFlashMessage = {
+    content: string;
+    type: TMessageBoxType;
+    timeout?: number;
+};

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

@@ -0,0 +1,2 @@
+import '@components/message-box/types';
+//# sourceMappingURL=types.js.map

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.d.ts

@@ -0,0 +1,4 @@
+import { TMode, TJsSelectors, TDimensionsType } from './types';
+export declare const GALLERY_MODE: Record<TMode, TMode>;
+export declare const JS_CLASSES: Record<TJsSelectors, string>;
+export declare const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType>;

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

@@ -0,0 +1,27 @@
+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'
+};
+
+export { DIMENSIONS_TYPE, GALLERY_MODE, JS_CLASSES };
+//# sourceMappingURL=constants.js.map

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.d.ts

@@ -0,0 +1,33 @@
+export declare const cssGallery = "gallery";
+export declare const cssGalleryMobile: string;
+export declare const cssGalleryBar: string;
+export declare const cssGalleryBarImageNumbers: string;
+export declare const cssGalleryBarImageDescription: string;
+export declare const cssGalleryBarCopyLink: string;
+export declare const cssGalleryBarCopyLinkConfirmation: string;
+export declare const cssGalleryBarCopyLinkConfirmationText: string;
+export declare const cssGalleryBarImageClose: string;
+export declare const cssGalleryImages: string;
+export declare const cssGalleryImagesWithTransition: string;
+export declare const cssGalleryImagesContainer: string;
+export declare const cssGalleryImage: string;
+export declare const cssGalleryImageContainer: string;
+export declare const cssGalleryImageAdjusted: string;
+export declare const cssGalleryImageMaxWidth: string;
+export declare const cssGalleryImageMaxHeight: string;
+export declare const cssIcon = "icon";
+export declare const cssIconArrow: string;
+export declare const cssIconArrowContainer: string;
+export declare const cssIconArrowContainerPrevious: string;
+export declare const cssIconArrowContainerNext: string;
+export declare const cssIconArrowRotate180: string;
+export declare const cssIconClose: string;
+export declare const cssIconLink: string;
+export declare const cssIconSuccess: string;
+export declare const cssLoaderMask = "loader__mask";
+export declare const cssHide = "hide";
+export declare const cssHideMobile = "hide_mobile";
+export declare const cssHideDesktop = "hide_desktop";
+export declare const cssZoomIn = "zoom-in";
+export declare const cssZoomOut = "zoom-out";
+export declare const cssGrabbing = "grabbing";

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

@@ -0,0 +1,36 @@
+var cssGallery = 'gallery';
+var cssGalleryMobile = cssGallery + "_mobile";
+var cssGalleryBar = cssGallery + "-bar";
+var cssGalleryBarImageNumbers = cssGalleryBar + "__image-numbers";
+var cssGalleryBarImageDescription = cssGalleryBar + "__image-description";
+var cssGalleryBarCopyLink = cssGalleryBar + "__copy-link";
+var cssGalleryBarCopyLinkConfirmation = cssGalleryBarCopyLink + "_confirmation";
+var cssGalleryBarCopyLinkConfirmationText = cssGalleryBarCopyLink + "_confirmation-text";
+var cssGalleryBarImageClose = cssGalleryBar + "__image-close";
+var cssGalleryImages = cssGallery + "__images";
+var cssGalleryImagesWithTransition = cssGallery + "__images_with-transition";
+var cssGalleryImagesContainer = cssGalleryImages + "-container";
+var cssGalleryImage = cssGallery + "__image";
+var cssGalleryImageContainer = cssGalleryImage + "-container";
+var cssGalleryImageAdjusted = cssGalleryImage + "_adjusted";
+var cssGalleryImageMaxWidth = cssGalleryImage + "_max-width";
+var cssGalleryImageMaxHeight = cssGalleryImage + "_max-height";
+var cssIcon = 'icon';
+var cssIconArrow = cssIcon + "-arrow";
+var cssIconArrowContainer = cssIconArrow + "-container";
+var cssIconArrowContainerPrevious = cssIconArrowContainer + "_previous";
+var cssIconArrowContainerNext = cssIconArrowContainer + "_next";
+var cssIconArrowRotate180 = cssIconArrow + "_rotate-180";
+var cssIconClose = cssIcon + "-close";
+var cssIconLink = cssIcon + "-link";
+var cssIconSuccess = 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';
+
+export { cssGallery, cssGalleryBar, cssGalleryBarCopyLink, cssGalleryBarCopyLinkConfirmation, cssGalleryBarCopyLinkConfirmationText, cssGalleryBarImageClose, cssGalleryBarImageDescription, cssGalleryBarImageNumbers, cssGalleryImage, cssGalleryImageAdjusted, cssGalleryImageContainer, cssGalleryImageMaxHeight, cssGalleryImageMaxWidth, cssGalleryImages, cssGalleryImagesContainer, cssGalleryImagesWithTransition, cssGalleryMobile, cssGrabbing, cssHide, cssHideDesktop, cssHideMobile, cssIcon, cssIconArrow, cssIconArrowContainer, cssIconArrowContainerNext, cssIconArrowContainerPrevious, cssIconArrowRotate180, cssIconClose, cssIconLink, cssIconSuccess, cssLoaderMask, cssZoomIn, cssZoomOut };
+//# sourceMappingURL=css_classes.js.map

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;;;;"}

package/build/esm/src/components/gallery/index.d.ts

@@ -0,0 +1,133 @@
+/// <reference types="hammerjs" />
+import { IGallery, IGalleryOptions, IImageAttributes, TDimensionsType } from './types';
+/**
+ * Class representing gallery.
+ * @type {Gallery}
+ * @implements IGallery
+ */
+export default class Gallery implements IGallery {
+    /**
+     * gallery HTMLDivElement
+     * @type {HTMLDivElement}
+     */
+    $gallery: HTMLDivElement;
+    /**
+     * @param {IGalleryOptions} object
+     * @param {string} object.name - gallery name
+     * @param {string} object.initiallySelectedImageSrc - selected image's source
+     * @param {boolean} object.hasNavArrows - determines if gallery should have navigation arrows
+     * @param {boolean} object.hasImageNumbers - determines if gallery should have images numbers
+     * @param {boolean} object.hasThumbnails - determines if gallery should have thumbnails
+     * @param {string} object.mode - determines in which mode should gallery render
+     * @param {boolean} object.isCarouselEnabled - determines if images in gallery should changing in a loop
+     */
+    options: IGalleryOptions;
+    selectedImageNumber: number;
+    previouslySelectedImageNumber: number;
+    previouslySelectedImageIndex: number;
+    imagesCount: number;
+    imageAttributes: Array<IImageAttributes>;
+    imageMarkups: Array<HTMLDivElement | null>;
+    $images: HTMLDivElement;
+    $bar: HTMLDivElement;
+    createdImagesIndex: Array<number>;
+    newImagesIndex: Array<number>;
+    mouseDownTarget: HTMLElement;
+    mouseUpTarget: HTMLElement;
+    transform: number;
+    partialTransform: number;
+    isAnimating: boolean;
+    previousCursorX: number;
+    previousCursorY: number;
+    selectors: {
+        newGallery: string;
+        anchorImage: string;
+        image: string;
+        imageContainer: string;
+        selectedImageNumber: string;
+        imageDescription: string;
+        previous: string;
+        next: string;
+        images: string;
+        imagesContainer: string;
+        copyLinkButton: string;
+        copyLinkConfirmation: string;
+        firstTemporaryContainer: string;
+        lastTemporaryContainer: string;
+        bar: string;
+        arrowContainer: string;
+        close: string;
+    };
+    isTouchDevice: boolean;
+    isFirstTemporaryContainerExist: boolean;
+    isLastTemporaryContainerExist: boolean;
+    hasUserGoneToNextImage: boolean;
+    initLocation: Location;
+    popstateUpdate: boolean;
+    isNeighboringImageShow: boolean;
+    /**
+     * creates new gallery instance with custom gallery template
+     * @param {IGalleryOptions} options
+     */
+    constructor(options: IGalleryOptions);
+    setInitialImagesInfo(): void;
+    createMarkup(): void;
+    private _createBarMarkup;
+    private _createImageNumbersMarkup;
+    private _createCopyLinkMarkup;
+    private _createNavigationMarkup;
+    private _createInitialImagesMarkup;
+    private _createImageMarkup;
+    appendImages(): void;
+    appendTemporaryImage(imageIndex: number): void;
+    remove: (ev: Event) => void;
+    addListeners(): void;
+    addWindowListeners: () => void;
+    removeWindowListeners: () => void;
+    addImageListeners: (imageIndex: number, $image: HTMLImageElement, $imageContainer: HTMLDivElement) => void;
+    handleMouseDown: ($image: HTMLImageElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any) => void;
+    handleMouseLeave: ($image: HTMLImageElement, $imageContainer: HTMLDivElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any) => void;
+    handleMouseMove: ($image: HTMLImageElement, imageIndex: number, $imageContainer: HTMLDivElement, ev: MouseEvent) => void;
+    handlePanAndWheel($image: HTMLImageElement, imageIndex: number, ev: HammerInput | WheelEvent): void;
+    handlePinch($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager, imageContainerHammer: HammerManager, ev: HammerInput): void;
+    handleImageSwitch: (ev: HammerInput) => void;
+    resizeImage: ($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager | null, imageContainerHammer: HammerManager | null, ev: MouseEvent | HammerInput) => void;
+    changeSelectedImageModeToMaxImage($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    changeSelectedImageModeToFullScreen($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    getTranslate($container: HTMLDivElement, imageIndex: number): {
+        translateX: number;
+        translateY: number;
+    };
+    getAvailableTranslate(imageWidth: number, imageHeight: number, containerHeight: number, translateX: number, translateY: number): {
+        availableTranslateX: number;
+        availableTranslateY: number;
+    };
+    hideLoader: (ev: Event) => void;
+    getImageClasses(imageIndex: number): {
+        maxWidthClass: string;
+        maxHeightClass: string;
+        adjustedClass: string;
+    };
+    updatePreviewImage: () => void;
+    updateImageInfo: ($image: HTMLImageElement) => void;
+    updateGridColumnStyles: () => void;
+    showImage: (imageIndex: number) => void;
+    handleTransitionEnd: () => void;
+    centerImage($image: HTMLImageElement): void;
+    changeImagesMode(): void;
+    changeImageMode: ($image: HTMLImageElement) => void;
+    setImageDimensionsAccordingToAspectRatio: ($image: HTMLImageElement, dimensionsType: TDimensionsType) => void;
+    handleArrowDisplay: () => void;
+    handlePreviousImagePreview: () => void;
+    handleNextImagePreview: () => void;
+    getPreviousImageIndex(): number | null;
+    getNextImageIndex(): number | null;
+    keyBindings: (ev: KeyboardEvent) => void;
+    changeImageNumber(): void;
+    changeImageDescription(): void;
+    sortAscending: (number1: number, number2: number) => number;
+    getClosestLowerIndex(imageIndexes: Array<number>, imageIndex: number): number | null;
+    isFullScreenMode(): boolean;
+    isMaxImageMode(): boolean;
+    isShortestEdgeMode(): boolean;
+}