@dreamcommerce/aurora 0.3.4-160 → 0.3.4-161

package/build/cjs/src/components/dropdown/hooks/use_values.js

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../_virtual/_tslib.js');
-
-/**
- * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected
- * You can use is for multiselect or any other form of control which needs multiple selectable values
- * @param {React.RefObject<HTMLElement>} wrapperRef
- * @param {Array<ISelectOption>} options
- * @param {Array<string>} defaultValues
- * @param {Function} onChangeCb
- *
- * @fires dropdown:change
- *
- * @returns {Array} Tuple - selected values and state setter for them
- */
-function useValues(wrapperRef, options, defaultValues, onChangeCb) {
-    var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
-    var _a = React.useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
-    /**
-     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects
-     * @param {ISelectOption} selectedOption choosen option
-     */
-    var setSelectedValues = React.useCallback(function (selectedOption) {
-        setSelectedValue(function (previousSelectedOptions) {
-            var _a;
-            var allSelectedOptions;
-            var isChecked;
-            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
-                isChecked = false;
-            }
-            else {
-                allSelectedOptions = _tslib.__spreadArrays(previousSelectedOptions, [selectedOption]);
-                isChecked = true;
-            }
-            if (typeof onChangeCb === 'function') {
-                onChangeCb(selectedOption, isChecked, allSelectedOptions);
-                var event_1 = new CustomEvent('dropdown:change', {
-                    detail: {
-                        selectedOption: selectedOption,
-                        isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
-                    }
-                });
-                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
-            }
-            return allSelectedOptions;
-        });
-    }, [onChangeCb, wrapperRef]);
-    return [selectedValues, setSelectedValues];
-}
-/**
- * dropdown:change event
- *
- * @event dropdown:change
- * @type {object}
- * @property {ISelectOption} selectedOption selected option
- * @property {boolean} isChecked indicates whether the current option is selected
- * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
- */
-
-exports.useValues = useValues;
-//# sourceMappingURL=use_values.js.map

package/build/cjs/src/components/dropdown/hooks/use_values.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_values.js","sources":["../../../../../../src/components/dropdown/hooks/use_values.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ISelectOption } from '../types';\n\n/**\n * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected\n * You can use is for multiselect or any other form of control which needs multiple selectable values\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n *\n * @fires dropdown:change\n *\n * @returns {Array} Tuple - selected values and state setter for them\n */\nexport function useValues(\n    wrapperRef: React.RefObject<HTMLElement>,\n    options: Array<ISelectOption>,\n    defaultValues: Array<string>,\n    onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n    const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n    const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);\n\n    /**\n     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects\n     * @param {ISelectOption} selectedOption choosen option\n     */\n    const setSelectedValues = useCallback(\n        (selectedOption: ISelectOption): void => {\n            setSelectedValue((previousSelectedOptions) => {\n                let allSelectedOptions: Array<ISelectOption>;\n                let isChecked: boolean;\n\n                if (previousSelectedOptions && previousSelectedOptions?.indexOf(selectedOption) >= 0) {\n                    allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);\n                    isChecked = false;\n                } else {\n                    allSelectedOptions = [...previousSelectedOptions!, selectedOption];\n                    isChecked = true;\n                }\n\n                if (typeof onChangeCb === 'function') {\n                    onChangeCb(selectedOption, isChecked, allSelectedOptions);\n                    const event = new CustomEvent('dropdown:change', {\n                        detail: {\n                            selectedOption,\n                            isChecked,\n                            allSelectedOptions\n                        }\n                    });\n                    wrapperRef.current?.dispatchEvent(event);\n                }\n\n                return allSelectedOptions;\n            });\n        },\n        [onChangeCb, wrapperRef]\n    );\n\n    return [selectedValues, setSelectedValues];\n}\n\n/**\n * dropdown:change event\n *\n * @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n * @property {boolean} isChecked indicates whether the current option is selected\n * @property {Array<ISelectOption>} allSelectedOptions array of all selected options\n */\n"],"names":["useCallback"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;SAYgB,SAAS,CACrB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAA+G;IAE/G,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;IACjH,IAAA,2CAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;;;;;IAM5E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;QAC1B,gBAAgB,CAAC,UAAC,uBAAuB;;YACrC,IAAI,kBAAwC,CAAC;YAC7C,IAAI,SAAkB,CAAC;YAEvB,IAAI,uBAAuB,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,cAAc,MAAK,CAAC,EAAE;gBAClF,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,GAAA,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,yBAAO,uBAAwB,GAAE,cAAc,EAAC,CAAC;gBACnE,SAAS,GAAG,IAAI,CAAC;aACpB;YAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;gBAClC,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC1D,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBAC7C,MAAM,EAAE;wBACJ,cAAc,gBAAA;wBACd,SAAS,WAAA;wBACT,kBAAkB,oBAAA;qBACrB;iBACJ,CAAC,CAAC;gBACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;aAC5C;YAED,OAAO,kBAAkB,CAAC;SAC7B,CAAC,CAAC;KACN,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;;;"}

package/build/cjs/src/components/dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownProps, IDropdownComposition } from './types';\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { useToggle } from './hooks';\n\nimport { DropdownContext } from './context';\n\nimport Select from './components/select';\nimport Content from './components/content';\nimport List from './components/list';\nimport Header from './components/header';\nimport Option from './components/option';\nimport OptionMultiple from './components/option_multiple';\nimport Item from './components/item';\nimport Link from './components/link';\nimport Label from './components/label';\nimport Search from './components/search';\nimport CustomLabel from './components/custom_label';\n\n/**\n * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.\n *\n * @component\n * @example\n * return (\n *  <Dropdown>\n *      <Dropdown.Label label=\"Wybierz link\" />\n *      <Dropdown.Content>\n *          <Dropdown.List>\n *              <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" />\n *              <Dropdown.Link text=\"forum.shoper.pl\" href=\"https://forum.shoper.pl\" />\n *              <Dropdown.Link text=\"shoper.pl/help\" href=\"https://shoper.pl/help\" />\n *          </Dropdown.List>\n *      </Dropdown.Content>\n *  <Dropdown>\n * )\n */\nconst Dropdown: React.FC<IDropdownProps> & IDropdownComposition = ({ defaultIsOpen = false, onToggle, children }) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses.dropdown}>\n                {children}\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nDropdown.Select = Select;\nDropdown.Content = Content;\nDropdown.Search = Search;\nDropdown.List = List;\nDropdown.Header = Header;\nDropdown.Option = Option;\nDropdown.OptionMultiple = OptionMultiple;\nDropdown.Link = Link;\nDropdown.Label = Label;\nDropdown.CustomLabel = CustomLabel;\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["useRef","React","DropdownContext","cssClasses","Select","Content","Search","List","Header","Option","OptionMultiple","Link","Label","CustomLabel","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;IAkBM,QAAQ,GAAoD,UAAC,EAA6C;QAA3C,qBAAqB,EAArB,0CAAqB,EAAE,sBAAQ,EAAE,sBAAQ;IAC1G,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAKpE,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG,QACIA,wCAACC,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCD,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEE,sBAAU,CAAC,QAAQ,IAC/C,QAAQ,CACP,CACiB,EAC7B;AACN,EAAE;AAEF,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,OAAO,GAAGC,kBAAO,CAAC;AAC3B,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAGC,eAAI,CAAC;AACrB,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,cAAc,GAAGC,0BAAc,CAAC;AACzC,QAAQ,CAAC,IAAI,GAAGC,eAAI,CAAC;AACrB,QAAQ,CAAC,KAAK,GAAGC,gBAAK,CAAC;AACvB,QAAQ,CAAC,WAAW,GAAGC,uBAAW,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAGC,eAAI;;;;"}

package/build/cjs/src/components/dropdown/utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/dropdown/utilities.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { fuzzySearch } from '@utilities/fuzzy_search/fuzzy_search';\nimport { ISelectOption } from './types';\nimport { cssDropdownContent } from './css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport modalCssClasses from '@css/modal/main.module.less';\n\n/**\n * checks if the given option is selected within array of selectedValues array\n * @param {ISelectOption} option select/multiselect option\n * @param {Array<ISelectOption>} selectedValues array of selected values\n * @returns {Boolean}\n */\nexport const isSelected = (option: ISelectOption, selectedValues: Array<ISelectOption>): boolean => selectedValues.indexOf(option) >= 0;\n\n/**\n * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true\n * @param {ISelectOption} option - option that was clicked\n * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option\n * @param {Function} setSelectedValues - selected values state setter\n * @param {Function} toggleDropdown - method which toggles dropdown\n */\nexport const handleItemClick = (\n    option: ISelectOption,\n    defaultCloseOnClick: boolean,\n    setSelectedValues: (selectedOption: any) => void,\n    toggleDropdown: () => void\n) => {\n    setSelectedValues(option);\n\n    if (defaultCloseOnClick === true) {\n        toggleDropdown();\n    }\n};\n\n/**\n * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results\n * @param {React.KeyboardEvent} ev react keyboard event\n * @param {Array<ISelectOption>} options list of dropdown options to filter\n * @param {Function} setOptionsList method to set new state of options list\n * @returns {void} nothing\n */\nexport const handleSearchKeyUp = (\n    ev: React.KeyboardEvent,\n    options: Array<ISelectOption>,\n    setOptionsList: (value: React.SetStateAction<ISelectOption[]>) => void\n): void => {\n    const $input: HTMLInputElement = ev.target as HTMLInputElement;\n    const searchQuery: string = $input.value;\n\n    const filteredOptions = fuzzySearch(searchQuery, options, 'text') as Array<ISelectOption>;\n    setOptionsList(() => filteredOptions);\n};\n\nexport const getXYModifiersForNestedDropdowns = (portalContainer: HTMLElement | null | undefined) => {\n    let xModifier = 0;\n    let yModifier = 0;\n\n    if (portalContainer) {\n        const $parentDropdownContent = portalContainer.closest(`.${cssClasses[cssDropdownContent]}`);\n\n        if ($parentDropdownContent) {\n            const { x: portalX, y: portalY } = $parentDropdownContent.getBoundingClientRect();\n\n            xModifier = portalX;\n            yModifier = portalY;\n        }\n    }\n\n    return {\n        xModifier,\n        yModifier,\n    };\n};\n\nexport const isChildOfModal = (ref: RefObject<HTMLElement>) => {\n    let currentParent = ref.current?.parentElement;\n\n    while (currentParent) {\n        if (currentParent.classList.contains(modalCssClasses['modal-window'])) {\n            return true;\n        }\n        currentParent = currentParent?.parentElement;\n    }\n\n    return false;\n};\n"],"names":["fuzzySearch","cssClasses","cssDropdownContent","modalCssClasses"],"mappings":";;;;;;;;;;AAOA;;;;;;IAMa,UAAU,GAAG,UAAC,MAAqB,EAAE,cAAoC,IAAc,OAAA,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAC;AAExI;;;;;;;IAOa,eAAe,GAAG,UAC3B,MAAqB,EACrB,mBAA4B,EAC5B,iBAAgD,EAChD,cAA0B;IAE1B,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE1B,IAAI,mBAAmB,KAAK,IAAI,EAAE;QAC9B,cAAc,EAAE,CAAC;KACpB;AACL,EAAE;AAEF;;;;;;;IAOa,iBAAiB,GAAG,UAC7B,EAAuB,EACvB,OAA6B,EAC7B,cAAsE;IAEtE,IAAM,MAAM,GAAqB,EAAE,CAAC,MAA0B,CAAC;IAC/D,IAAM,WAAW,GAAW,MAAM,CAAC,KAAK,CAAC;IAEzC,IAAM,eAAe,GAAGA,wBAAW,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAyB,CAAC;IAC1F,cAAc,CAAC,cAAM,OAAA,eAAe,GAAA,CAAC,CAAC;AAC1C,EAAE;IAEW,gCAAgC,GAAG,UAAC,eAA+C;IAC5F,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,IAAI,eAAe,EAAE;QACjB,IAAM,sBAAsB,GAAG,eAAe,CAAC,OAAO,CAAC,MAAIC,sBAAU,CAACC,8BAAkB,CAAG,CAAC,CAAC;QAE7F,IAAI,sBAAsB,EAAE;YAClB,IAAA,mDAA2E,EAAzE,cAAU,EAAE,cAA6D,CAAC;YAElF,SAAS,GAAG,OAAO,CAAC;YACpB,SAAS,GAAG,OAAO,CAAC;SACvB;KACJ;IAED,OAAO;QACH,SAAS,WAAA;QACT,SAAS,WAAA;KACZ,CAAC;AACN,EAAE;IAEW,cAAc,GAAG,UAAC,GAA2B;;IACtD,IAAI,aAAa,SAAG,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC;IAE/C,OAAO,aAAa,EAAE;QAClB,IAAI,aAAa,CAAC,SAAS,CAAC,QAAQ,CAACC,wBAAe,CAAC,cAAc,CAAC,CAAC,EAAE;YACnE,OAAO,IAAI,CAAC;SACf;QACD,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;KAChD;IAED,OAAO,KAAK,CAAC;AACjB;;;;;;;;"}

package/build/cjs/src/components/file_picker/components/file_input.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
-var reactJss_esm = require('../../../../node_modules/react-jss/dist/react-jss.esm.js');
-var main_module = require('../../../css/file_picker/main.module.less.js');
-var css_classes = require('../css_classes.js');
-var icon_upload = require('../../../assets/icon_upload.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var useStyles = reactJss_esm.createUseStyles({
-    filePicker: {
-        borderColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#ffffff' : '#6fb9f7');
-        },
-        backgroundColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#6fb9f7' : '#ffffff');
-        },
-        '& *': {
-            color: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            },
-            // @ts-ignore
-            fill: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            },
-        },
-    },
-});
-var FileInput = function (_a) {
-    var id = _a.id, onDropFile = _a.onDropFile, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, allowedExtensions = _a.allowedExtensions, isDragOver = _a.isDragOver;
-    var t = useTranslation.useTranslation()[0];
-    var classes = useStyles({ isDragOver: isDragOver });
-    return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePicker] + " " + classes.filePicker },
-            React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] }),
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerDescription] },
-                t('Drag file or select'),
-                " (",
-                t('format'),
-                " ",
-                allowedExtensions.join(', '),
-                ")"))));
-};
-
-exports.default = FileInput;
-//# sourceMappingURL=file_input.js.map

package/build/cjs/src/components/file_picker/components/file_input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file_input.js","sources":["../../../../../../src/components/file_picker/components/file_input.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/file_picker/main.module.less';\nimport CSS_CLASSES from '@components/file_picker/css_classes';\nimport IconUpload from '@assets/icon_upload';\nimport { createUseStyles } from 'react-jss';\nimport { IFileInput } from '../types';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = createUseStyles({\n    filePicker: {\n        borderColor: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),\n        backgroundColor: ({ isDragOver }) => (isDragOver ? '#6fb9f7' : '#ffffff'),\n        '& *': {\n            color: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),\n            // @ts-ignore\n            fill: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),\n        },\n    },\n});\n\nconst FileInput: React.FC<IFileInput> = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {\n    const [t] = useTranslation();\n    const classes = useStyles({ isDragOver });\n\n    return (\n        <label htmlFor={id} onDrop={onDropFile} onDragOver={onDragOver} onDragLeave={onDragLeave}>\n            <div className={`${styles[CSS_CLASSES.filePicker]} ${classes.filePicker}`}>\n                <IconUpload className={styles[CSS_CLASSES.filePickerUploadIcon]} />\n                <div className={styles[CSS_CLASSES.filePickerDescription]}>\n                    {t('Drag file or select')} ({t('format')} {allowedExtensions.join(', ')})\n                </div>\n            </div>\n        </label>\n    );\n};\n\nexport default FileInput;\n"],"names":["createUseStyles","React","styles","CSS_CLASSES","IconUpload"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAM,SAAS,GAAGA,4BAAe,CAAC;IAC9B,UAAU,EAAE;QACR,WAAW,EAAE,UAAC,EAAc;gBAAZ,0BAAU;YAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;SAAC;QACrE,eAAe,EAAE,UAAC,EAAc;gBAAZ,0BAAU;YAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;SAAC;QACzE,KAAK,EAAE;YACH,KAAK,EAAE,UAAC,EAAc;oBAAZ,0BAAU;gBAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;aAAC;;YAE/D,IAAI,EAAE,UAAC,EAAc;oBAAZ,0BAAU;gBAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;aAAC;SACjE;KACJ;CACJ,CAAC,CAAC;IAEG,SAAS,GAAyB,UAAC,EAA0E;QAAxE,UAAE,EAAE,0BAAU,EAAE,0BAAU,EAAE,4BAAW,EAAE,wCAAiB,EAAE,0BAAU;IACtG,IAAA,sCAAC,CAAqB;IAC7B,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IAE1C,QACIC,mDAAO,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW;QACpFA,iDAAK,SAAS,EAAKC,sBAAM,CAACC,sBAAW,CAAC,UAAU,CAAC,SAAI,OAAO,CAAC,UAAY;YACrEF,wCAACG,sBAAU,IAAC,SAAS,EAAEF,sBAAM,CAACC,sBAAW,CAAC,oBAAoB,CAAC,GAAI;YACnEF,iDAAK,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,qBAAqB,CAAC;gBACpD,CAAC,CAAC,qBAAqB,CAAC;;gBAAI,CAAC,CAAC,QAAQ,CAAC;;gBAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;oBACrE,CACJ,CACF,EACV;AACN;;;;"}

package/build/cjs/src/components/file_picker/components/selected_file_preview.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
-var main_module = require('../../../css/file_picker/main.module.less.js');
-var icon_delete = require('../../../assets/icon_delete.js');
-var css_classes = require('../css_classes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var SelectedFilePreview = function (_a) {
-    var file = _a.file, isPreview = _a.isPreview, onPreviewError = _a.onPreviewError, onFileDelete = _a.onFileDelete;
-    var t = useTranslation.useTranslation()[0];
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePicker] },
-        isPreview ? (React__default['default'].createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: main_module['default'][css_classes['default'].filePickerImagePreview] })) : (React__default['default'].createElement("div", null, t('No preview'))),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFile] },
-            React__default['default'].createElement("p", { className: main_module['default'][css_classes['default'].filePickerSelectedFileDescription] }, file === null || file === void 0 ? void 0 : file.fileName),
-            React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon], onClick: onFileDelete }))));
-};
-
-exports.default = SelectedFilePreview;
-//# sourceMappingURL=selected_file_preview.js.map

package/build/cjs/src/components/file_picker/components/selected_file_preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selected_file_preview.js","sources":["../../../../../../src/components/file_picker/components/selected_file_preview.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/file_picker/main.module.less';\nimport IconDelete from '@assets/icon_delete';\nimport CSS_CLASSES from '../css_classes';\nimport { ISelectedFilePreview } from '@components/file_picker/types';\nimport { useTranslation } from 'react-i18next';\n\nconst SelectedFilePreview: React.FC<ISelectedFilePreview> = ({ file, isPreview, onPreviewError, onFileDelete }) => {\n    const [t] = useTranslation();\n\n    return (\n        <div className={styles[CSS_CLASSES.filePicker]}>\n            {isPreview ? (\n                <img alt=\"\" src={file?.fileUrl || ''} onError={onPreviewError} className={styles[CSS_CLASSES.filePickerImagePreview]} />\n            ) : (\n                <div>{t('No preview')}</div>\n            )}\n            <div className={styles[CSS_CLASSES.filePickerSelectedFile]}>\n                <p className={styles[CSS_CLASSES.filePickerSelectedFileDescription]}>{file?.fileName}</p>\n                <IconDelete className={styles[CSS_CLASSES.filePickerDeleteIcon]} onClick={onFileDelete} />\n            </div>\n        </div>\n    );\n};\n\nexport default SelectedFilePreview;\n"],"names":["React","styles","CSS_CLASSES","IconDelete"],"mappings":";;;;;;;;;;;;;;IAOM,mBAAmB,GAAmC,UAAC,EAAiD;QAA/C,cAAI,EAAE,wBAAS,EAAE,kCAAc,EAAE,8BAAY;IACjG,IAAA,sCAAC,CAAqB;IAE7B,QACIA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,UAAU,CAAC;QACzC,SAAS,IACNF,iDAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,sBAAsB,CAAC,GAAI,KAExHF,qDAAM,CAAC,CAAC,YAAY,CAAC,CAAO,CAC/B;QACDA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,sBAAsB,CAAC;YACtDF,+CAAG,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,iCAAiC,CAAC,IAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAK;YACzFF,wCAACG,sBAAU,IAAC,SAAS,EAAEF,sBAAM,CAACC,sBAAW,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,YAAY,GAAI,CACxF,CACJ,EACR;AACN;;;;"}

package/build/cjs/src/components/file_picker/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/file_picker/css_classes.ts"],"sourcesContent":["export default {\n    filePicker: 'file-picker',\n    filePickerDescription: 'file-picker__description',\n    filePickerImagePreview: 'file-picker__image-preview',\n    filePickerUploadIcon: 'file-picker__upload-icon',\n    filePickerDeleteIcon: 'file-picker__delete-icon',\n    filePickerInput: 'file-picker__input',\n    filePickerSelectedFile: 'file-picker__selected-file',\n    filePickerSelectedFileDescription: 'file-picker__selected-file-description',\n};\n"],"names":[],"mappings":";;;;AAAA,kBAAe;IACX,UAAU,EAAE,aAAa;IACzB,qBAAqB,EAAE,0BAA0B;IACjD,sBAAsB,EAAE,4BAA4B;IACpD,oBAAoB,EAAE,0BAA0B;IAChD,oBAAoB,EAAE,0BAA0B;IAChD,eAAe,EAAE,oBAAoB;IACrC,sBAAsB,EAAE,4BAA4B;IACpD,iCAAiC,EAAE,wCAAwC;CAC9E;;;;"}

package/build/cjs/src/components/file_picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/file_picker/index.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/file_picker/main.module.less';\nimport SelectedFilePreview from '@components/file_picker/components/selected_file_preview';\nimport CSS_CLASSES from './css_classes';\nimport FileInput from '@components/file_picker/components/file_input';\nimport { useFilePicker } from '@components/file_picker/use_file_picker';\nimport { IFilePicker } from '@components/file_picker/types';\n\nconst FilePicker: React.FC<IFilePicker> = ({ id, onChange, allowedExtensions = ['JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {\n    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = useFilePicker({\n        initialFile,\n        onChange,\n    });\n\n    return (\n        <div className={className}>\n            {file ? (\n                <SelectedFilePreview file={file} onFileDelete={onFileDelete} onPreviewError={onPreviewError} isPreview={isPreview} />\n            ) : (\n                <FileInput\n                    onDragLeave={onDragLeave}\n                    onDragOver={onDragOver}\n                    isDragOver={isDragOver}\n                    allowedExtensions={allowedExtensions}\n                    id={id}\n                    onDropFile={onDropFile}\n                />\n            )}\n            <input onChange={onFileChange} id={id} type=\"file\" name={name} className={styles[CSS_CLASSES.filePickerInput]} />\n        </div>\n    );\n};\n\nexport default FilePicker;\n"],"names":["React","SelectedFilePreview","FileInput","styles","CSS_CLASSES"],"mappings":";;;;;;;;;;;;;;;IAQM,UAAU,GAA0B,UAAC,EAA8F;QAA5F,UAAE,EAAE,sBAAQ,EAAE,yBAAyC,EAAzC,8DAAyC,EAAE,4BAAW,EAAE,cAAI,EAAE,iBAAc,EAAd,mCAAc;IAC7H,IAAA;;;MAGJ,EAHM,0BAAU,EAAE,8BAAY,EAAE,0BAAU,EAAE,4BAAW,EAAE,8BAAY,EAAE,kCAAc,EAAE,cAAI,EAAE,wBAAS,EAAE,0BAGxG,CAAC;IAEH,QACIA,iDAAK,SAAS,EAAE,SAAS;QACpB,IAAI,IACDA,wCAACC,gCAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,GAAI,KAErHD,wCAACE,qBAAS,IACN,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,GACxB,CACL;QACDF,mDAAO,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAEG,sBAAM,CAACC,sBAAW,CAAC,eAAe,CAAC,GAAI,CAC/G,EACR;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"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":["useEffect"],"mappings":";;;;;;IAGa,aAAa,GAAG,UAAC,EAA8C;QAA5C,sBAAQ,EAAE,4BAAW;IAC3C,IAAA,wCAAuE,EAAtE,YAAI,EAAE,eAAgE,CAAC;IACxE,IAAA,0BAAoD,EAAnD,kBAAU,EAAE,mBAAuC,CAAC;IACrD,IAAA,yBAAiD,EAAhD,iBAAS,EAAE,kBAAqC,CAAC;IAExDA,eAAS,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/cjs/src/components/flash_messenger/components/flash_message.js.map

@@ -1 +0,0 @@
-{"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":["useEffect","React","CSSTransition","cssClasses","MessageBox","Grid","IconClose"],"mappings":";;;;;;;;;;;;;;;;IASM,YAAY,GAA4B,UAAC,EAAW;QAAT,oBAAO;IAC9C,IAAA,gCAAoD,EAAlD,gCAAa,EAAE,4BAAmC,CAAC;IAE3DA,eAAS,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,QACIC,wCAACC,kCAAa,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,EAAEC,sBAAU,CAAC,6BAA6B,CAAC;YAChD,QAAQ,EAAEA,sBAAU,CAAC,iCAAiC,CAAC;YACvD,UAAU,EAAEA,sBAAU,CAAC,mCAAmC,CAAC;SAC9D;QAEDF,wCAACG,gBAAU,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAKD,sBAAU,CAAC,0BAA0B,CAAC,SAAIA,sBAAU,CAAC,4BAA4B,CAAG;YAC9HF,wCAACI,kBAAI,IAAC,IAAI,EAAC,MAAM;gBACbJ,wCAACI,kBAAI,CAAC,GAAG;oBACLJ,wCAACI,kBAAI,CAAC,GAAG,IAAC,IAAI,EAAC,MAAM;wBACjBJ,qDAAM,OAAO,CAAC,OAAO,CAAO,CACrB;oBACXA,wCAACI,kBAAI,CAAC,GAAG,IAAC,IAAI,EAAC,MAAM;wBACjBJ,wCAACK,qBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,GAAA,EAAE,SAAS,EAAEH,sBAAU,CAAC,6BAA6B,CAAC,GAAI,CACpG,CACJ,CACR,CACE,CACD,EAClB;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"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":["React","TransitionGroup","cssClasses","CSSTransition","FlashMessage"],"mappings":";;;;;;;;;;;;;IAMM,iBAAiB,GAAiC,UAAC,EAAY;QAAV,sBAAQ;IAAO,QACtEA,wCAACC,oCAAe,IAAC,SAAS,EAAEC,sBAAU,CAAC,iBAAiB,CAAC,IACpD,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,QACvBF,wCAACG,kCAAa,IACV,OAAO,EAAE,GAAG,EACZ,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,UAAU,EAAE;YACR,KAAK,EAAED,sBAAU,CAAC,6BAA6B,CAAC;YAChD,QAAQ,EAAEA,sBAAU,CAAC,iCAAiC,CAAC;YACvD,UAAU,EAAEA,sBAAU,CAAC,mCAAmC,CAAC;SAC9D;QAEDF,wCAACI,wBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAI,CACvC,IACnB,CAAC,CACY;AAhBoD;;;;"}

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

@@ -1 +0,0 @@
-{"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":["createContext","useContext"],"mappings":";;;;;;IAIa,qBAAqB,GAAGA,mBAAa,CAAgC,IAAI,EAAE;IAE3E,iBAAiB,GAAiC;IAC3D,IAAM,OAAO,GAAGC,gBAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,OAAO,KAAK,IAAI,EAAE;QAClB,MAAM,uCAAuC,CAAC;KACjD;IAED,OAAO,OAAO,CAAC;AACnB;;;;;"}

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

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../_virtual/_tslib.js');
-var context = require('./context.js');
-var flash_messages_list = require('./components/flash_messages_list.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FlashMessenger = function (_a) {
-    var children = _a.children;
-    var _b = React.useState([]), messages = _b[0], setMessages = _b[1];
-    var _c = React.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 _tslib.__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 _tslib.__spreadArrays(memo, [_tslib.__assign(_tslib.__assign({}, prevMessage), { isVisible: false })]);
-                }
-                return _tslib.__spreadArrays(memo, [prevMessage]);
-            }, []);
-        });
-    };
-    return (React__default['default'].createElement(context.FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
-        children,
-        React__default['default'].createElement(flash_messages_list['default'], { messages: messages })));
-};
-
-exports.default = FlashMessenger;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":["React","FlashMessengerContext","FlashMessagesList"],"mappings":";;;;;;;;;;;;;IAKM,cAAc,GAAa,UAAC,EAAY;QAAV,sBAAQ;IAClC,IAAA,uBAA+D,EAA9D,gBAAQ,EAAE,mBAAoD,CAAC;IAChE,IAAA,sBAAiD,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,6BAAW,IAAI,uCAAO,WAAW,KAAE,SAAS,EAAE,KAAK,MAAI;iBAC1D;gBACD,6BAAW,IAAI,GAAE,WAAW,GAAE;aACjC,EAAE,EAAE,CAAC,CAAC;SACV,CAAC,CAAC;KACN,CAAC;IAEF,QACIA,wCAACC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE;QAC5E,QAAQ;QACTD,wCAACE,8BAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACZ,EACnC;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"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/cjs/src/components/gallery/css_classes.js.map

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}