@dreamcommerce/aurora 0.3.4-172 → 0.3.4-176

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

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var index = require('./context/index.js');
-var main_module = require('../../css/dropdown/main.module.less.js');
-var use_toggle = require('./hooks/use_toggle.js');
-var select = require('./components/select.js');
-var content = require('./components/content.js');
-var list = require('./components/list.js');
-var header = require('./components/header.js');
-var item = require('./components/item.js');
-var option = require('./components/option.js');
-var option_multiple = require('./components/option_multiple.js');
-var link = require('./components/link.js');
-var label = require('./components/label.js');
-var search = require('./components/search.js');
-var custom_label = require('./components/custom_label.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-var Dropdown = function (_a) {
-    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
-    var wrapperRef = React.useRef(null);
-    var _c = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
-    /**
-     * context values, they may be used with useContext in any component which is part of Dropdown composition
-     */
-    var value = React__default['default'].useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
-    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
-        React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'].dropdown }, children)));
-};
-Dropdown.Select = select['default'];
-Dropdown.Content = content['default'];
-Dropdown.Search = search['default'];
-Dropdown.List = list['default'];
-Dropdown.Header = header['default'];
-Dropdown.Option = option['default'];
-Dropdown.OptionMultiple = option_multiple['default'];
-Dropdown.Link = link['default'];
-Dropdown.Label = label['default'];
-Dropdown.CustomLabel = custom_label['default'];
-Dropdown.Item = item['default'];
-
-exports.default = Dropdown;
-//# sourceMappingURL=index.js.map

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

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-var main_module = require('../../css/dropdown/main.module.less.js');
-var css_classes = require('./css_classes.js');
-var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
-var main_module$1 = require('../../css/modal/main.module.less.js');
-
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
-/**
- * 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
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
-    setSelectedValues(option);
-    if (defaultCloseOnClick === true) {
-        toggleDropdown();
-    }
-};
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-var handleSearchKeyUp = function (ev, options, setOptionsList) {
-    var $input = ev.target;
-    var searchQuery = $input.value;
-    var filteredOptions = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
-};
-var getXYModifiersForNestedDropdowns = function (portalContainer) {
-    var xModifier = 0;
-    var yModifier = 0;
-    if (portalContainer) {
-        var $parentDropdownContent = portalContainer.closest("." + main_module['default'][css_classes.cssDropdownContent]);
-        if ($parentDropdownContent) {
-            var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
-            xModifier = portalX;
-            yModifier = portalY;
-        }
-    }
-    return {
-        xModifier: xModifier,
-        yModifier: yModifier,
-    };
-};
-var isChildOfModal = function (ref) {
-    var _a;
-    var currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
-    while (currentParent) {
-        if (currentParent.classList.contains(main_module$1['default']['modal-window'])) {
-            return true;
-        }
-        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
-    }
-    return false;
-};
-
-exports.getXYModifiersForNestedDropdowns = getXYModifiersForNestedDropdowns;
-exports.handleItemClick = handleItemClick;
-exports.handleSearchKeyUp = handleSearchKeyUp;
-exports.isChildOfModal = isChildOfModal;
-exports.isSelected = isSelected;
-//# sourceMappingURL=utilities.js.map

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

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var CSS_CLASSES = {
-    filePicker: 'file-picker',
-    filePickerDescription: 'file-picker__description',
-    filePickerImagePreview: 'file-picker__image-preview',
-    filePickerUploadIcon: 'file-picker__upload-icon',
-    filePickerDeleteIcon: 'file-picker__delete-icon',
-    filePickerInput: 'file-picker__input',
-    filePickerSelectedFile: 'file-picker__selected-file',
-    filePickerSelectedFileDescription: 'file-picker__selected-file-description',
-};
-
-exports.default = CSS_CLASSES;
-//# sourceMappingURL=css_classes.js.map

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../css/file_picker/main.module.less.js');
-var css_classes = require('./css_classes.js');
-var selected_file_preview = require('./components/selected_file_preview.js');
-var file_input = require('./components/file_input.js');
-var use_file_picker = require('./use_file_picker.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FilePicker = function (_a) {
-    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
-    var _d = use_file_picker.useFilePicker({
-        initialFile: initialFile,
-        onChange: onChange,
-    }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
-    return (React__default['default'].createElement("div", { className: className },
-        file ? (React__default['default'].createElement(selected_file_preview['default'], { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React__default['default'].createElement(file_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
-        React__default['default'].createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput] })));
-};
-
-exports.default = FilePicker;
-//# sourceMappingURL=index.js.map

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

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-var useFilePicker = function (_a) {
-    var onChange = _a.onChange, initialFile = _a.initialFile;
-    var _b = React.useState(initialFile || null), file = _b[0], setFile = _b[1];
-    var _c = React.useState(false), isDragOver = _c[0], setDragOver = _c[1];
-    var _d = React.useState(true), isPreview = _d[0], setPreview = _d[1];
-    React.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,
-    };
-};
-
-exports.useFilePicker = useFilePicker;
-//# sourceMappingURL=use_file_picker.js.map

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

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var index$1 = require('../../grid/index.js');
-var icon_close = require('../../../assets/icon_close.js');
-var index = require('../../message-box/index.js');
-var context = require('../context.js');
-var main_module = require('../../../css/flash_message/main.module.less.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FlashMessage = function (_a) {
-    var message = _a.message;
-    var _b = context.useFlashMessenger(), removeMessage = _b.removeMessage, hideMessage = _b.hideMessage;
-    React.useEffect(function () {
-        setTimeout(function () {
-            hideMessage(message.id);
-        }, message.timeout || 3000);
-    }, []);
-    return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 250, in: message.isVisible, onExited: function () { return removeMessage(message.id); }, classNames: {
-            enter: main_module['default']['flash-messenger__list_enter'],
-            exitDone: main_module['default']['flash-messenger__list_exit-done'],
-            exitActive: main_module['default']['flash-messenger__list_exit-active'],
-        } },
-        React__default['default'].createElement(index['default'], { type: message.type, className: main_module['default']['flash-messenger__message'] + " " + main_module['default']['flash-messenger__list-item'] },
-            React__default['default'].createElement(index$1['default'], { size: "full" },
-                React__default['default'].createElement(index$1['default'].Row, null,
-                    React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
-                        React__default['default'].createElement("div", null, message.content)),
-                    React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
-                        React__default['default'].createElement(icon_close['default'], { onClick: function () { return hideMessage(message.id); }, className: main_module['default']['flash-messenger__icon-close'] })))))));
-};
-
-exports.default = FlashMessage;
-//# sourceMappingURL=flash_message.js.map

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

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var main_module = require('../../../css/flash_message/main.module.less.js');
-var flash_message = require('./flash_message.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FlashMessagesList = function (_a) {
-    var messages = _a.messages;
-    return (React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { className: main_module['default']['flash-messenger'] }, messages.map(function (message) { return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
-            enter: main_module['default']['flash-messenger__list_enter'],
-            exitDone: main_module['default']['flash-messenger__list_exit-done'],
-            exitActive: main_module['default']['flash-messenger__list_exit-active'],
-        } },
-        React__default['default'].createElement(flash_message['default'], { message: message, key: message.id }))); })));
-};
-
-exports.default = FlashMessagesList;
-//# sourceMappingURL=flash_messages_list.js.map

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