@cashub/ui 0.20.0 → 0.21.1

package/dropzone/ImageDropzone.js

@@ -4,221 +4,151 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _fi = require("react-icons/fi");
-
 var _md = require("react-icons/md");
-
 var _utils = require("@cashub/utils");
-
 var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
-
 var _Message = _interopRequireDefault(require("./subComponent/Message"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ImageDropzone = function ImageDropzone(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 180 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 320 : _ref$height,
-      _ref$fixedSize = _ref.fixedSize,
-      fixedSize = _ref$fixedSize === void 0 ? true : _ref$fixedSize,
-      maxFiles = _ref.maxFiles,
-      message = _ref.message,
-      accept = _ref.accept,
-      disabled = _ref.disabled,
-      onAddedFile = _ref.onAddedFile,
-      onRemovedFile = _ref.onRemovedFile,
-      setDropzoneFunc = _ref.setDropzoneFunc,
-      cropper = _ref.cropper,
-      onBlur = _ref.onBlur;
-  var inputRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      files = _useState2[0],
-      setFiles = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      dragging = _useState4[0],
-      setDragging = _useState4[1];
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      addedFiles = _useState6[0],
-      setAddedFiles = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      focus = _useState8[0],
-      setFocus = _useState8[1];
-
-  var handleClick = function handleClick() {
+const ImageDropzone = _ref => {
+  let {
+    width = 180,
+    height = 320,
+    fixedSize = true,
+    maxFiles,
+    message,
+    accept,
+    disabled,
+    onAddedFile,
+    onRemovedFile,
+    setDropzoneFunc,
+    cropper,
+    onBlur
+  } = _ref;
+  const inputRef = (0, _react.useRef)(null);
+  const [files, setFiles] = (0, _react.useState)([]);
+  const [dragging, setDragging] = (0, _react.useState)(false);
+  const [addedFiles, setAddedFiles] = (0, _react.useState)([]);
+  const [focus, setFocus] = (0, _react.useState)(false);
+  const handleClick = () => {
     if (disabled || files.length >= maxFiles) return;
     setFocus(false);
     inputRef.current.click();
   };
-
-  var handleDragEnter = function handleDragEnter(event) {
+  const handleDragEnter = event => {
     event.preventDefault();
     event.stopPropagation();
     if (!disabled && files.length < maxFiles) setDragging(true);
   };
-
-  var handleDragOver = function handleDragOver(event) {
+  const handleDragOver = event => {
     event.preventDefault();
     event.stopPropagation();
     if (!disabled && files.length < maxFiles) setDragging(true);
   };
-
-  var handleDragLeave = function handleDragLeave(event) {
+  const handleDragLeave = event => {
     event.preventDefault();
     event.stopPropagation();
     setDragging(false);
   };
-
-  var handleDrop = function handleDrop(event) {
+  const handleDrop = event => {
     event.preventDefault();
     event.stopPropagation();
-
     if (!disabled && files.length < maxFiles) {
       setDragging(false);
-      var dataTransfer = event.dataTransfer;
-
-      var _dataTransfer$files = _toArray(dataTransfer.files),
-          newFiles = _dataTransfer$files.slice(0);
-
+      const {
+        dataTransfer
+      } = event;
+      const {
+        files: [...newFiles]
+      } = dataTransfer;
       if (files.length + newFiles.length > maxFiles) {
         newFiles.splice(maxFiles - files.length);
       }
-
-      for (var index = 0; index < newFiles.length; index += 1) {
+      for (let index = 0; index < newFiles.length; index += 1) {
         newFiles[index].url = URL.createObjectURL(newFiles[index]);
       }
-
-      setFiles([].concat(_toConsumableArray(files), _toConsumableArray(newFiles)));
+      setFiles([...files, ...newFiles]);
       setAddedFiles(newFiles);
     }
   };
-
-  var handleAddFiles = (0, _react.useCallback)(function (newFiles) {
-    setFiles(function (previous) {
+  const handleAddFiles = (0, _react.useCallback)(newFiles => {
+    setFiles(previous => {
       if (previous.length + newFiles.length > maxFiles) {
         newFiles.splice(maxFiles - previous.length);
       }
-
-      return [].concat(_toConsumableArray(previous), _toConsumableArray(newFiles));
+      return [...previous, ...newFiles];
     });
-
-    for (var index = 0; index < newFiles.length; index += 1) {
+    for (let index = 0; index < newFiles.length; index += 1) {
       newFiles[index].url = URL.createObjectURL(newFiles[index]);
     }
-
     setAddedFiles(newFiles);
   }, [maxFiles]);
-  var handleRemoveFile = (0, _react.useCallback)(function (event, index) {
+  const handleRemoveFile = (0, _react.useCallback)((event, index) => {
     if (event) {
       event.stopPropagation();
     }
-
-    setFiles(function (previous) {
-      var newFiles = _toConsumableArray(previous);
-
+    setFiles(previous => {
+      const newFiles = [...previous];
       newFiles.splice(index, 1);
       return newFiles;
     });
     if (onRemovedFile) onRemovedFile(index);
   }, [onRemovedFile]);
-  var handleChangeFile = (0, _react.useCallback)(function (event) {
-    var files = event.target.files;
-    var newFiles = [];
-
-    for (var index = 0; index < files.length; index += 1) {
+  const handleChangeFile = (0, _react.useCallback)(event => {
+    const {
+      files
+    } = event.target;
+    const newFiles = [];
+    for (let index = 0; index < files.length; index += 1) {
       newFiles.push(files[index]);
     }
-
     handleAddFiles(newFiles);
     inputRef.current.value = '';
   }, [handleAddFiles]);
-  var handleCrop = (0, _react.useCallback)(function (event, index, file) {
+  const handleCrop = (0, _react.useCallback)((event, index, file) => {
     event.stopPropagation();
     setFocus(false);
     cropper.handler({
-      file: file,
+      file,
       src: file.url,
-      width: width,
-      height: height,
+      width,
+      height,
       cropBoxResizable: cropper.cropBoxResizable ? cropper.cropBoxResizable : false,
-      onCrop: function onCrop(croppedSrc) {
-        var croppedImageFile = (0, _utils.dataURLtoFile)(croppedSrc, file.name);
+      onCrop: croppedSrc => {
+        const croppedImageFile = (0, _utils.dataURLtoFile)(croppedSrc, file.name);
         croppedImageFile.url = croppedSrc;
         cropper.onCrop(index, croppedImageFile);
-        setFiles(function (previousFiles) {
-          var newFiles = _toConsumableArray(previousFiles);
-
+        setFiles(previousFiles => {
+          const newFiles = [...previousFiles];
           newFiles[index] = croppedImageFile;
           return newFiles;
         });
       }
     });
   }, [width, height, cropper]);
-
-  var previewItem = function previewItem() {
-    return files.map(function (file, index) {
+  const previewItem = () => {
+    return files.map((file, index) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Image, {
         width: width,
         height: height,
         fixedSize: fixedSize,
-        onClick: function onClick(event) {
+        onClick: event => {
           event.stopPropagation();
         },
         children: [!disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonGroup, {
           children: [cropper && /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
             title: "Crop",
-            onClick: function onClick(event) {
-              return handleCrop(event, index, file);
-            },
+            onClick: event => handleCrop(event, index, file),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdCrop, {})
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
             danger: true,
             title: "Remove",
-            onClick: function onClick(event) {
-              return handleRemoveFile(event, index);
-            },
+            onClick: event => handleRemoveFile(event, index),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fi.FiX, {})
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -229,40 +159,36 @@ var ImageDropzone = function ImageDropzone(_ref) {
       }, index);
     });
   };
-
-  var addFiles = (0, _react.useCallback)(function (files) {
+  const addFiles = (0, _react.useCallback)(files => {
     handleAddFiles(files);
   }, [handleAddFiles]);
-  var remove = (0, _react.useCallback)(function (index) {
+  const remove = (0, _react.useCallback)(index => {
     handleRemoveFile(null, index);
   }, [handleRemoveFile]);
-
-  var handleBlur = function handleBlur() {
+  const handleBlur = () => {
     if (focus) {
       if (onBlur) {
         onBlur();
       }
-
       setFocus(false);
     }
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (addedFiles.length > 0 && onAddedFile) {
-      var startIndex = files.length - addedFiles.length;
-      addedFiles.forEach(function (file, index) {
+      const startIndex = files.length - addedFiles.length;
+      addedFiles.forEach((file, index) => {
         onAddedFile(file, startIndex + index);
       });
       setAddedFiles([]);
     }
   }, [addedFiles, onAddedFile, files]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setDropzoneFunc({
-      addFiles: addFiles,
-      remove: remove
+      addFiles,
+      remove
     });
   }, [setDropzoneFunc, addFiles, remove]);
-  var messageItem = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Message.default, {
+  const messageItem = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Message.default, {
     dragging: dragging,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fi.FiUpload, {
       role: "img",
@@ -283,7 +209,7 @@ var ImageDropzone = function ImageDropzone(_ref) {
     onDrop: handleDrop,
     reachedLimit: files.length >= maxFiles,
     onBlur: handleBlur,
-    onFocus: function onFocus() {
+    onFocus: () => {
       setFocus(true);
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenFileInput.default, {
@@ -295,46 +221,45 @@ var ImageDropzone = function ImageDropzone(_ref) {
     }), files.length === 0 ? messageItem : previewItem()]
   });
 };
-
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 200px;\n  border: 4px dashed var(--border-color);\n  border-radius: var(--border-radius-l);\n  color: var(--font-on-background);\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-xs);\n  cursor: pointer;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  &:focus {\n    border-color: var(--color-primary);\n  }\n"])), function (_ref2) {
-  var reachedLimit = _ref2.reachedLimit;
+const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 200px;\n  border: 4px dashed var(--border-color);\n  border-radius: var(--border-radius-l);\n  color: var(--font-on-background);\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-xs);\n  cursor: pointer;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  &:focus {\n    border-color: var(--color-primary);\n  }\n"])), _ref2 => {
+  let {
+    reachedLimit
+  } = _ref2;
   return reachedLimit && 'cursor:default;';
-}, function (_ref3) {
-  var disabled = _ref3.disabled;
+}, _ref3 => {
+  let {
+    disabled
+  } = _ref3;
   return disabled && 'cursor:not-allowed; opacity: 0.5;';
-}, function (_ref4) {
-  var dragging = _ref4.dragging;
+}, _ref4 => {
+  let {
+    dragging
+  } = _ref4;
   return dragging && 'border-color: var(--color-primary);';
 });
-
-var Image = _styledComponents.default.figure(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  margin: var(--spacing-xs);\n\n  ", "\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: var(--border-radius);\n  }\n"])), function (_ref5) {
-  var width = _ref5.width,
-      height = _ref5.height,
-      fixedSize = _ref5.fixedSize;
-
+const Image = _styledComponents.default.figure(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  margin: var(--spacing-xs);\n\n  ", "\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: var(--border-radius);\n  }\n"])), _ref5 => {
+  let {
+    width,
+    height,
+    fixedSize
+  } = _ref5;
   if (fixedSize) {
     return "\n        width: ".concat(width, "px;\n        height: ").concat(height, "px;\n      ");
   }
-
   if (width < height) {
     return "\n        width: ".concat(width, "px;\n        max-width: ").concat(width, "px;\n        max-height: ").concat(height, "px;\n      ");
   }
-
   if (height < width) {
     return "\n        height: ".concat(height, "px;\n        max-width: ").concat(width, "px;\n        max-height: ").concat(height, "px;\n      ");
   }
 });
-
-var ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: calc(var(--spacing-xs) * -1);\n  top: calc(var(--spacing-xs) * -1);\n"])));
-
-var Button = _styledComponents.default.div.attrs(function () {
-  return {
-    role: 'button'
-  };
-})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  color: var(--color-white);\n  background: var(--color-primary);\n  border-radius: var(--border-radius-round);\n  cursor: pointer;\n\n  > svg {\n    color: var(--color-white);\n    margin: 0 auto;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n    margin: 0 auto;\n    display: block;\n  }\n\n  &:not(:first-child) {\n    margin-left: var(--spacing-xs);\n  }\n\n  ", "\n"])), function (_ref6) {
-  var danger = _ref6.danger;
+const ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: calc(var(--spacing-xs) * -1);\n  top: calc(var(--spacing-xs) * -1);\n"])));
+const Button = _styledComponents.default.div.attrs(() => ({
+  role: 'button'
+}))(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  color: var(--color-white);\n  background: var(--color-primary);\n  border-radius: var(--border-radius-round);\n  cursor: pointer;\n\n  > svg {\n    color: var(--color-white);\n    margin: 0 auto;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n    margin: 0 auto;\n    display: block;\n  }\n\n  &:not(:first-child) {\n    margin-left: var(--spacing-xs);\n  }\n\n  ", "\n"])), _ref6 => {
+  let {
+    danger
+  } = _ref6;
   return danger && 'background: var(--color-danger);';
 });
-
-var _default = ImageDropzone;
-exports.default = _default;
+var _default = exports.default = ImageDropzone;

package/dropzone/index.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "FileDropzone", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FileDropzone.default;
   }
 });
 Object.defineProperty(exports, "ImageDropzone", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ImageDropzone.default;
   }
 });
-
 var _FileDropzone = _interopRequireDefault(require("./FileDropzone"));
-
 var _ImageDropzone = _interopRequireDefault(require("./ImageDropzone"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dropzone/subComponent/Message.js

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Message = _styledComponents.default.div.attrs(function () {
-  return {
-    'data-testid': 'message-container'
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n\n  > svg {\n    margin-bottom: var(--spacing-s);\n    font-size: var(--font-h2);\n  }\n\n  ", ";\n"])), function (_ref) {
-  var dragging = _ref.dragging;
+const Message = _styledComponents.default.div.attrs(() => ({
+  'data-testid': 'message-container'
+}))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n\n  > svg {\n    margin-bottom: var(--spacing-s);\n    font-size: var(--font-h2);\n  }\n\n  ", ";\n"])), _ref => {
+  let {
+    dragging
+  } = _ref;
   return dragging ? 'opacity: 0.5' : '';
 });
-
-var _default = Message;
-exports.default = _default;
+var _default = exports.default = Message;

package/figure/IconFigure.js

@@ -4,37 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var IconFigure = _styledComponents.default.figure.attrs(function (_ref) {
-  var size = _ref.size;
+const IconFigure = _styledComponents.default.figure.attrs(_ref => {
+  let {
+    size
+  } = _ref;
   return {
     size: size || 'medium'
   };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var size = _ref2.size;
-
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), _ref2 => {
+  let {
+    size
+  } = _ref2;
   switch (size) {
     case 'small':
       return "\n          width: 16px;\n          height: 16px;\n        ";
-
     case 'medium':
       return "\n          width: 24px;\n          height: 24px;\n        ";
-
     case 'large':
       return "\n          width: 32px;\n          height: 32px;\n        ";
-
     default:
       break;
   }
 });
-
-var _default = IconFigure;
-exports.default = _default;
+var _default = exports.default = IconFigure;

package/figure/ImageFigure.js

@@ -4,28 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _rounded = _interopRequireDefault(require("../styles/mixin/rounded"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var ImageFigure = _styledComponents.default.figure.attrs(function () {
-  return {
-    rounded: true
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 160px;\n  height: 160px;\n  border: 4px dashed var(--border-color);\n  padding: var(--spacing-xs);\n  margin-left: var(--spacing);\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var small = _ref.small;
+const ImageFigure = _styledComponents.default.figure.attrs(() => ({
+  rounded: true
+}))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 160px;\n  height: 160px;\n  border: 4px dashed var(--border-color);\n  padding: var(--spacing-xs);\n  margin-left: var(--spacing);\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    small
+  } = _ref;
   return small && "\n      width: 40px;\n      height: 40px;\n    ";
-}, _rounded.default, function (_ref2) {
-  var noBorder = _ref2.noBorder;
+}, _rounded.default, _ref2 => {
+  let {
+    noBorder
+  } = _ref2;
   return noBorder && 'border: none;';
 });
-
-var _default = ImageFigure;
-exports.default = _default;
+var _default = exports.default = ImageFigure;

package/figure/index.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "IconFigure", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _IconFigure.default;
   }
 });
 Object.defineProperty(exports, "ImageFigure", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ImageFigure.default;
   }
 });
-
 var _IconFigure = _interopRequireDefault(require("./IconFigure"));
-
 var _ImageFigure = _interopRequireDefault(require("./ImageFigure"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/file/HiddenFileInput.js

@@ -4,21 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var HiddenFileInput = _styledComponents.default.input.attrs(function () {
-  return {
-    'data-testid': 'hiddenFileInput',
-    type: 'file'
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n"])));
-
-var _default = HiddenFileInput;
-exports.default = _default;
+const HiddenFileInput = _styledComponents.default.input.attrs(() => ({
+  'data-testid': 'hiddenFileInput',
+  type: 'file'
+}))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n"])));
+var _default = exports.default = HiddenFileInput;

package/file/index.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "HiddenFileInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _HiddenFileInput.default;
   }
 });
-
 var _HiddenFileInput = _interopRequireDefault(require("./HiddenFileInput"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }