@synerise/ds-file-uploader 1.3.9 → 1.3.10

package/dist/FileView/FileView.js

@@ -1,146 +1,80 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import filesize from 'filesize.js';
-import React, { useState } from 'react';
-import { FormattedMessage } from 'react-intl';
-import Button from '@synerise/ds-button';
-import { useTheme } from '@synerise/ds-core';
-import Icon, { Check3M, Close3M, FileM, RepeatM, WarningFillM } from '@synerise/ds-icon';
-import ProgressBar from '@synerise/ds-progress-bar';
-import Tooltip from '@synerise/ds-tooltip';
-import { ICON_MAP, isPreviewableMimeType } from './FileView.const';
-import * as S from './FileView.styles';
-var FileView = function FileView(_ref) {
-  var data = _ref.data,
-    texts = _ref.texts,
-    onRemove = _ref.onRemove,
-    removable = _ref.removable,
-    retry = _ref.retry,
-    retryButtonProps = _ref.retryButtonProps;
-  var getFriendlySize = function getFriendlySize(size) {
-    return filesize(size || 0);
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import filesize from "filesize.js";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import Button from "@synerise/ds-button";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { FileM, Close3M, RepeatM, Check3M, WarningFillM } from "@synerise/ds-icon";
+import ProgressBar from "@synerise/ds-progress-bar";
+import Tooltip from "@synerise/ds-tooltip";
+import { isPreviewableMimeType, ICON_MAP } from "./FileView.const.js";
+import { FileViewContainer, PreviewImage, PlaceholderImage, Info, Name, FileName, FileWeight, FlexRow, RemoveWrapper, SizeOrError, CheckButtonWrapper, PopconfirmOnRemove, RemoveButtonWrapper } from "./FileView.styles.js";
+const FileView = ({
+  data,
+  texts,
+  onRemove,
+  removable,
+  retry,
+  retryButtonProps
+}) => {
+  const getFriendlySize = (size) => filesize(size || 0);
+  const theme = useTheme();
+  const {
+    disabled,
+    error,
+    file,
+    progress,
+    success
+  } = data;
+  const finalTexts = {
+    size: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.FILE-UPLOADER.SIZE", defaultMessage: "Size" }),
+    removeTooltip: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.FILE-UPLOADER.REMOVE-TOOLTIP", defaultMessage: "Remove" }),
+    cancelText: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.FILE-UPLOADER.FILE-VIEW.CANCEL", defaultMessage: "Cancel" }),
+    okText: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.FILE-UPLOADER.FILE-VIEW.OK", defaultMessage: "OK" }),
+    removeConfirmTitle: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.FILE-UPLOADER.FILE-VIEW.REMOVE-CONFIRM-TITLE", defaultMessage: "Remove" }),
+    retryLabel: /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.FILE-UPLOADER.FILE-VIEW.RETRY-BUTTON-LABEL", defaultMessage: "Retry" }),
+    ...texts
   };
-  var theme = useTheme();
-  var disabled = data.disabled,
-    error = data.error,
-    file = data.file,
-    progress = data.progress,
-    success = data.success;
-  var finalTexts = _extends({
-    size: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.SIZE",
-      defaultMessage: "Size"
-    }),
-    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.REMOVE-TOOLTIP",
-      defaultMessage: "Remove"
-    }),
-    cancelText: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.CANCEL",
-      defaultMessage: "Cancel"
-    }),
-    okText: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.OK",
-      defaultMessage: "OK"
-    }),
-    removeConfirmTitle: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.REMOVE-CONFIRM-TITLE",
-      defaultMessage: "Remove"
-    }),
-    fileWeight: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.FILE-WEIGHT",
-      defaultMessage: "File weight"
-    }),
-    buttonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.BUTTON-LABEL",
-      defaultMessage: "Upload a file"
-    }),
-    buttonDescription: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.BUTTON-DESCRIPTION",
-      defaultMessage: "or drop one here"
-    }),
-    retryLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.FILE-VIEW.RETRY-BUTTON-LABEL",
-      defaultMessage: "Retry"
-    })
-  }, texts);
-  var hasError = !!error;
-  var hasProgress = typeof progress === 'number';
-  var _useState = useState(false),
-    pressed = _useState[0],
-    setPressed = _useState[1];
-  var handleRemove = function handleRemove() {
+  const hasError = !!error;
+  const hasProgress = typeof progress === "number";
+  const [pressed, setPressed] = useState(false);
+  const handleRemove = () => {
     onRemove && onRemove();
     setPressed(false);
   };
-  return /*#__PURE__*/React.createElement(S.FileViewContainer, {
-    success: success,
-    pressed: pressed,
-    progress: hasProgress,
-    disabled: disabled,
-    error: hasError,
-    removable: removable,
-    type: "button"
-  }, isPreviewableMimeType(file.type) ? /*#__PURE__*/React.createElement(S.PreviewImage, null, /*#__PURE__*/React.createElement(Icon, {
-    component: ICON_MAP[file.type],
-    size: 40
-  })) : /*#__PURE__*/React.createElement(S.PlaceholderImage, null, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(FileM, null),
-    size: 24
-  })), /*#__PURE__*/React.createElement(S.Info, {
-    progress: hasProgress
-  }, hasProgress ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Name, null, /*#__PURE__*/React.createElement(S.FileName, null, file.name), ' ', /*#__PURE__*/React.createElement(S.FileWeight, null, filesize(progress / 100 * file.size))), /*#__PURE__*/React.createElement(S.FlexRow, null, /*#__PURE__*/React.createElement(ProgressBar, {
-    width: "300px",
-    percent: finalTexts.percent
-  }), removable && /*#__PURE__*/React.createElement(S.RemoveWrapper, {
-    onClick: onRemove,
-    "data-testid": "fileview-remove"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: finalTexts.removeTooltip
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(Close3M, null),
-    size: 20
-  }))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Name, null, /*#__PURE__*/React.createElement(S.FileName, null, file.name)), /*#__PURE__*/React.createElement(S.SizeOrError, null, error || /*#__PURE__*/React.createElement(React.Fragment, null, finalTexts.size, " ", getFriendlySize(file.size))))), error && retry && !hasProgress && /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick(event) {
+  return /* @__PURE__ */ jsxs(FileViewContainer, { success, pressed, progress: hasProgress, disabled, error: hasError, removable, type: "button", children: [
+    isPreviewableMimeType(file.type) ? /* @__PURE__ */ jsx(PreviewImage, { children: /* @__PURE__ */ jsx(Icon, { component: ICON_MAP[file.type], size: 40 }) }) : /* @__PURE__ */ jsx(PlaceholderImage, { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(FileM, {}), size: 24 }) }),
+    /* @__PURE__ */ jsx(Info, { progress: hasProgress, children: hasProgress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Name, { children: [
+        /* @__PURE__ */ jsx(FileName, { children: file.name }),
+        " ",
+        /* @__PURE__ */ jsx(FileWeight, { children: filesize(progress / 100 * file.size) })
+      ] }),
+      /* @__PURE__ */ jsxs(FlexRow, { children: [
+        /* @__PURE__ */ jsx(ProgressBar, { width: "300px", percent: finalTexts.percent }),
+        removable && /* @__PURE__ */ jsx(RemoveWrapper, { onClick: onRemove, "data-testid": "fileview-remove", children: /* @__PURE__ */ jsx(Tooltip, { title: finalTexts.removeTooltip, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close3M, {}), size: 20 }) }) })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Name, { children: /* @__PURE__ */ jsx(FileName, { children: file.name }) }),
+      /* @__PURE__ */ jsx(SizeOrError, { children: error || /* @__PURE__ */ jsxs(Fragment, { children: [
+        finalTexts.size,
+        " ",
+        getFriendlySize(file.size)
+      ] }) })
+    ] }) }),
+    error && retry && !hasProgress && /* @__PURE__ */ jsxs(Button, { onClick: (event) => {
       onRemove && onRemove();
-      if (retryButtonProps != null && retryButtonProps.onClick) {
+      if (retryButtonProps?.onClick) {
         retryButtonProps.onClick(event);
       }
-    },
-    mode: "icon-label",
-    type: "ghost-primary"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(RepeatM, null)
-  }), finalTexts.retryLabel), !error && !disabled && !hasProgress && /*#__PURE__*/React.createElement(S.CheckButtonWrapper, {
-    "data-testid": "fileview-check"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(Check3M, null),
-    size: 20
-  })), removable && !disabled && !error && !hasProgress && /*#__PURE__*/React.createElement(S.PopconfirmOnRemove, {
-    onConfirm: handleRemove,
-    onCancel: function onCancel() {
-      return setPressed(false);
-    },
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(WarningFillM, null),
-      color: theme.palette['yellow-600']
-    }),
-    cancelText: finalTexts.cancelText,
-    okText: finalTexts.okText,
-    okType: "primary",
-    title: finalTexts.removeConfirmTitle,
-    placement: "top",
-    trigger: "click"
-  }, /*#__PURE__*/React.createElement(S.RemoveButtonWrapper, {
-    onMouseDown: function onMouseDown() {
-      return setPressed(true);
-    },
-    pressed: pressed,
-    "data-testid": "fileview-remove"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: finalTexts.removeTooltip
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(Close3M, null),
-    size: 20
-  })))));
+    }, mode: "icon-label", type: "ghost-primary", children: [
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(RepeatM, {}) }),
+      finalTexts.retryLabel
+    ] }),
+    !error && !disabled && !hasProgress && /* @__PURE__ */ jsx(CheckButtonWrapper, { "data-testid": "fileview-check", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Check3M, {}), size: 20 }) }),
+    removable && !disabled && !error && !hasProgress && /* @__PURE__ */ jsx(PopconfirmOnRemove, { onConfirm: handleRemove, onCancel: () => setPressed(false), icon: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(WarningFillM, {}), color: theme.palette["yellow-600"] }), cancelText: finalTexts.cancelText, okText: finalTexts.okText, okType: "primary", title: finalTexts.removeConfirmTitle, placement: "top", trigger: "click", children: /* @__PURE__ */ jsx(RemoveButtonWrapper, { onMouseDown: () => setPressed(true), pressed, "data-testid": "fileview-remove", children: /* @__PURE__ */ jsx(Tooltip, { title: finalTexts.removeTooltip, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close3M, {}), size: 20 }) }) }) })
+  ] });
+};
+export {
+  FileView as default
 };
-export default FileView;

package/dist/FileView/FileView.styles.d.ts

@@ -1,26 +1,26 @@
-export declare const PreviewImage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PlaceholderImage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Info: import("styled-components").StyledComponent<"div", any, {
+export declare const PreviewImage: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PlaceholderImage: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Info: import('styled-components').StyledComponent<"div", any, {
     progress: boolean;
 }, never>;
-export declare const PopconfirmOnRemove: import("styled-components").StyledComponent<import("@synerise/ds-popconfirm/dist/Popconfirm.types").PopconfirmType, any, {}, never>;
-export declare const FileWeight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Name: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const FlexRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SizeOrError: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
-    size?: import("@synerise/ds-typography").TextSize;
-    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
-    children?: import("react").ReactNode;
+export declare const PopconfirmOnRemove: import('styled-components').StyledComponent<import('@synerise/ds-popconfirm/dist/Popconfirm.types').PopconfirmType, any, {}, never>;
+export declare const FileWeight: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const FileName: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Name: import('styled-components').StyledComponent<"label", any, {}, never>;
+export declare const FlexRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SizeOrError: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
+    size?: import('@synerise/ds-typography').TextSize;
+    ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
+    children?: import('react').ReactNode;
     className?: string;
-    style?: import("react").CSSProperties;
+    style?: import('react').CSSProperties;
 }) => React.JSX.Element, any, {}, never>;
-export declare const RemoveWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CheckButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RemoveButtonWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const RemoveWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CheckButtonWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RemoveButtonWrapper: import('styled-components').StyledComponent<"div", any, {
     pressed?: boolean;
 }, never>;
-export declare const FileViewContainer: import("styled-components").StyledComponent<"button", any, {
+export declare const FileViewContainer: import('styled-components').StyledComponent<"button", any, {
     disabled?: boolean;
     error?: boolean;
     removable?: boolean;
@@ -28,4 +28,3 @@ export declare const FileViewContainer: import("styled-components").StyledCompon
     progress?: boolean;
     pressed?: boolean;
 }, never>;
-//# sourceMappingURL=FileView.styles.d.ts.map

package/dist/FileView/FileView.styles.js

@@ -1,112 +1,94 @@
-import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import Popconfirm from '@synerise/ds-popconfirm';
-import { Label, Text } from '@synerise/ds-typography';
-export var PreviewImage = styled.div.withConfig({
+import styled from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import Popconfirm from "@synerise/ds-popconfirm";
+import { Label, Text } from "@synerise/ds-typography";
+const PreviewImage = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__PreviewImage",
   componentId: "sc-wpdc66-0"
-})(["", "{color:", ";}margin:-4px -8px -4px -4px;"], IconContainer, function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var PlaceholderImage = styled.div.withConfig({
+})(["", "{color:", ";}margin:-4px -8px -4px -4px;"], IconContainer, (props) => props.theme.palette["grey-700"]);
+const PlaceholderImage = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__PlaceholderImage",
   componentId: "sc-wpdc66-1"
-})(["background-color:", ";width:32px;height:32px;border-radius:3px;padding:4px;", "{color:", ";}"], function (props) {
-  return props.theme.palette['grey-200'];
-}, IconContainer, function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var Info = styled.div.withConfig({
+})(["background-color:", ";width:32px;height:32px;border-radius:3px;padding:4px;", "{color:", ";}"], (props) => props.theme.palette["grey-200"], IconContainer, (props) => props.theme.palette["grey-500"]);
+const Info = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__Info",
   componentId: "sc-wpdc66-2"
-})(["overflow:hidden;margin:0 0 0 10px;width:", ";"], function (props) {
-  return props.progress ? '100%' : '80%';
-});
-export var PopconfirmOnRemove = styled(Popconfirm).withConfig({
+})(["overflow:hidden;margin:0 0 0 10px;width:", ";"], (props) => props.progress ? "100%" : "80%");
+const PopconfirmOnRemove = /* @__PURE__ */ styled(Popconfirm).withConfig({
   displayName: "FileViewstyles__PopconfirmOnRemove",
   componentId: "sc-wpdc66-3"
 })([".ant-popover-buttons{.ant-btn-sm{&:first-of-type{padding-left:6px;}}}"]);
-export var FileWeight = styled.div.withConfig({
+const FileWeight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__FileWeight",
   componentId: "sc-wpdc66-4"
-})(["color:", ";padding-right:30px;font-weight:normal;font-size:13px;"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var FileName = styled.div.withConfig({
+})(["color:", ";padding-right:30px;font-weight:normal;font-size:13px;"], (props) => props.theme.palette["grey-500"]);
+const FileName = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__FileName",
   componentId: "sc-wpdc66-5"
 })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;"]);
-export var Name = styled(Label).withConfig({
+const Name = /* @__PURE__ */ styled(Label).withConfig({
   displayName: "FileViewstyles__Name",
   componentId: "sc-wpdc66-6"
-})(["&&{color:", ";max-width:100%;cursor:initial;white-space:nowrap;display:flex;justify-content:space-between;}"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var FlexRow = styled.div.withConfig({
+})(["&&{color:", ";max-width:100%;cursor:initial;white-space:nowrap;display:flex;justify-content:space-between;}"], (props) => props.theme.palette["grey-600"]);
+const FlexRow = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__FlexRow",
   componentId: "sc-wpdc66-7"
 })(["display:flex;"]);
-export var SizeOrError = styled(Text).withConfig({
+const SizeOrError = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "FileViewstyles__SizeOrError",
   componentId: "sc-wpdc66-8"
-})(["&&{color:", ";}"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var RemoveWrapper = styled.div.withConfig({
+})(["&&{color:", ";}"], (props) => props.theme.palette["grey-600"]);
+const RemoveWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__RemoveWrapper",
   componentId: "sc-wpdc66-9"
-})(["display:flex;background-color:transparent;z-index:10;border:0;padding:0;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;", "{position:absolute;right:-2px;top:-2px;transition:color 0.3s;color:", ";&:hover{color:", ";}}"], IconContainer, function (props) {
-  return props.theme.palette['grey-300'];
-}, function (props) {
-  return props.theme.palette['red-500'];
-});
-export var CheckButtonWrapper = styled.div.withConfig({
+})(["display:flex;background-color:transparent;z-index:10;border:0;padding:0;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;", "{position:absolute;right:-2px;top:-2px;transition:color 0.3s;color:", ";&:hover{color:", ";}}"], IconContainer, (props) => props.theme.palette["grey-300"], (props) => props.theme.palette["red-500"]);
+const CheckButtonWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__CheckButtonWrapper",
   componentId: "sc-wpdc66-10"
-})(["display:flex;background-color:transparent;z-index:10;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;", "{position:absolute;right:-2px;top:-2px;transition:color 0.3s;color:", ";&:hover{color:", ";}}"], IconContainer, function (props) {
-  return props.theme.palette['green-600'];
-}, function (props) {
-  return props.theme.palette['green-500'];
-});
-export var RemoveButtonWrapper = styled.div.withConfig({
+})(["display:flex;background-color:transparent;z-index:10;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;", "{position:absolute;right:-2px;top:-2px;transition:color 0.3s;color:", ";&:hover{color:", ";}}"], IconContainer, (props) => props.theme.palette["green-600"], (props) => props.theme.palette["green-500"]);
+const RemoveButtonWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FileViewstyles__RemoveButtonWrapper",
   componentId: "sc-wpdc66-11"
-})(["display:", ";background-color:transparent;z-index:10;border:0;padding:0;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;overflow:", ";", "{position:absolute;right:-2px;top:-2px;transition:color 0.3s;color:", ";&:hover{color:", ";}}"], function (props) {
-  return props.pressed ? 'flex' : 'none';
-}, function (props) {
-  return props.pressed ? 'visible' : 'hidden';
-}, IconContainer, function (props) {
-  return props.theme.palette['red-600'];
-}, function (props) {
-  return props.theme.palette['red-500'];
-});
-export var FileViewContainer = styled.button.withConfig({
+})(["display:", ";background-color:transparent;z-index:10;border:0;padding:0;margin:0;height:16px;width:16px;position:absolute;top:14px;right:10px;cursor:pointer;overflow:", ";", "{position:absolute;right:-2px;top:-2px;transition:color 0.3s;color:", ";&:hover{color:", ";}}"], (props) => props.pressed ? "flex" : "none", (props) => props.pressed ? "visible" : "hidden", IconContainer, (props) => props.theme.palette["red-600"], (props) => props.theme.palette["red-500"]);
+const FileViewContainer = /* @__PURE__ */ styled.button.withConfig({
   displayName: "FileViewstyles__FileViewContainer",
   componentId: "sc-wpdc66-12"
-})(["background-color:", ";border-radius:3px;border:1px solid ", ";display:flex;align-items:center;padding:12px 6px;height:48px;width:100%;text-align:left;line-height:initial;position:relative;margin:0 0 12px;&:last-of-type{margin:0;}&:hover{border-color:", ";", "}&:hover{", "}&:focus{border-color:", ";background-color:", ";", "}&:hover{background-color:", ";}&:active{border-color:", ";background-color:", ";}", ";", ";.ant-progress-line{margin:8px 0 0 !important;width:93%;}"], function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette['grey-200'];
-}, function (props) {
-  return props.theme.palette['grey-300'];
-}, function (props) {
-  return props.removable && !props.disabled && "\n      " + RemoveButtonWrapper + " {\n        display: block;\n      }\n    ";
-}, function (props) {
-  return !props.disabled && "\n      " + CheckButtonWrapper + " {\n        display: none;\n      }\n    ";
-}, function (props) {
-  return props.theme.palette['blue-500'];
-}, function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.pressed && "\n      " + CheckButtonWrapper + " {\n        display: none;\n      }\n    ";
-}, function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['grey-300'];
-}, function (props) {
-  return props.theme.palette['grey-100'];
-}, function (props) {
-  return props.disabled && "\n    background-color: " + props.theme.palette['grey-050'] + ";\n    opacity: 0.4;\n  ";
-}, function (props) {
-  return props.error && !props.progress && "\n    && {\n      border: 1px solid " + props.theme.palette['red-600'] + ";\n\n      " + SizeOrError + " {\n        color: " + props.theme.palette['red-600'] + ";\n      }\n    }\n  ";
-});
+})(["background-color:", ";border-radius:3px;border:1px solid ", ";display:flex;align-items:center;padding:12px 6px;height:48px;width:100%;text-align:left;line-height:initial;position:relative;margin:0 0 12px;&:last-of-type{margin:0;}&:hover{border-color:", ";", "}&:hover{", "}&:focus{border-color:", ";background-color:", ";", "}&:hover{background-color:", ";}&:active{border-color:", ";background-color:", ";}", ";", ";.ant-progress-line{margin:8px 0 0 !important;width:93%;}"], (props) => props.theme.palette.white, (props) => props.theme.palette["grey-200"], (props) => props.theme.palette["grey-300"], (props) => props.removable && !props.disabled && `
+      ${RemoveButtonWrapper} {
+        display: block;
+      }
+    `, (props) => !props.disabled && `
+      ${CheckButtonWrapper} {
+        display: none;
+      }
+    `, (props) => props.theme.palette["blue-500"], (props) => props.theme.palette["grey-050"], (props) => props.pressed && `
+      ${CheckButtonWrapper} {
+        display: none;
+      }
+    `, (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["grey-300"], (props) => props.theme.palette["grey-100"], (props) => props.disabled && `
+    background-color: ${props.theme.palette["grey-050"]};
+    opacity: 0.4;
+  `, (props) => props.error && !props.progress && `
+    && {
+      border: 1px solid ${props.theme.palette["red-600"]};
+
+      ${SizeOrError} {
+        color: ${props.theme.palette["red-600"]};
+      }
+    }
+  `);
+export {
+  CheckButtonWrapper,
+  FileName,
+  FileViewContainer,
+  FileWeight,
+  FlexRow,
+  Info,
+  Name,
+  PlaceholderImage,
+  PopconfirmOnRemove,
+  PreviewImage,
+  RemoveButtonWrapper,
+  RemoveWrapper,
+  SizeOrError
+};

package/dist/FileView/FileView.types.d.ts

@@ -1,5 +1,5 @@
-import { type DropzoneRootProps } from 'react-dropzone';
-import { type ExtendedFile, type FileViewTexts } from '../FileUploader.types';
+import { DropzoneRootProps } from 'react-dropzone';
+import { ExtendedFile, FileViewTexts } from '../FileUploader.types';
 export type FileViewProps = {
     data: ExtendedFile;
     texts?: FileViewTexts;
@@ -8,4 +8,3 @@ export type FileViewProps = {
     retry?: boolean | React.ReactNode;
     retryButtonProps?: DropzoneRootProps;
 };
-//# sourceMappingURL=FileView.types.d.ts.map

package/dist/FileView/FileView.types.js

@@ -1 +1 @@
-export {};
+

package/dist/ItemUploader/ItemUploader.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { type FileUploaderRef } from '../FileUploader.types';
-declare const ItemUploader: React.ForwardRefExoticComponent<Omit<import("../FileUploader.types").FileUploaderProps, "mode"> & {
+import { default as React } from 'react';
+import { FileUploaderRef } from '../FileUploader.types';
+declare const ItemUploader: React.ForwardRefExoticComponent<Omit<import('../FileUploader.types').FileUploaderProps, "mode"> & {
     mode: "single" | "multi";
 } & React.RefAttributes<FileUploaderRef>>;
 export default ItemUploader;
-//# sourceMappingURL=ItemUploader.d.ts.map