@infomaximum/ui-kit 0.9.1

package/dist/components/Upload/components/Dragger/Dragger.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UploadProps } from '../../Upload.types';
+export interface DraggerProps extends UploadProps {
+    title?: ReactNode;
+    caption?: ReactNode;
+}

package/dist/components/Upload/components/InternalUpload/InternalUpload.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { InternalUploadProps } from './InternalUpload.types';
+export declare const InternalUpload: FC<InternalUploadProps>;

package/dist/components/Upload/components/InternalUpload/InternalUpload.js

@@ -0,0 +1,91 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useState } from "react";
+import { getUid } from "../../utils/uidGenerator.js";
+import { attrAccept } from "../../utils/attrAccept.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "eivff4",
+  styles: "display:none"
+} : {
+  name: "91xsbv-InternalUploadComponent",
+  styles: "display:none;label:InternalUploadComponent;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVXBsb2FkL2NvbXBvbmVudHMvSW50ZXJuYWxVcGxvYWQvSW50ZXJuYWxVcGxvYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFIUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1VwbG9hZC9jb21wb25lbnRzL0ludGVybmFsVXBsb2FkL0ludGVybmFsVXBsb2FkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG4gIHR5cGUgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICB0eXBlIERyYWdFdmVudEhhbmRsZXIsXG4gIHR5cGUgRkMsXG4gIHR5cGUgTW91c2VFdmVudEhhbmRsZXIsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGaWxlV2l0aFVpZCwgSW50ZXJuYWxVcGxvYWRQcm9wcyB9IGZyb20gXCIuL0ludGVybmFsVXBsb2FkLnR5cGVzXCI7XG5pbXBvcnQgeyBnZXRVaWQgfSBmcm9tIFwiY29tcG9uZW50cy9VcGxvYWQvdXRpbHMvdWlkR2VuZXJhdG9yXCI7XG5pbXBvcnQgeyBhdHRyQWNjZXB0IH0gZnJvbSBcIi4uLy4uL3V0aWxzL2F0dHJBY2NlcHRcIjtcblxuY29uc3QgSW50ZXJuYWxVcGxvYWRDb21wb25lbnQ6IEZDPEludGVybmFsVXBsb2FkUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBuYW1lID0gXCJmaWxlXCIsXG4gICAgbXVsdGlwbGUgPSBmYWxzZSxcbiAgICBhY2NlcHQsXG4gICAgZGlzYWJsZWQsXG4gICAgYmVmb3JlVXBsb2FkLFxuICAgIGhhc0NvbnRyb2xJbnNpZGUsXG4gICAgb25CYXRjaFN0YXJ0LFxuICAgIGNoaWxkcmVuLFxuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IFt1aWQsIHNldFVpZF0gPSB1c2VTdGF0ZShnZXRVaWQpO1xuXG4gIGNvbnN0IHVwZGF0ZVVpZCA9ICgpID0+IHtcbiAgICBzZXRVaWQoZ2V0VWlkKCkpO1xuICB9O1xuXG4gIGNvbnN0IHVwbG9hZEZpbGVzID0gKGZpbGVzOiBGaWxlW10pID0+IHtcbiAgICBjb25zdCBwcm9jZXNzZWRGaWxlcyA9IGZpbGVzLm1hcChwcm9jZXNzRmlsZSk7XG5cbiAgICBvbkJhdGNoU3RhcnQ/Lihwcm9jZXNzZWRGaWxlcyk7XG4gIH07XG5cbiAgY29uc3QgcHJvY2Vzc0ZpbGUgPSAoX2ZpbGU6IEZpbGUpID0+IHtcbiAgICBjb25zdCBmaWxlID0gX2ZpbGUgYXMgRmlsZVdpdGhVaWQ7XG5cbiAgICBmaWxlLnVpZCA9IGdldFVpZCgpO1xuICAgIGJlZm9yZVVwbG9hZD8uKGZpbGUpO1xuXG4gICAgcmV0dXJuIGZpbGU7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxTcGFuRWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGNvbnN0IGlucHV0ID0gaW5wdXRSZWYuY3VycmVudDtcblxuICAgIGlmICghaW5wdXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldDtcblxuICAgIGlmICh0YXJnZXQgaW5zdGFuY2VvZiBIVE1MRWxlbWVudCAmJiB0YXJnZXQudGFnTmFtZSA9PT0gXCJCVVRUT05cIikge1xuICAgICAgY29uc3QgcGFyZW50ID0gaW5wdXQucGFyZW50Tm9kZTtcblxuICAgICAgaWYgKHBhcmVudCBpbnN0YW5jZW9mIEhUTUxFbGVtZW50KSB7XG4gICAgICAgIHBhcmVudC5mb2N1cygpO1xuICAgICAgfVxuXG4gICAgICB0YXJnZXQuYmx1cigpO1xuICAgIH1cblxuICAgIGlucHV0LmNsaWNrKCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgIGNvbnN0IGZpbGVzID0gZS50YXJnZXQuZmlsZXMgfHwgW107XG4gICAgY29uc3QgYWNjZXB0ZWRGaWxlcyA9IEFycmF5LmZyb20oZmlsZXMpO1xuXG4gICAgdXBsb2FkRmlsZXMoYWNjZXB0ZWRGaWxlcyk7XG4gICAgdXBkYXRlVWlkKCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlRGF0YVRyYW5zZmVyRmlsZXMgPSAoZGF0YVRyYW5zZmVyOiBEYXRhVHJhbnNmZXIpID0+IHtcbiAgICBjb25zdCBmaWxlcyA9IFsuLi5kYXRhVHJhbnNmZXIuZmlsZXNdO1xuXG4gICAgbGV0IGFjY2VwdEZpbGVzID0gWy4uLmZpbGVzXS5maWx0ZXIoKGZpbGUpID0+IGF0dHJBY2NlcHQoZmlsZSwgYWNjZXB0KSk7XG5cbiAgICBpZiAobXVsdGlwbGUgPT09IGZhbHNlKSB7XG4gICAgICBhY2NlcHRGaWxlcyA9IGZpbGVzLnNsaWNlKDAsIDEpO1xuICAgIH1cblxuICAgIHVwbG9hZEZpbGVzKGFjY2VwdEZpbGVzKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVGaWxlRHJvcDogRHJhZ0V2ZW50SGFuZGxlcjxIVE1MU3BhbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICBpZiAoZS50eXBlID09PSBcImRyb3BcIikge1xuICAgICAgY29uc3QgZGF0YVRyYW5zZmVyID0gZS5kYXRhVHJhbnNmZXI7XG5cbiAgICAgIHJldHVybiBoYW5kbGVEYXRhVHJhbnNmZXJGaWxlcyhkYXRhVHJhbnNmZXIpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtoYXNDb250cm9sSW5zaWRlID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgIHsuLi4oZGlzYWJsZWRcbiAgICAgICAgPyB7fVxuICAgICAgICA6IHtcbiAgICAgICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICAgICAgdGFiSW5kZXg6IGhhc0NvbnRyb2xJbnNpZGUgPyB1bmRlZmluZWQgOiAwLFxuICAgICAgICAgICAgb25Ecm9wOiBoYW5kbGVGaWxlRHJvcCxcbiAgICAgICAgICAgIG9uRHJhZ092ZXI6IChlKSA9PiBlLnByZXZlbnREZWZhdWx0KCksXG4gICAgICAgICAgfSl9XG4gICAgPlxuICAgICAgPGlucHV0XG4gICAgICAgIGtleT17dWlkfVxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICBjc3M9e3sgZGlzcGxheTogXCJub25lXCIgfX1cbiAgICAgICAgb25DbGljaz17KGUpID0+IGUuc3RvcFByb3BhZ2F0aW9uKCl9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAvPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvc3Bhbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnRlcm5hbFVwbG9hZCA9IEludGVybmFsVXBsb2FkQ29tcG9uZW50O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const InternalUploadComponent = (props) => {
+  const {
+    name = "file",
+    multiple = false,
+    accept,
+    disabled,
+    beforeUpload,
+    hasControlInside,
+    onBatchStart,
+    children
+  } = props;
+  const inputRef = useRef(null);
+  const [uid, setUid] = useState(getUid);
+  const updateUid = () => {
+    setUid(getUid());
+  };
+  const uploadFiles = (files) => {
+    const processedFiles = files.map(processFile);
+    onBatchStart == null ? void 0 : onBatchStart(processedFiles);
+  };
+  const processFile = (_file) => {
+    const file = _file;
+    file.uid = getUid();
+    beforeUpload == null ? void 0 : beforeUpload(file);
+    return file;
+  };
+  const handleClick = (e) => {
+    const input = inputRef.current;
+    if (!input) {
+      return;
+    }
+    const target = e.target;
+    if (target instanceof HTMLElement && target.tagName === "BUTTON") {
+      const parent = input.parentNode;
+      if (parent instanceof HTMLElement) {
+        parent.focus();
+      }
+      target.blur();
+    }
+    input.click();
+  };
+  const handleChange = (e) => {
+    const files = e.target.files || [];
+    const acceptedFiles = Array.from(files);
+    uploadFiles(acceptedFiles);
+    updateUid();
+  };
+  const handleDataTransferFiles = (dataTransfer) => {
+    const files = [...dataTransfer.files];
+    let acceptFiles = [...files].filter((file) => attrAccept(file, accept));
+    if (multiple === false) {
+      acceptFiles = files.slice(0, 1);
+    }
+    uploadFiles(acceptFiles);
+  };
+  const handleFileDrop = (e) => {
+    e.preventDefault();
+    if (e.type === "drop") {
+      const dataTransfer = e.dataTransfer;
+      return handleDataTransferFiles(dataTransfer);
+    }
+  };
+  return /* @__PURE__ */ jsxs("span", { role: hasControlInside ? void 0 : "button", ...disabled ? {} : {
+    onClick: handleClick,
+    tabIndex: hasControlInside ? void 0 : 0,
+    onDrop: handleFileDrop,
+    onDragOver: (e) => e.preventDefault()
+  }, children: [
+    /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", name, disabled, multiple, css: _ref, onClick: (e) => e.stopPropagation(), onChange: handleChange }, uid),
+    children
+  ] });
+};
+const InternalUpload = InternalUploadComponent;
+export {
+  InternalUpload
+};

package/dist/components/Upload/components/InternalUpload/InternalUpload.types.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, PropsWithChildren } from 'react';
+export interface InternalUploadProps extends PropsWithChildren, Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "disabled" | "multiple" | "accept"> {
+    beforeUpload?: (file: FileWithUid) => false;
+    hasControlInside?: boolean;
+    onBatchStart?: (files: FileWithUid[]) => void;
+}
+export interface FileWithUid extends File {
+    uid: string;
+}

package/dist/components/Upload/components/UploadList/UploadList.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IUploadListProps } from './UploadList.types';
+export declare const UploadList: FC<IUploadListProps>;

package/dist/components/Upload/components/UploadList/UploadList.js

@@ -0,0 +1,19 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { UploadListItem } from "../UploadListItem/UploadListItem.js";
+import { ulStyle } from "./UploadList.styles.js";
+import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
+const UploadListComponent = (props) => {
+  const {
+    items,
+    ...restProps
+  } = props;
+  const theme = useTheme();
+  if (!items.length) {
+    return;
+  }
+  return /* @__PURE__ */ jsx("ul", { css: ulStyle(theme), children: items.map((item) => /* @__PURE__ */ jsx(UploadListItem, { ...item, ...restProps }, item.uid)) });
+};
+const UploadList = UploadListComponent;
+export {
+  UploadList
+};

package/dist/components/Upload/components/UploadList/UploadList.styles.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from 'themes';
+export declare const ulStyle: (theme: Theme) => {
+    readonly display: "flex";
+    readonly flexDirection: "column";
+    readonly rowGap: 8;
+    readonly listStyle: "none";
+    readonly padding: 0;
+    readonly margin: 0;
+};

package/dist/components/Upload/components/UploadList/UploadList.styles.js

@@ -0,0 +1,11 @@
+const ulStyle = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  rowGap: theme.marginM,
+  listStyle: "none",
+  padding: 0,
+  margin: 0
+});
+export {
+  ulStyle
+};

package/dist/components/Upload/components/UploadList/UploadList.types.d.ts

@@ -0,0 +1,8 @@
+import { UploadFile, UploadProps } from 'components/Upload/Upload.types';
+import { ReactNode } from 'react';
+export interface IUploadListProps extends Required<Pick<UploadProps, "listType">>, Pick<UploadProps, "disabled"> {
+    items: UploadFile[];
+    showRemoveIcon?: boolean;
+    removeIcon?: ReactNode;
+    onRemove?: (file: UploadFile) => void | boolean;
+}

package/dist/components/Upload/components/UploadListItem/UploadListItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { UploadListItemProps } from './UploadListItem.types';
+export declare const UploadListItem: FC<UploadListItemProps>;

package/dist/components/Upload/components/UploadListItem/UploadListItem.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { DeleteOutlined, PaperClipOutlined, PictureOutlined } from "@infomaximum/icons";
+import { getUploadTokens } from "../../Upload.tokens.js";
+import { uploadListItemContainerClassName, getLiStyle, getThumbnailWrapperStyle, getNameStyle, textListTypeRemoveIconWrapperStyle, textListTypeNonErrorRemoveIconWrapperStyle, getRemoveIconWrapperStyle } from "./UploadListItem.styles.js";
+import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
+import { LoadingOutlined } from "../../../../icons/icons/LoadingOutlined.js";
+const UploadListItemComponent = (props) => {
+  const {
+    listType,
+    disabled,
+    showRemoveIcon = true,
+    removeIcon = /* @__PURE__ */ jsx(DeleteOutlined, {}),
+    onRemove,
+    ...restProps
+  } = props;
+  const item = restProps;
+  const {
+    thumbUrl,
+    url,
+    status,
+    name
+  } = item;
+  const theme = useTheme();
+  const uploadTokens = getUploadTokens(theme);
+  const thumbnail = (() => {
+    if (status === "uploading") {
+      return /* @__PURE__ */ jsx(LoadingOutlined, {});
+    }
+    if (listType === "text") {
+      return /* @__PURE__ */ jsx(PaperClipOutlined, {});
+    }
+    if (thumbUrl || url) {
+      return /* @__PURE__ */ jsx("img", { src: thumbUrl || url });
+    }
+    return /* @__PURE__ */ jsx(PictureOutlined, {});
+  })();
+  const ThumbnailWrapper = thumbUrl || url ? "a" : "span";
+  return /* @__PURE__ */ jsxs("li", { className: uploadListItemContainerClassName, css: getLiStyle(uploadTokens, listType, status)(theme), children: [
+    /* @__PURE__ */ jsx(ThumbnailWrapper, { ...thumbUrl || url ? {
+      href: url || thumbUrl
+    } : {}, css: getThumbnailWrapperStyle(uploadTokens, listType, status)(theme), children: thumbnail }),
+    /* @__PURE__ */ jsx("span", { css: getNameStyle(uploadTokens, status), children: name }),
+    showRemoveIcon && !disabled && /* @__PURE__ */ jsx("button", { onClick: () => {
+      onRemove == null ? void 0 : onRemove(item);
+    }, css: [listType === "text" ? textListTypeRemoveIconWrapperStyle(theme) : {}, listType === "text" && status !== "error" ? textListTypeNonErrorRemoveIconWrapperStyle : {}, getRemoveIconWrapperStyle(uploadTokens, status)(theme), process.env.NODE_ENV === "production" ? "" : ";label:UploadListItemComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVXBsb2FkL2NvbXBvbmVudHMvVXBsb2FkTGlzdEl0ZW0vVXBsb2FkTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1VwbG9hZC9jb21wb25lbnRzL1VwbG9hZExpc3RJdGVtL1VwbG9hZExpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRkMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVXBsb2FkTGlzdEl0ZW1Qcm9wcyB9IGZyb20gXCIuL1VwbG9hZExpc3RJdGVtLnR5cGVzXCI7XG5pbXBvcnQgeyBMb2FkaW5nT3V0bGluZWQgfSBmcm9tIFwiaWNvbnMvaWNvbnNcIjtcbmltcG9ydCB7IERlbGV0ZU91dGxpbmVkLCBQYXBlckNsaXBPdXRsaW5lZCwgUGljdHVyZU91dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGdldFVwbG9hZFRva2VucyB9IGZyb20gXCIuLi8uLi9VcGxvYWQudG9rZW5zXCI7XG5pbXBvcnQge1xuICBnZXRMaVN0eWxlLFxuICBnZXROYW1lU3R5bGUsXG4gIGdldFJlbW92ZUljb25XcmFwcGVyU3R5bGUsXG4gIGdldFRodW1ibmFpbFdyYXBwZXJTdHlsZSxcbiAgdGV4dExpc3RUeXBlTm9uRXJyb3JSZW1vdmVJY29uV3JhcHBlclN0eWxlLFxuICB0ZXh0TGlzdFR5cGVSZW1vdmVJY29uV3JhcHBlclN0eWxlLFxuICB1cGxvYWRMaXN0SXRlbUNvbnRhaW5lckNsYXNzTmFtZSxcbn0gZnJvbSBcIi4vVXBsb2FkTGlzdEl0ZW0uc3R5bGVzXCI7XG5cbmNvbnN0IFVwbG9hZExpc3RJdGVtQ29tcG9uZW50OiBGQzxVcGxvYWRMaXN0SXRlbVByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgbGlzdFR5cGUsXG4gICAgZGlzYWJsZWQsXG4gICAgc2hvd1JlbW92ZUljb24gPSB0cnVlLFxuICAgIHJlbW92ZUljb24gPSA8RGVsZXRlT3V0bGluZWQgLz4sXG4gICAgb25SZW1vdmUsXG4gICAgLi4ucmVzdFByb3BzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgaXRlbSA9IHJlc3RQcm9wcztcbiAgY29uc3QgeyB0aHVtYlVybCwgdXJsLCBzdGF0dXMsIG5hbWUgfSA9IGl0ZW07XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgdXBsb2FkVG9rZW5zID0gZ2V0VXBsb2FkVG9rZW5zKHRoZW1lKTtcblxuICBjb25zdCB0aHVtYm5haWwgPSAoKCkgPT4ge1xuICAgIGlmIChzdGF0dXMgPT09IFwidXBsb2FkaW5nXCIpIHtcbiAgICAgIHJldHVybiA8TG9hZGluZ091dGxpbmVkIC8+O1xuICAgIH1cblxuICAgIGlmIChsaXN0VHlwZSA9PT0gXCJ0ZXh0XCIpIHtcbiAgICAgIHJldHVybiA8UGFwZXJDbGlwT3V0bGluZWQgLz47XG4gICAgfVxuXG4gICAgaWYgKHRodW1iVXJsIHx8IHVybCkge1xuICAgICAgcmV0dXJuIDxpbWcgc3JjPXt0aHVtYlVybCB8fCB1cmx9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiA8UGljdHVyZU91dGxpbmVkIC8+O1xuICB9KSgpO1xuXG4gIGNvbnN0IFRodW1ibmFpbFdyYXBwZXIgPSB0aHVtYlVybCB8fCB1cmwgPyBcImFcIiA6IFwic3BhblwiO1xuXG4gIHJldHVybiAoXG4gICAgPGxpXG4gICAgICBjbGFzc05hbWU9e3VwbG9hZExpc3RJdGVtQ29udGFpbmVyQ2xhc3NOYW1lfVxuICAgICAgY3NzPXtnZXRMaVN0eWxlKHVwbG9hZFRva2VucywgbGlzdFR5cGUsIHN0YXR1cykodGhlbWUpfVxuICAgID5cbiAgICAgIDxUaHVtYm5haWxXcmFwcGVyXG4gICAgICAgIHsuLi4odGh1bWJVcmwgfHwgdXJsID8geyBocmVmOiB1cmwgfHwgdGh1bWJVcmwgfSA6IHt9KX1cbiAgICAgICAgY3NzPXtnZXRUaHVtYm5haWxXcmFwcGVyU3R5bGUodXBsb2FkVG9rZW5zLCBsaXN0VHlwZSwgc3RhdHVzKSh0aGVtZSl9XG4gICAgICA+XG4gICAgICAgIHt0aHVtYm5haWx9XG4gICAgICA8L1RodW1ibmFpbFdyYXBwZXI+XG4gICAgICA8c3BhbiBjc3M9e2dldE5hbWVTdHlsZSh1cGxvYWRUb2tlbnMsIHN0YXR1cyl9PntuYW1lfTwvc3Bhbj5cbiAgICAgIHtzaG93UmVtb3ZlSWNvbiAmJiAhZGlzYWJsZWQgJiYgKFxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25SZW1vdmU/LihpdGVtKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgbGlzdFR5cGUgPT09IFwidGV4dFwiID8gdGV4dExpc3RUeXBlUmVtb3ZlSWNvbldyYXBwZXJTdHlsZSh0aGVtZSkgOiB7fSxcbiAgICAgICAgICAgIGxpc3RUeXBlID09PSBcInRleHRcIiAmJiBzdGF0dXMgIT09IFwiZXJyb3JcIlxuICAgICAgICAgICAgICA/IHRleHRMaXN0VHlwZU5vbkVycm9yUmVtb3ZlSWNvbldyYXBwZXJTdHlsZVxuICAgICAgICAgICAgICA6IHt9LFxuICAgICAgICAgICAgZ2V0UmVtb3ZlSWNvbldyYXBwZXJTdHlsZSh1cGxvYWRUb2tlbnMsIHN0YXR1cykodGhlbWUpLFxuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICB7cmVtb3ZlSWNvbn1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICApfVxuICAgIDwvbGk+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVXBsb2FkTGlzdEl0ZW0gPSBVcGxvYWRMaXN0SXRlbUNvbXBvbmVudDtcbiJdfQ== */"], children: removeIcon })
+  ] });
+};
+const UploadListItem = UploadListItemComponent;
+export {
+  UploadListItem
+};

package/dist/components/Upload/components/UploadListItem/UploadListItem.styles.d.ts

@@ -0,0 +1,70 @@
+import { ListType, UploadStatus } from '../../Upload.types';
+import { UploadTokens } from '../../Upload.tokens';
+import { Theme } from 'themes';
+export declare const uploadListItemContainerClassName = "upload-list-item-container";
+export declare const getLiStyle: (uploadTokens: UploadTokens, listType: ListType, status: UploadStatus | undefined) => (theme: Theme) => {
+    padding: number;
+    borderWidth: number;
+    borderStyle: string;
+    borderRadius: 8;
+    borderColor: "#D9D9D9" | "#FF4D4F";
+    display: string;
+    columnGap: 8;
+    alignItems: string;
+} | {
+    padding: string;
+    borderRadius: 4;
+    ":hover": {
+        background: "#F5F5F5";
+    };
+    display: string;
+    columnGap: 8;
+    alignItems: string;
+};
+export declare const getThumbnailWrapperStyle: (uploadTokens: UploadTokens, listType: ListType, status: UploadStatus | undefined) => (theme: Theme) => {
+    width: number;
+    height: number;
+    fontSize: 32;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    color: "#8C8C8C" | "#FF4D4F";
+} | {
+    fontSize: 16;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    color: "#8C8C8C" | "#FF4D4F";
+};
+export declare const getNameStyle: (uploadTokens: UploadTokens, status: UploadStatus | undefined) => {
+    overflow: string;
+    whiteSpace: string;
+    textOverflow: string;
+    color: "#FF4D4F" | undefined;
+};
+export declare const textListTypeRemoveIconWrapperStyle: (theme: Theme) => {
+    margin: number;
+};
+export declare const textListTypeNonErrorRemoveIconWrapperStyle: {
+    opacity: number;
+    ".upload-list-item-container:hover &": {
+        opacity: number;
+    };
+};
+export declare const getRemoveIconWrapperStyle: (uploadTokens: UploadTokens, status: UploadStatus | undefined) => (theme: Theme) => {
+    cursor: string;
+    display: string;
+    marginLeft: string;
+    border: string;
+    padding: 4;
+    background: string;
+    fontSize: 16;
+    borderRadius: 4;
+    color: "#FF4D4F" | `rgba(${number}, ${number}, ${number}, 0.3)`;
+    ":hover": {
+        background: `rgba(${number}, ${number}, ${number}, 0.05)`;
+    };
+    ":active": {
+        background: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    };
+};

package/dist/components/Upload/components/UploadListItem/UploadListItem.styles.js

@@ -0,0 +1,73 @@
+const uploadListItemContainerClassName = "upload-list-item-container";
+const getLiStyle = (uploadTokens, listType, status) => (theme) => ({
+  display: "flex",
+  columnGap: theme.marginM,
+  alignItems: "center",
+  ...listType === "picture" ? {
+    padding: theme.paddingM - 1,
+    borderWidth: 1,
+    borderStyle: status === "uploading" ? "dashed" : "solid",
+    borderRadius: theme.borderRadiusL,
+    borderColor: status === "error" ? uploadTokens.uploadDanger : uploadTokens.uploadBorder
+  } : {
+    padding: `2px ${theme.paddingXS}px`,
+    borderRadius: theme.borderRadiusM,
+    ":hover": {
+      background: uploadTokens.uploadBgHover
+    }
+  }
+});
+const getThumbnailWrapperStyle = (uploadTokens, listType, status) => (theme) => ({
+  display: "inline-flex",
+  justifyContent: "center",
+  alignItems: "center",
+  color: status === "error" ? uploadTokens.uploadDanger : uploadTokens.uploadTextSecondary,
+  ...listType === "picture" ? {
+    width: uploadTokens.uploadThumbnailSize,
+    height: uploadTokens.uploadThumbnailSize,
+    fontSize: theme.iconXL
+  } : {
+    fontSize: theme.iconM
+  }
+});
+const getNameStyle = (uploadTokens, status) => ({
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  color: status === "error" ? uploadTokens.uploadDanger : void 0
+});
+const textListTypeRemoveIconWrapperStyle = (theme) => ({
+  margin: -theme.marginXS
+});
+const textListTypeNonErrorRemoveIconWrapperStyle = {
+  opacity: 0,
+  [`.${uploadListItemContainerClassName}:hover &`]: {
+    opacity: 1
+  }
+};
+const getRemoveIconWrapperStyle = (uploadTokens, status) => (theme) => ({
+  cursor: "pointer",
+  display: "flex",
+  marginLeft: "auto",
+  border: "none",
+  padding: theme.paddingXS,
+  background: "none",
+  fontSize: theme.iconM,
+  borderRadius: theme.borderRadiusM,
+  color: status === "error" ? uploadTokens.uploadDanger : theme.textIcon,
+  ":hover": {
+    background: theme.bgIconHover
+  },
+  ":active": {
+    background: theme.bgIconActive
+  }
+});
+export {
+  getLiStyle,
+  getNameStyle,
+  getRemoveIconWrapperStyle,
+  getThumbnailWrapperStyle,
+  textListTypeNonErrorRemoveIconWrapperStyle,
+  textListTypeRemoveIconWrapperStyle,
+  uploadListItemContainerClassName
+};

package/dist/components/Upload/components/UploadListItem/UploadListItem.types.d.ts

@@ -0,0 +1,4 @@
+import { UploadFile } from 'components/Upload/Upload.types';
+import { IUploadListProps } from '../UploadList/UploadList.types';
+export interface UploadListItemProps extends UploadFile, Omit<IUploadListProps, "items"> {
+}

package/dist/components/Upload/hooks/useDnd/useDnd.d.ts

@@ -0,0 +1,8 @@
+import { DragEventHandler } from 'react';
+import { UseDndOptions } from './useDnd.types';
+export declare const useDnd: (options: UseDndOptions) => {
+    dragState: string;
+    onDrop: DragEventHandler<HTMLDivElement>;
+    onDragOver: DragEventHandler<HTMLDivElement>;
+    onDragLeave: DragEventHandler<HTMLDivElement>;
+};

package/dist/components/Upload/hooks/useDnd/useDnd.js

@@ -0,0 +1,22 @@
+import { useState } from "react";
+const useDnd = (options) => {
+  const {
+    onDrop
+  } = options;
+  const [dragState, setDragState] = useState("drop");
+  const handleFileDrop = (e) => {
+    setDragState(e.type);
+    if (e.type === "drop") {
+      onDrop == null ? void 0 : onDrop(e);
+    }
+  };
+  return {
+    dragState,
+    onDrop: handleFileDrop,
+    onDragOver: handleFileDrop,
+    onDragLeave: handleFileDrop
+  };
+};
+export {
+  useDnd
+};

package/dist/components/Upload/hooks/useDnd/useDnd.types.d.ts

@@ -0,0 +1,3 @@
+import { UploadProps } from '../../Upload.types';
+export interface UseDndOptions extends Pick<UploadProps, "onDrop"> {
+}

package/dist/components/Upload/index.d.ts

@@ -0,0 +1,2 @@
+export { Upload } from './Upload';
+export type { UploadProps } from './Upload.types';

package/dist/components/Upload/utils/attrAccept.d.ts

@@ -0,0 +1 @@
+export declare const attrAccept: (file: File | undefined, acceptedFiles: string | string[] | undefined) => boolean;

package/dist/components/Upload/utils/attrAccept.js

@@ -0,0 +1,38 @@
+import { emptyString } from "../../../utils/const/index.js";
+const attrAccept = (file, acceptedFiles) => {
+  if (!file || !acceptedFiles) {
+    return true;
+  }
+  const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
+  const fileName = file.name;
+  const mimeType = file.type;
+  const baseMimeType = mimeType.replace(/\/.*$/, emptyString);
+  return acceptedFilesArray.some((type) => {
+    const validType = type.trim();
+    if (/^\*(\/\*)?$/.test(type)) {
+      return true;
+    }
+    if (validType.charAt(0) === ".") {
+      const lowerFileName = fileName.toLowerCase();
+      const lowerType = validType.toLowerCase();
+      let affixList = [lowerType];
+      if (lowerType === ".jpg" || lowerType === ".jpeg") {
+        affixList = [".jpg", ".jpeg"];
+      }
+      return affixList.some((affix) => lowerFileName.endsWith(affix));
+    }
+    if (/\/\*$/.test(validType)) {
+      return baseMimeType === validType.replace(/\/.*$/, emptyString);
+    }
+    if (mimeType === validType) {
+      return true;
+    }
+    if (/^\w+$/.test(validType)) {
+      return true;
+    }
+    return false;
+  });
+};
+export {
+  attrAccept
+};

package/dist/components/Upload/utils/file2obj.d.ts

@@ -0,0 +1,6 @@
+import { FileWithUid } from '../components/InternalUpload/InternalUpload.types';
+import { FileObj } from '../Upload.types';
+/** Просто деструктурировать инстанс File не получится. Будут деструктурированы только свойства,
+ * добавленных через мутацию инстанса, например, uid
+ * */
+export declare function file2Obj(file: FileWithUid): FileObj;

package/dist/components/Upload/utils/file2obj.js

@@ -0,0 +1,13 @@
+function file2Obj(file) {
+  return {
+    ...file,
+    name: file.name,
+    type: file.type,
+    lastModified: file.lastModified,
+    size: file.size,
+    originFile: file
+  };
+}
+export {
+  file2Obj
+};

package/dist/components/Upload/utils/modifyFileList.d.ts

@@ -0,0 +1,3 @@
+import { FileObj, UploadFile } from '../Upload.types';
+export declare function updateFileList(file: FileObj, fileList: UploadFile[]): UploadFile[];
+export declare function removeFileItem(file: UploadFile, fileList: UploadFile[]): UploadFile[] | null;

package/dist/components/Upload/utils/modifyFileList.js

@@ -0,0 +1,24 @@
+function updateFileList(file, fileList) {
+  const nextFileList = [...fileList];
+  const fileIndex = nextFileList.findIndex(({
+    uid
+  }) => uid === file.uid);
+  if (fileIndex === -1) {
+    nextFileList.push(file);
+  } else {
+    nextFileList[fileIndex] = file;
+  }
+  return nextFileList;
+}
+function removeFileItem(file, fileList) {
+  const matchKey = file.uid !== void 0 ? "uid" : "name";
+  const removed = fileList.filter((item) => item[matchKey] !== file[matchKey]);
+  if (removed.length === fileList.length) {
+    return null;
+  }
+  return removed;
+}
+export {
+  removeFileItem,
+  updateFileList
+};

package/dist/components/Upload/utils/uidGenerator.d.ts

@@ -0,0 +1 @@
+export declare const getUid: () => string;

package/dist/components/Upload/utils/uidGenerator.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class UidGenerator {
+  constructor() {
+    __publicField(this, "prefix");
+    __publicField(this, "root");
+    this.prefix = this.getPrefix();
+    this.root = this.getRoot();
+  }
+  getPrefix() {
+    return "upload";
+  }
+  getRoot() {
+    return Number(/* @__PURE__ */ new Date());
+  }
+  createGetter() {
+    let counter = 0;
+    return () => {
+      counter += 1;
+      if (counter >= Number.MAX_SAFE_INTEGER) {
+        this.root = this.getRoot();
+        counter = 1;
+      }
+      return `${this.prefix}_${this.root}_${counter}`;
+    };
+  }
+}
+const uidGenerator = new UidGenerator();
+const getUid = uidGenerator.createGetter();
+export {
+  getUid
+};

package/dist/configure/dayjs.js

@@ -0,0 +1,4 @@
+import "dayjs/locale/ru.js";
+import dayjs from "dayjs";
+import localeData from "dayjs/plugin/localeData.js";
+dayjs.extend(localeData);