@dreamcommerce/aurora 3.0.0-74 → 3.0.0-76

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

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var i18n = require('../../i18n.js');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var image_picker_constants = require('./image_picker_constants.js');
+
+var useImagePicker = function useImagePicker(_ref) {
+  var onChange = _ref.onChange,
+    initialFile = _ref.initialFile,
+    allowedExtensions = _ref.allowedExtensions,
+    inputRef = _ref.inputRef,
+    initialErrors = _ref.initialErrors,
+    onError = _ref.onError;
+  var _useState = React.useState(null),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = React.useState(initialFile),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    file = _useState4[0],
+    setFile = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    fileAsDataUrl = _useState6[0],
+    setFileAsDataUrl = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    errors = _useState8[0],
+    setErrors = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    isDragOver = _useState10[0],
+    setDragOver = _useState10[1];
+  var _useState11 = React.useState(true),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+    isPreview = _useState12[0],
+    setPreview = _useState12[1];
+  var reader = React.useRef(new FileReader());
+  React.useEffect(function () {
+    reader.current && getDataUrlFromFile(reader.current.result);
+    reader.current.addEventListener('load', function () {
+      return getDataUrlFromFile(reader.current.result);
+    }, false);
+    return function () {
+      return reader.current.removeEventListener('load', function () {
+        return getDataUrlFromFile(reader.current.result);
+      });
+    };
+  }, []);
+  React.useEffect(function () {
+    setFile(initialFile);
+  }, [initialFile]);
+  React.useEffect(function () {
+    initialErrors && setErrors(initialErrors);
+  }, [initialErrors]);
+  React.useEffect(function () {
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
+  }, [fileAsDataUrl]);
+  var onDropFile = function onDropFile(event) {
+    setErrors([]);
+    event.stopPropagation();
+    event.preventDefault();
+    var files = event.dataTransfer.files;
+    if (!files.length) return;
+    validateFileExtension(allowedExtensions, files[0].type);
+    setDragOver(false);
+    updateFile(files);
+  };
+  var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
+    if (!allowedExtensions) return true;
+    var isValid = allowedExtensions.reduce(function (acc, extension) {
+      return acc ? acc : image_picker_constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
+    }, false);
+    if (isValid) {
+      setErrors([]);
+      return isValid;
+    }
+    setErrors([].concat(_rollupPluginBabelHelpers.toConsumableArray(errors), [i18n['default'].t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)]));
+    onError === null || onError === void 0 ? void 0 : onError(errors);
+    return isValid;
+  };
+  var onFileChange = function onFileChange(event) {
+    changeFile(event.target.files);
+  };
+  var changeFile = function changeFile(files) {
+    setErrors([]);
+    updateFile(files);
+  };
+  var updateFile = function updateFile(files) {
+    if (files !== null && files !== void 0 && files.length) {
+      setFileList(files);
+      reader.current.readAsDataURL(files[0]);
+      setFile({
+        fileName: files === null || files === void 0 ? void 0 : files[0].name,
+        fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
+      });
+      var isValid = validateFileExtension(allowedExtensions, files[0].type);
+      if (isValid) onChange === null || onChange === void 0 ? void 0 : onChange({
+        fileList: files
+      });
+    } else {
+      setFile(undefined);
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        fileList: files
+      });
+    }
+    setPreview(true);
+  };
+  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
+    setFileAsDataUrl(fileReaderResult);
+  };
+  var onDragOver = function onDragOver(event) {
+    event.stopPropagation();
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'copy';
+    if (!isDragOver) {
+      setDragOver(true);
+    }
+  };
+  var onDragLeave = function onDragLeave() {
+    setDragOver(false);
+  };
+  var onFileDelete = function onFileDelete() {
+    inputRef.current.value = '';
+    setFileList(null);
+    setFile(undefined);
+    setFileAsDataUrl(null);
+    setPreview(true);
+    setErrors([]);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: null,
+      fileAsDataUrl: null
+    });
+  };
+  var onPreviewError = function onPreviewError() {
+    setPreview(false);
+  };
+  return {
+    onDropFile: onDropFile,
+    onFileChange: onFileChange,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
+    onFileDelete: onFileDelete,
+    onPreviewError: onPreviewError,
+    changeFile: changeFile,
+    file: file,
+    errors: errors,
+    isPreview: isPreview,
+    isDragOver: isDragOver
+  };
+};
+
+exports.useImagePicker = useImagePicker;
+//# sourceMappingURL=use_image_picker.js.map

package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/typography/typography_variants.js

@@ -10,7 +10,7 @@ var css_line_height_tokens = require('../../constants/css_tokens/css_line_height
 
 var typographyVariants = index.cva('', {
   variants: {
-    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'), "caption", 'aurora-font-extrabold aurora-tracking-md aurora-uppercase'),
     transform: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_TRANSFORM_TYPES.uppercase, 'aurora-uppercase'), typography_constants.TYPOGRAPHY_TRANSFORM_TYPES.lowercase, 'aurora-lowercase'), typography_constants.TYPOGRAPHY_TRANSFORM_TYPES.capitalize, 'aurora-capitalize'),
     weight: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_WEIGHT_TYPES.normal, 'aurora-font-normal'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.medium, 'aurora-font-medium'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.semibold, 'aurora-font-semibold'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.bold, 'aurora-font-bold'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.extrabold, 'aurora-font-extrabold'),
     size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_font_size_tokens.CSS_FONT_SIZE_TOKENS.xs, 'aurora-text-xs'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.s, 'aurora-text-s'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.md, 'aurora-text'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.lg, 'aurora-text-lg'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.xl, 'aurora-text-xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['2xl'], 'aurora-text-2xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['3xl'], 'aurora-text-3xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['4xl'], 'aurora-text-4xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['5xl'], 'aurora-text-5xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['6xl'], 'aurora-text-6xl'),

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

@@ -0,0 +1,202 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var loader = require('../loader/loader.js');
+var use_modals_context = require('../modal/hooks/use_modals_context.js');
+var modal = require('../modal/components/modal/modal.js');
+var utilities = require('@dreamcommerce/utilities');
+var image_picker_constants = require('../image_picker/image_picker_constants.js');
+var image_picker = require('../image_picker/image_picker.js');
+var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
+var use_http_api = require('../../hooks/use_http_api.js');
+var image_edit_icon = require('../../assets/icons/image_edit_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var XhrImagePicker = function XhrImagePicker(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    name = _ref.name,
+    onUploaded = _ref.onUploaded,
+    initialFile = _ref.initialFile,
+    errors = _ref.errors,
+    onError = _ref.onError,
+    onChange = _ref.onChange,
+    onImageSizeUpdated = _ref.onImageSizeUpdated,
+    _ref$allowedExtension = _ref.allowedExtensions,
+    allowedExtensions = _ref$allowedExtension === void 0 ? [image_picker_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
+    ImageEditor = _ref.ImageEditor;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var httpApi = use_http_api.useHttpApi();
+  var pendingRequestRef = React__default['default'].useRef();
+  var initialImageFile = React.useRef();
+  var _useModalsContext = use_modals_context.useModalsContext(),
+    showModal = _useModalsContext.showModal,
+    hideModal = _useModalsContext.hideModal;
+  var modalId = "image-picker-editor-".concat(id);
+  var _useState = React.useState(),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    initialImage = _useState2[0],
+    setInitialImage = _useState2[1];
+  var _useState3 = React.useState(),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    image = _useState4[0],
+    setImage = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    imageEditorSrc = _useState6[0],
+    setImageEditorSrc = _useState6[1];
+  var _useState7 = React.useState(),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    imageEditorResult = _useState8[0],
+    setImageEditorResult = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    isLoading = _useState10[0],
+    setIsLoading = _useState10[1];
+  var _useState11 = React.useState(),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+    imageExtenstion = _useState12[0],
+    setImageExtenstion = _useState12[1];
+  var handleControlChange = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
+            fileList && setImage(fileList[0]);
+            onChange === null || onChange === void 0 ? void 0 : onChange({
+              fileList: fileList,
+              fileAsDataUrl: fileAsDataUrl
+            });
+            if (!(!fileList || !fileList.length)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            if (pendingRequestRef.current) {
+              pendingRequestRef.current();
+              pendingRequestRef.current = undefined;
+            }
+            setIsLoading(true);
+            _httpApi$fetch = httpApi.fetch({
+              url: url,
+              method: http_requester_contants.REQUEST_TYPES.post,
+              data: fileList[0]
+            }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
+            pendingRequestRef.current = cancelRequest;
+            _context.next = 11;
+            return response.finally(function () {
+              return setIsLoading(false);
+            });
+          case 11:
+            responseObject = _context.sent;
+            onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
+              fileList: fileList,
+              dataUrl: fileAsDataUrl,
+              imageId: responseObject.data.imageId
+            });
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleControlChange(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    if (initialFile) {
+      setImageExtenstion(utilities.FileUtils.getFileExtension(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileName));
+      initialImageFile.current = initialFile;
+      var setFileFromUrl = /*#__PURE__*/function () {
+        var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
+          var response, data, file;
+          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return fetch(fileData.fileUrl);
+              case 2:
+                response = _context2.sent;
+                _context2.next = 5;
+                return response.blob();
+              case 5:
+                data = _context2.sent;
+                file = new File([data], fileData.fileName);
+                setInitialImage(file);
+              case 8:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function setFileFromUrl(_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      if (!initialImageFile.current) return;
+      setFileFromUrl(initialImageFile.current);
+    }
+  }, []);
+  React.useEffect(function () {
+    image && setImageExtenstion(utilities.FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
+    return function () {
+      var _pendingRequestRef$cu;
+      return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
+    };
+  }, [image]);
+  React.useEffect(function () {
+    var src = image !== null && image !== void 0 ? image : initialImage;
+    setImageEditorSrc(src !== null && src !== void 0 ? src : '');
+  }, [image, initialImage, isLoading]);
+  var renderImageEditor = function renderImageEditor(defaultProps) {
+    return ImageEditor ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(image_picker.ImagePicker, {
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: onError,
+    errors: errors,
+    allowedExtensions: allowedExtensions,
+    initialFile: initialImageFile.current,
+    onImageSizeUpdated: onImageSizeUpdated,
+    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React__default['default'].createElement("button", {
+      onClick: function onClick() {
+        return showModal(modalId);
+      },
+      type: "button",
+      className: " aurora-absolute aurora-top-2 aurora-right-2 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
+    }, /*#__PURE__*/React__default['default'].createElement(image_edit_icon.ImageEditLineIcon, {
+      className: "aurora-w-4 aurora-h-4 aurora-fill"
+    }), /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "aurora-text-xs aurora-text aurora-font-semibold"
+    }, "".concat(t('Edit'))))),
+    editedImageResult: imageEditorResult
+  }), isLoading && (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(loader.Loader, null), /*#__PURE__*/React__default['default'].createElement("span", null, "".concat(t('Transfering file...')))))), !!ImageEditor && (/*#__PURE__*/React__default['default'].createElement(modal.Modal, {
+    name: modalId,
+    header: t('Edit image'),
+    width: "l"
+  }, renderImageEditor({
+    src: imageEditorSrc,
+    onEditionDone: function onEditionDone(result) {
+      hideModal(modalId);
+      setImageEditorResult(result);
+    }
+  }))));
+};
+
+exports.XhrImagePicker = XhrImagePicker;
+//# sourceMappingURL=xhr_image_picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/use_http_api.js

@@ -0,0 +1,27 @@
+'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');
+
+var useHttpApi = function useHttpApi() {
+  var clientRef = use_lazy_ref.useLazyRef(function () {
+    return new axios_http_client.AxiosClient();
+  });
+  return {
+    fetch: function fetch(requestOptions) {
+      var _clientRef$current$ma = clientRef.current.makeCancelable(),
+        cancelRequest = _clientRef$current$ma.cancelRequest,
+        cancelToken = _clientRef$current$ma.cancelToken;
+      requestOptions.cancelToken = cancelToken;
+      return {
+        response: clientRef.current.fetch(requestOptions),
+        cancelRequest: 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;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)
+var 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) {
+  var 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/i18n.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var en = require('./translations/en.json.js');
+var i18next = require('../../../external/i18next/dist/esm/i18next.js');
+var context = require('../../../external/react-i18next/dist/es/context.js');
+var pl = require('./translations/pl.json.js');
+
+var resources = {
+  en: {
+    translation: en['default']
+  },
+  pl: {
+    translation: pl['default']
+  }
+};
+var i18n = i18next['default'].createInstance();
+i18n.use(context.initReactI18next).init({
+  resources: resources,
+  keySeparator: false,
+  interpolation: {
+    escapeValue: false
+  }
+});
+
+exports.default = i18n;
+//# sourceMappingURL=i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,sBAAsB,+CAAmD;AACzE,sBAAsB,oDAAwD;AAC9E;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

@@ -99,6 +99,8 @@ var radio_group_control = require('./components/controls/radio_group_control/rad
 var text_area = require('./components/text_area/text_area.js');
 var text_area_control = require('./components/controls/text_area_control/text_area_control.js');
 var controls_group = require('./components/controls/controls_group/controls_group.js');
+var xhr_image_picker = require('./components/xhr_image_picker/xhr_image_picker.js');
+var xhr_image_picker_control = require('./components/controls/xhr_image_picker_control/xhr_image_picker_control.js');
 
 
 
@@ -217,4 +219,6 @@ exports.RadioGroupControl = radio_group_control.RadioGroupControl;
 exports.TextArea = text_area.TextArea;
 exports.TextAreaControl = text_area_control.TextAreaControl;
 exports.ControlsGroup = controls_group.ControlsGroup;
+exports.XhrImagePicker = xhr_image_picker.XhrImagePicker;
+exports.XhrImagePickerControl = xhr_image_picker_control.XhrImagePickerControl;
 //# 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Select = "Select";
+var en = {
+	Select: Select
+};
+
+exports.Select = Select;
+exports.default = en;
+//# sourceMappingURL=en.json.js.map

package/build/cjs/packages/aurora/src/translations/en.json.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;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Select = "Wybierz";
+var pl = {
+	Select: Select
+};
+
+exports.Select = Select;
+exports.default = pl;
+//# sourceMappingURL=pl.json.js.map

package/build/cjs/packages/aurora/src/translations/pl.json.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;"}

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