@dreamcommerce/aurora 2.5.6 → 2.6.0-10

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

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
+var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
+var classnames = require('classnames');
+var constants = require('../file_picker/constants.js');
+var errors_list = require('../controls/components/errors_list.js');
+var utils = require('../file_picker/utils.js');
+var use_file_picker = require('../file_picker/use_file_picker.js');
+var css_classes = require('./css_classes.js');
+var main_module = require('../../css/image_picker/main.module.less.js');
+var image_input = require('./components/image_input.js');
+var image_preview = require('./components/image_preview.js');
+var uploaded_image_item = require('./components/uploaded_image_item.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const ImagePicker = ({ id, onChange, errors: initialErrors, allowedExtensions = [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG], initialFile, name, className = ''
+// hasWidthInput,
+// widthInputPostfix = 'px',
+// widthInputLabel,
+// widthInputHint
+ }) => {
+    const [t] = useTranslation.useTranslation();
+    const inputRef = React.createRef();
+    // const [fileFormatIsCorrect, setFileFormatIsCorrect] = useState<boolean>(true);
+    const [imageSize, setImageSize] = React.useState(undefined);
+    // const [widthInputValue, setWidthInputValue] = useState<number | undefined>();
+    // const [isInputWidthTooBig, setIsInputWidthTooBig] = useState<boolean>(false);
+    const onImageFileChange = (files) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(files, imageSize);
+    };
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = use_file_picker.useFilePicker({ initialFile, onChange: onImageFileChange, allowedExtensions, initialErrors, inputRef });
+    const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+    // const showMaxWidthInput = hasWidthInput && file && fileFormatIsCorrect && !isVectorImage;
+    const imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
+    const imagePickerWrapperClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePickerWrapper], file && main_module['default'][css_classes['default'].imagePickerWrapperHasFile], {
+        [main_module['default'][css_classes['default'].imagePickerWrapperError]]: errors.length
+    });
+    const useStyles = reactJss_esm.createUseStyles({
+        imagePickerWrapper: {
+            border: ({ isDragOver }) => (isDragOver ? '1px solid #135cc8' : ''),
+            backgroundColor: ({ isDragOver }) => (isDragOver ? 'rgba(208, 230, 255, 0.5)' : ''),
+            '& svg': {
+                // @ts-ignore
+                fill: ({ isDragOver }) => (isDragOver ? '#3c83ec' : '')
+            }
+        }
+    });
+    const dragOverStyles = useStyles({ isDragOver });
+    // const getImageWidth = (event: any) => {
+    //     let selectedImage;
+    //
+    //     if (event.target instanceof HTMLInputElement) {
+    //         const {
+    //             target: { files }
+    //         } = event;
+    //         selectedImage = files[0];
+    //     } else {
+    //         const {
+    //             dataTransfer: { files }
+    //         } = event;
+    //         selectedImage = files[0];
+    //     }
+    //
+    //     const imgElement = document.createElement('img');
+    //     const objectURL = URL.createObjectURL(selectedImage);
+    //
+    //     imgElement.onload = () => {
+    //         setImageSize({ width: imgElement.width, height: imgElement.height });
+    //         URL.revokeObjectURL(objectURL);
+    //     };
+    //
+    //     imgElement.src = objectURL;
+    // };
+    const handlePreviewLoaded = (event) => {
+        const $image = event.target;
+        setImageSize({ width: $image.width, height: $image.height });
+    };
+    // const checkIfInputMaxWidthIsGreaterThenImageWidth = (): void => {
+    //     if (!widthInputValue || !imageSize.width) return;
+    //     widthInputValue > imageSize.width ? setIsInputWidthTooBig(true) : setIsInputWidthTooBig(false);
+    // };
+    // const handleOnDropFile = (event: React.DragEvent<HTMLLabelElement>) => {
+    //     onDropFile(event);
+    //     // getImageWidth(event);
+    // };
+    //
+    // const handleOnFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    //     onFileChange(event);
+    //     // getImageWidth(event);
+    // };
+    const handleOnFileDelete = () => {
+        setImageSize(undefined);
+        onFileDelete();
+    };
+    // const handleOnWidthInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    //     setWidthInputValue(event.target.valueAsNumber);
+    // };
+    // useEffect(() => {
+    //     // checkIfInvalideFileFormatErrorOccured(errors) ? setFileFormatIsCorrect(false) : setFileFormatIsCorrect(true);
+    //     // file && checkIfInputMaxWidthIsGreaterThenImageWidth();
+    // }, [errors, file, widthInputValue]);
+    // useEffect(() => {
+    //     setWidthInputValue(imageSize.width);
+    // }, [imageSize]);
+    return (React__default['default'].createElement("div", { className: imagePickerClassName },
+        React__default['default'].createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
+            file &&
+                (isPreview ? (React__default['default'].createElement(React__default['default'].Fragment, null,
+                    React__default['default'].createElement(image_preview.ImagePreview, { file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onError: onPreviewError, onLoad: handlePreviewLoaded }),
+                    React__default['default'].createElement(uploaded_image_item.UploadedImageItem, { imageSize: imageSize, file: file, isValid: !(errors === null || errors === void 0 ? void 0 : errors.length), onFileDelete: handleOnFileDelete }))) : (React__default['default'].createElement("div", null, t('No preview')))),
+            React__default['default'].createElement(image_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
+            React__default['default'].createElement("input", { onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].imagePickerInput], accept: acceptFiles })),
+        errors && React__default['default'].createElement(errors_list.ErrorsList, { errors: errors })));
+};
+
+exports.default = ImagePicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/message-box/index.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const MessageBox = ({ children, header, type, withoutIcon, fullWidth, className }) => {
     const messageBoxClassName = classNames.classNames([className, 'message-box', type && `message-box_${type}`, fullWidth && `message-box_full-width`], main_module['default']);
     return (React__default['default'].createElement("div", { className: messageBoxClassName },
-        !withoutIcon && type !== 'blank' && React__default['default'].createElement("div", { className: main_module['default']['message-box__icon'] }),
+        !withoutIcon && React__default['default'].createElement("div", { className: main_module['default']['message-box__icon'] }),
         React__default['default'].createElement("div", { className: main_module['default']['message-box__content'] },
             header && React__default['default'].createElement("h4", { className: main_module['default']['message-box__header'] }, header),
             children)));

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../file_picker/constants.js');
+var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
+var index = require('../image_picker/index.js');
+var use_http_api = require('../../hooks/use_http_api.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, allowedExtensions = [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG] }) => {
+    const httpApi = use_http_api.useHttpApi();
+    const onChange = async (fileList, imageSize) => {
+        const { response } = httpApi.fetch({
+            url,
+            method: http_requester_contants.REQUEST_TYPES.post,
+            data: fileList[0]
+        });
+        const data = await response;
+        onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded(data, fileList[0], imageSize);
+    };
+    return (React__default['default'].createElement(index['default'], { id: id, name: name, onChange: onChange, errors: errors, allowedExtensions: allowedExtensions, initialFile: initialFile }));
+};
+
+exports.default = XhrImagePicker;
+//# sourceMappingURL=index.js.map

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

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

package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n}\n.main-module_image-picker__description__1v13N p {\n  color: #3c83ec;\n}\n.main-module_image-picker__description__1v13N span {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
+var styles = {"image-picker__wrapper":"main-module_image-picker__wrapper__2RK3f","image-picker__wrapper-error":"main-module_image-picker__wrapper-error__kCZeA","image-picker__wrapper-has-file":"main-module_image-picker__wrapper-has-file__2zmRc","image-picker__label":"main-module_image-picker__label__1i_Fq","image-picker__description":"main-module_image-picker__description__1v13N","image-picker__upload-icon":"main-module_image-picker__upload-icon__3sMvN","image-picker__input":"main-module_image-picker__input__3Wu2I","image-picker__delete-button":"main-module_image-picker__delete-button__21_kT","image-picker__delete-label":"main-module_image-picker__delete-label__3v2ot","image-picker__wrong-file-format-icon":"main-module_image-picker__wrong-file-format-icon__X-NL0","image-picker__delete-icon":"main-module_image-picker__delete-icon__30pkO","image-picker__selected-file":"main-module_image-picker__selected-file__3bRqa","image-picker__selected-file-name-wrapper":"main-module_image-picker__selected-file-name-wrapper__37MKd","image-picker__selected-file-remove-wrapper":"main-module_image-picker__selected-file-remove-wrapper__2v4W2","image-picker__image-preview-wrapper":"main-module_image-picker__image-preview-wrapper__1jPXU","image-picker__image-preview":"main-module_image-picker__image-preview__12pRu","image-picker__error-text":"main-module_image-picker__error-text__rXAvw"};
+styleInject_es['default'](css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/slide/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 1px solid #abb4cd;\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 1px solid #abb4cd;\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 1.5rem 1rem 1.5rem 1rem;\n  background-color: #fff;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
 var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
 styleInject_es['default'](css_248z);
 

package/build/cjs/packages/aurora/src/hooks/use_http_api.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var axios_http_client = require('../../../star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js');
+var use_lazy_ref = require('./use_lazy_ref.js');
+
+const useHttpApi = () => {
+    const clientRef = use_lazy_ref.useLazyRef(() => new axios_http_client.AxiosClient());
+    return {
+        fetch: (requestOptions) => {
+            const { cancelRequest, cancelToken } = clientRef.current.makeCancelable();
+            requestOptions.cancelToken = cancelToken;
+            return {
+                response: clientRef.current.fetch(requestOptions),
+                cancelRequest
+            };
+        }
+    };
+};
+
+exports.useHttpApi = useHttpApi;
+//# sourceMappingURL=use_http_api.js.map

package/build/cjs/packages/aurora/src/hooks/use_http_api.js.map

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

package/build/cjs/packages/aurora/src/hooks/use_lazy_ref.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// Opaque type that is not null
+// (we want to be able to pass null as an init)
+const SENTINEL = {};
+/**
+ * Creates a ref that can be initalized with a callback (lazily).
+ * This is useful so we don't have to construct a class or call a function every time we
+ * call this hook in a component as that could be costly.
+ *
+ * Inspiration is from https://github.com/facebook/react/issues/14490
+ *
+ * @param init Initial value
+ * @returns A React ref that was initalized with `init`
+ *
+ * @example
+ * const ref = useLazyRef(() => new MyExpensiveClass());
+ * ref.current.doSomething();
+ */
+function useLazyRef(init) {
+    const ref = React.useRef(SENTINEL);
+    if (ref.current === SENTINEL) {
+        ref.current = init();
+    }
+    // Guarenteed to be a non-sentinel value
+    // so the cast is safe :)
+    return ref;
+}
+
+exports.useLazyRef = useLazyRef;
+//# sourceMappingURL=use_lazy_ref.js.map

package/build/cjs/packages/aurora/src/hooks/use_lazy_ref.js.map

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

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$r = require('./components/modal/hoc/absolute_modal/index.js');
+var index$s = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/accordion/index.js');
 var index$1 = require('./components/button/index.js');
 var index$3 = require('./components/buttons_group/index.js');
-var index$y = require('./components/dropdown/context/index.js');
+var index$z = require('./components/dropdown/context/index.js');
 var index$k = require('./components/color_picker/index.js');
 var icon_tick = require('./assets/icon_tick.js');
 var index$8 = require('./components/stack/index.js');
@@ -16,58 +16,61 @@ var icon_arrow = require('./assets/icon_arrow.js');
 var index$b = require('./components/controls/hoc/control_checkbox/index.js');
 var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
 var index$4 = require('./components/dropdown/index.js');
-var index$C = require('./components/hint/index.js');
-var index$B = require('./components/controls/hoc/control_cell_selector/index.js');
+var index$E = require('./components/hint/index.js');
+var index$D = require('./components/controls/hoc/control_cell_selector/index.js');
 var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
 var index$l = require('./components/controls/hoc/control_color_picker/index.js');
 var index$5 = require('./components/dropdown/hoc/select/index.js');
 var index$j = require('./components/date_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
 var index$m = require('./components/controls/hoc/control_date_picker/index.js');
-var index$A = require('./components/file_picker/index.js');
+var index$B = require('./components/file_picker/index.js');
 var index$n = require('./components/controls/hoc/control_file_picker/index.js');
+var index$C = require('./components/image_picker/index.js');
+var index$M = require('./components/xhr_image_picker/index.js');
+var index$o = require('./components/controls/hoc/control_xhr_image_picker/index.js');
 var index$a = require('./components/controls/hoc/control_input/index.js');
 var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
 var index$g = require('./components/controls/hoc/control_multi_select/index.js');
 var index$d = require('./components/controls/hoc/control_radio/index.js');
-var index$D = require('./components/controls/hoc/control_radio_group/index.js');
+var index$F = require('./components/controls/hoc/control_radio_group/index.js');
 var index$f = require('./components/controls/hoc/control_range/index.js');
 var index$e = require('./components/controls/hoc/control_select/index.js');
-var index$t = require('./components/tag/index.js');
-var index$u = require('./components/tags_selector/index.js');
-var index$v = require('./components/controls/hoc/control_tags_selector/index.js');
+var index$u = require('./components/tag/index.js');
+var index$v = require('./components/tags_selector/index.js');
+var index$w = require('./components/controls/hoc/control_tags_selector/index.js');
 var index$h = require('./components/controls/hoc/control_textarea/index.js');
-var index$w = require('./components/table/index.js');
+var index$x = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var context = require('./components/flash_messenger/context.js');
-var index$E = require('./components/message-box/index.js');
+var index$G = require('./components/message-box/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
-var index$F = require('./components/flash_messenger/index.js');
+var index$H = require('./components/flash_messenger/index.js');
 var index$i = require('./components/gallery/index.js');
-var index$x = require('./components/grid/index.js');
-var index$p = require('./components/typography/index.js');
-var index$o = require('./components/heading/index.js');
+var index$y = require('./components/grid/index.js');
+var index$q = require('./components/typography/index.js');
+var index$p = require('./components/heading/index.js');
 var icon_desktop = require('./assets/icon_desktop.js');
 var icon_laptop = require('./assets/icon_laptop.js');
 var icon_mobile = require('./assets/icon_mobile.js');
 var icon_tablet = require('./assets/icon_tablet.js');
 var icon_warning = require('./assets/icon_warning.js');
-var index$I = require('./components/link/index.js');
-var index$G = require('./components/loader/index.js');
-var index$q = require('./components/modal/index.js');
+var index$K = require('./components/link/index.js');
+var index$I = require('./components/loader/index.js');
+var index$r = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var index$s = require('./components/modal/hoc/relative_modal/index.js');
+var index$t = require('./components/modal/hoc/relative_modal/index.js');
 var search_list = require('./components/search_list/components/search_list.js');
 var use_search_list = require('./components/search_list/use_search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
-var index$J = require('./components/slide/index.js');
-var slide_header = require('./components/slide/components/slide_header.js');
+var index$L = require('./components/slide/index.js');
 var slide_content = require('./components/slide/components/slide_content.js');
 var slide_footer = require('./components/slide/components/slide_footer.js');
+var slide_header = require('./components/slide/components/slide_header.js');
 var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
-var index$z = require('./components/spacing/index.js');
+var index$A = require('./components/spacing/index.js');
 var tabs = require('./components/tabs/components/tabs.js');
 var tabs_item = require('./components/tabs/components/tabs_item.js');
 var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
@@ -75,16 +78,16 @@ var tabs_panel = require('./components/tabs/components/tabs_panel.js');
 var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$2 = require('./components/tooltip/index.js');
-var index$H = require('./components/with_loader/index.js');
+var index$J = require('./components/with_loader/index.js');
 
 
 
-exports.AbsoluteModal = index$r['default'];
+exports.AbsoluteModal = index$s['default'];
 exports.Accordion = index['default'];
 exports.Button = index$1['default'];
 exports.ButtonsGroup = index$3['default'];
-exports.DropdownContext = index$y.DropdownContext;
-exports.useDropdownContext = index$y.useDropdownContext;
+exports.DropdownContext = index$z.DropdownContext;
+exports.useDropdownContext = index$z.useDropdownContext;
 exports.ColorPicker = index$k['default'];
 exports.IconTick = icon_tick['default'];
 exports.Stack = index$8['default'];
@@ -94,59 +97,62 @@ exports.IconArrow = icon_arrow['default'];
 exports.ControlCheckbox = index$b['default'];
 exports.useToggle = use_toggle.useToggle;
 exports.Dropdown = index$4['default'];
-exports.Hint = index$C['default'];
-exports.ControlCellSelector = index$B['default'];
+exports.Hint = index$E['default'];
+exports.ControlCellSelector = index$D['default'];
 exports.ControlCheckboxSwitch = index$c['default'];
 exports.ControlColorPicker = index$l['default'];
 exports.Select = index$5['default'];
 exports.Datepicker = index$j['default'];
 exports.IconCalendar = icon_calendar['default'];
 exports.ControlDatepicker = index$m['default'];
-exports.FilePicker = index$A['default'];
+exports.FilePicker = index$B['default'];
 exports.ControlFilePicker = index$n['default'];
+exports.ImagePicker = index$C['default'];
+exports.XhrImagePicker = index$M['default'];
+exports.ControlXhrImagePicker = index$o['default'];
 exports.ControlInput = index$a['default'];
 exports.MultiSelect = index$6['default'];
 exports.ControlMultiSelect = index$g['default'];
 exports.ControlRadio = index$d['default'];
-exports.ControlRadioGroup = index$D['default'];
+exports.ControlRadioGroup = index$F['default'];
 exports.ControlRange = index$f['default'];
 exports.ControlSelect = index$e['default'];
-exports.Tag = index$t['default'];
-exports.TagsSelector = index$u['default'];
-exports.ControlTagsSelector = index$v['default'];
+exports.Tag = index$u['default'];
+exports.TagsSelector = index$v['default'];
+exports.ControlTagsSelector = index$w['default'];
 exports.ControlTextarea = index$h['default'];
-exports.Table = index$w['default'];
+exports.Table = index$x['default'];
 exports.DataTable = dataTable['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
-exports.MessageBox = index$E['default'];
+exports.MessageBox = index$G['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
-exports.FlashMessenger = index$F['default'];
+exports.FlashMessenger = index$H['default'];
 exports.Gallery = index$i['default'];
-exports.Grid = index$x['default'];
-exports.Typography = index$p.Typography;
-exports.Heading = index$o['default'];
+exports.Grid = index$y['default'];
+exports.Typography = index$q.Typography;
+exports.Heading = index$p['default'];
 exports.IconDesktop = icon_desktop['default'];
 exports.IconLaptop = icon_laptop['default'];
 exports.IconMobile = icon_mobile['default'];
 exports.IconTablet = icon_tablet['default'];
 exports.IconWarning = icon_warning['default'];
-exports.Link = index$I['default'];
-exports.Loader = index$G['default'];
-exports.Modal = index$q['default'];
+exports.Link = index$K['default'];
+exports.Loader = index$I['default'];
+exports.Modal = index$r['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
-exports.RelativeModal = index$s['default'];
+exports.RelativeModal = index$t['default'];
 exports.SearchList = search_list.SearchList;
 exports.useSearchList = use_search_list.useSearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
-exports.Slide = index$J['default'];
-exports.SlideHeader = slide_header.SlideHeader;
+exports.Slide = index$L['default'];
 exports.SlideContent = slide_content.SlideContent;
 exports.SlideFooter = slide_footer.SlideFooter;
+exports.SlideHeader = slide_header.SlideHeader;
 exports.SlideWrapper = slide_wrapper.SlideWrapper;
-exports.Spacing = index$z['default'];
+exports.Spacing = index$A['default'];
 exports.Tabs = tabs['default'];
 exports.TabsItem = tabs_item.TabsItem;
 exports.TabsItemList = tabs_item_list.TabsItemList;
@@ -154,5 +160,5 @@ exports.TabsPanel = tabs_panel.TabsPanel;
 exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$2['default'];
-exports.WithLoader = index$H['default'];
+exports.WithLoader = index$J['default'];
 //# sourceMappingURL=index.js.map

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

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

package/build/cjs/packages/aurora/src/translations/en.json.js

@@ -79,7 +79,11 @@ var en = {
 	"Selected cell 6": "Bottom left",
 	"Selected cell 7": "Bottom center",
 	"Selected cell 8": "Bottom right",
-	"Drag file or select": "Drag file or select"
+	"Drag file or select": "Drag file or select",
+	"Drag a file here or browse": "Drag a file here or browse",
+	"supported format": "supported format",
+	"The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file",
+	"Invalid file format": "Invalid file format"
 };
 
 exports.Add = Add;

package/build/cjs/packages/aurora/src/translations/en.json.js.map

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

package/build/cjs/packages/aurora/src/translations/pl.json.js

@@ -79,7 +79,11 @@ var pl = {
 	"Selected cell 6": "Dół z lewej",
 	"Selected cell 7": "Dół na środku",
 	"Selected cell 8": "Dół z prawej",
-	"Drag file or select": "Przeciągnij plik lub wybierz"
+	"Drag file or select": "Przeciągnij plik lub wybierz",
+	"Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
+	"supported format": "obsługiwany format",
+	"The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku",
+	"Invalid file format": "Nieprawidłowy format pliku"
 };
 
 exports.Add = Add;

package/build/cjs/packages/aurora/src/translations/pl.json.js.map

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

package/build/cjs/packages/star_core/build/esm/external/axios/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var axios$1 = require('./lib/axios.js');
+
+var axios = axios$1['default'];
+
+exports.default = axios;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/star_core/build/esm/external/axios/index.js.map

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