mimir-ui-kit 1.23.0 → 1.24.1

package/dist/utils/index.d.ts

@@ -1,5 +1,4 @@
 import { default as Date } from './formating/Date';
-import { default as Size } from './formating/FileSize';
 import { default as Month } from './formating/Month';
 import { default as Number } from './formating/Numbers';
 import { default as UUIDv4 } from './UUID4';
@@ -9,5 +8,4 @@ export declare const formating: {
     Month: typeof Month;
     Date: typeof Date;
     UUIDv4: typeof UUIDv4;
-    Size: typeof Size;
 };

package/dist/utils/index.js

@@ -1,5 +1,4 @@
 import _Date from "./formating/Date.js";
-import Size from "./formating/FileSize.js";
 import Month from "./formating/Month.js";
 import Numbers from "./formating/Numbers.js";
 import UUIDv4 from "./UUID4.js";
@@ -7,8 +6,7 @@ const formating = {
   Number: Numbers,
   Month,
   Date: _Date,
-  UUIDv4,
-  Size
+  UUIDv4
 };
 export {
   formating

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.23.0",
+  "version": "1.24.1",
   "type": "module",
   "exports": {
     ".": {

package/dist/assets/ListFiles.css

@@ -1 +0,0 @@
-._file-info_1qfel_2{display:flex;flex-direction:column;gap:var(--space-xs);overflow:hidden}._file-info_1qfel_2 ._file-info-size_1qfel_8{font-family:var(--font-inter),sans-serif;font-size:var(--size-text-m);font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-xxs);text-align:left;color:var(--disabled-color)}._file-info_1qfel_2 ._file-info-name-wrapper_1qfel_16{display:table;table-layout:fixed;width:100%}._file-info_1qfel_2 ._file-info-name-wrapper_1qfel_16 ._file-info-name_1qfel_16{font-family:var(--font-inter),sans-serif;font-size:var(--size-text-l2);font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-xl);text-align:left;color:var(--black-100);display:table-cell;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._file-upload-container_1qfel_34{display:flex;flex-direction:column;width:100%;padding-left:0;margin-bottom:0;gap:var(--space-xs)}._file-upload-container_1qfel_34 ._file-upload-container-item_1qfel_42{display:flex;justify-content:space-between;align-items:center;background:var(--white);position:relative;padding:var(--space-xs) var(--space-m);border-radius:var(--control-radius)}._file-upload-container_1qfel_34 ._file-upload-container-item_1qfel_42 button{background:var(--black-5);position:absolute;right:var(--space-2xs);top:var(--space-2xs)}._file-upload-container_1qfel_34 ._file-upload-container-item_1qfel_42 span{display:flex}

package/dist/components/ListFiles/ListFiles.d.ts

@@ -1,26 +0,0 @@
-export type TListFiles = {
-    /**
-     * Массив фото
-     */
-    value: TFilesDetail[];
-    /**
-     * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
-     */
-    onChange?: (e: TFileValue) => void;
-};
-export type TFileItem = {
-    id: number;
-    url: string;
-};
-export type TFileValue = {
-    deleteId?: number;
-    list: TFilesDetail[];
-};
-export type TFilesDetail = {
-    id: number;
-    url: string;
-    name: string;
-    size?: number;
-    type?: string;
-};
-export declare function ListFiles({ value, onChange }: TListFiles): import("react/jsx-runtime").JSX.Element;

package/dist/components/ListFiles/ListFiles.js

@@ -1,45 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { formating } from "../../utils/index.js";
-import { Button } from "../Button/Button.js";
-import '../../assets/ListFiles.css';const cls = {
-  "file-info": "_file-info_1qfel_2",
-  "file-info-size": "_file-info-size_1qfel_8",
-  "file-info-name-wrapper": "_file-info-name-wrapper_1qfel_16",
-  "file-info-name": "_file-info-name_1qfel_16",
-  "file-upload-container": "_file-upload-container_1qfel_34",
-  "file-upload-container-item": "_file-upload-container-item_1qfel_42"
-};
-function ListFiles({ value, onChange }) {
-  const [list, setList] = useState(value);
-  useEffect(() => {
-    setList(value);
-  }, [value]);
-  const onDelete = async (id) => {
-    const newList = [...list.filter((el) => el.id !== id)];
-    setList(newList);
-    onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
-  };
-  return /* @__PURE__ */ jsx("ul", { className: cls["file-upload-container"], children: list.map((el, key) => /* @__PURE__ */ jsxs("li", { className: cls["file-upload-container-item"], children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["file-info"], children: [
-      (el == null ? void 0 : el.size) && /* @__PURE__ */ jsxs("span", { className: cls["file-info-size"], children: [
-        " ",
-        formating.Size(el == null ? void 0 : el.size)
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: cls["file-info-name-wrapper"], children: /* @__PURE__ */ jsx("div", { className: cls["file-info-name"], children: el.name }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        isIconButton: true,
-        iconName: "Close12px",
-        size: "m-s",
-        variant: "secondary-gray",
-        onClick: () => onDelete(el.id)
-      }
-    )
-  ] }, key)) });
-}
-export {
-  ListFiles
-};

package/dist/components/ListFiles/constants.d.ts

@@ -1,3 +0,0 @@
-import { TFilesDetail } from './ListFiles';
-
-export declare const photos: TFilesDetail[];

package/dist/components/ListFiles/constants.js

@@ -1,33 +0,0 @@
-const photos = [
-  {
-    id: 111,
-    name: "ООО “КИЗ-СТРОЙ” - Свидетельство о регистрации (06.12.2003).xls",
-    url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg",
-    size: 1024,
-    type: "image/png"
-  },
-  {
-    id: 112,
-    name: "ООО “КИЗ-СТРОЙ” - Доверенность (20.10.2005).xls",
-    url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg",
-    size: 1024,
-    type: "image/png"
-  },
-  {
-    id: 113,
-    name: "Скан паспорта.pdf",
-    url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg",
-    size: 2064,
-    type: "image/png"
-  },
-  {
-    id: 114,
-    name: "Прочие документы.xls",
-    url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg",
-    size: 1024,
-    type: "image/png"
-  }
-];
-export {
-  photos
-};

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

@@ -1,2 +0,0 @@
-export { ListFiles } from './ListFiles';
-export type { ListFiles as TListFiles } from './ListFiles';

package/dist/components/ListFiles/index.js

@@ -1,4 +0,0 @@
-import { ListFiles } from "./ListFiles.js";
-export {
-  ListFiles
-};

package/dist/components/UploaderFiles/UploaderFiles.d.ts

@@ -1,38 +0,0 @@
-import { TFilesDetail } from '../ListFiles/ListFiles';
-import { imageTypesArr } from '../Uploader/constants';
-import { TFileItem } from '../Uploader/Uploader';
-
-export type TUploaderFiles = {
-    /**
-     * Массив разрешенных типов файлов для настройки валидации
-     * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
-     */
-    filesType: imageTypesArr[];
-    /**
-     * Наименование передаваемого массива файлов
-     */
-    arrayName: string;
-    /**
-     * Максимальный размер файлов.
-     */
-    maxSize: number;
-    /**
-     * Функция обратного вызова, передает параметры type и data,
-     * type 'add' в data передает массив файлов,
-     * type:'delete' в data передает id удаленного файла
-     */
-    onChange: (j: TOnChangeFilesUpdate) => void;
-    /**
-     * Передаваемые файлы.
-     */
-    value?: TFilesDetail[];
-    /**
-     * Максимальное количество файлов.
-     */
-    maxFiles: number;
-};
-export type TOnChangeFilesUpdate = {
-    type: string;
-    data: TFileItem[] | number;
-};
-export declare const UploaderFiles: import('react').ForwardRefExoticComponent<TUploaderFiles & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,68 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useState, useEffect } from "react";
-import { ListFiles } from "../ListFiles/ListFiles.js";
-import { Uploader } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
-};
-const UploaderFiles = forwardRef(
-  (props, ref) => {
-    const { filesType, arrayName, maxSize, onChange, value, maxFiles } = props;
-    const [files, setFiles] = useState(value || []);
-    const isMaxFilesReached = files.length >= maxFiles;
-    useEffect(() => {
-      if (value) {
-        setFiles(value);
-      }
-    }, [value]);
-    const onChangeValue = (e) => {
-      const newFiles = [
-        ...files,
-        ...e.value.map((el) => {
-          var _a, _b, _c;
-          return {
-            id: el.id,
-            url: "",
-            size: (_a = el == null ? void 0 : el.file) == null ? void 0 : _a.size,
-            name: (_b = el == null ? void 0 : el.file) == null ? void 0 : _b.name,
-            type: (_c = el == null ? void 0 : el.file) == null ? void 0 : _c.type
-          };
-        })
-      ];
-      setFiles(newFiles);
-      onChange == null ? void 0 : onChange({ type: "add", data: e.value });
-    };
-    const onDelete = (j) => {
-      setFiles(j.list);
-      if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: classNames(
-          cls["upload-file-wrapper"],
-          isMaxFilesReached && cls.disabled
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            Uploader,
-            {
-              filesType,
-              arrayName,
-              maxSize,
-              onChangeValue,
-              ref,
-              maxFiles,
-              isDisabled: isMaxFilesReached
-            }
-          ),
-          /* @__PURE__ */ jsx(ListFiles, { value: files, onChange: onDelete })
-        ]
-      }
-    );
-  }
-);
-export {
-  UploaderFiles
-};

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

@@ -1,2 +0,0 @@
-export { UploaderFiles } from './UploaderFiles';
-export type { TUploaderFiles, TOnChangeFilesUpdate } from './UploaderFiles';

package/dist/components/UploaderFiles/index.js

@@ -1,4 +0,0 @@
-import { UploaderFiles } from "./UploaderFiles.js";
-export {
-  UploaderFiles
-};

package/dist/utils/formating/FileSize.d.ts

@@ -1 +0,0 @@
-export default function Size(size: number): string;

package/dist/utils/formating/FileSize.js

@@ -1,15 +0,0 @@
-function Size(size) {
-  if (!size) return "";
-  let i = -1;
-  const b = [" Kb", " Mb", " Gb", " Tb", "Pb", "Eb", "Zb", "Yb"];
-  const sistemParams = 1024;
-  const maxValue = 0.1;
-  do {
-    size /= sistemParams;
-    i += 1;
-  } while (size > sistemParams);
-  return Math.max(size, maxValue).toFixed(1) + b[i];
-}
-export {
-  Size as default
-};