mimir-ui-kit 1.12.0 → 1.13.0

package/dist/components/Uploader/Uploader.d.ts

@@ -0,0 +1,30 @@
+import { imageTypesArr } from './constants';
+
+export type TUploader = {
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'png' | 'tiff'|'gif'|'doc'|'xls'|'pdf'|'docx' |'txt' | 'xlsx'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    name: string;
+    /**
+     * Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
+     */
+    onChangeValue: (e: TUploadValue) => void;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize: number;
+};
+export type TUploadValue = {
+    value: TFileItem[];
+    name?: string;
+};
+export type TFileItem = {
+    id: number;
+    file: File;
+};
+export declare function Uploader({ filesType, onChangeValue, name, maxSize }: TUploader): import("react/jsx-runtime").JSX.Element;

package/dist/components/Uploader/Uploader.js

@@ -0,0 +1,90 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useRef } from "react";
+import { Icon } from "../../icons/Icon.js";
+import { Button } from "../Button/Button.js";
+import '../../assets/Uploader.css';const cls = {
+  "upload-file__wrapper": "_upload-file__wrapper_165vi_2",
+  "upload-text": "_upload-text_165vi_25",
+  "upload-file-input": "_upload-file-input_165vi_35"
+};
+const MIME = {
+  jpeg: "image/jpeg",
+  png: "image/png",
+  tiff: "image/tiff",
+  gif: "image/gif",
+  webp: "image/webp",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  pdf: "application/pdf",
+  xls: "application/excel",
+  txt: "text/plain",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+};
+const filesTyps = ["jpeg", "png", "tiff", "gif"];
+const generateId = (min, max) => {
+  return Math.random() * (max - min) + min;
+};
+function Uploader({
+  filesType = filesTyps,
+  onChangeValue,
+  name,
+  maxSize = 15
+}) {
+  const idImg = useId();
+  const ref = useRef(null);
+  const onChange = (e) => {
+    if (e.target.files && e.target.files[0]) {
+      const list = [];
+      Array.from(e.target.files).forEach((el) => {
+        if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
+          list.push({ file: el, id: generateId(1, 100) });
+        }
+      });
+      onChangeValue({ name, value: list });
+    }
+  };
+  const onOpen = () => {
+    var _a;
+    (_a = ref.current) == null ? void 0 : _a.click();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "file",
+        className: cls["upload-file-input"],
+        "aria-label": "Upload",
+        name: "image[]",
+        multiple: true,
+        onChange,
+        title: "",
+        id: idImg,
+        accept: filesType.map((i) => MIME[i]).join()
+      }
+    ),
+    /* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "m",
+          variant: "secondary-asphalt",
+          leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
+          onClick: onOpen,
+          children: "Выберите файлы"
+        }
+      ),
+      /* @__PURE__ */ jsx("b", { children: "Или перетащие сюда" }),
+      /* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
+        "Максимальный размер одного файла – ",
+        maxSize,
+        " Мб",
+        /* @__PURE__ */ jsx("br", {}),
+        "Загрузить можно файлы следующих форматов: ",
+        filesType.join(", ")
+      ] })
+    ] })
+  ] });
+}
+export {
+  Uploader
+};

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

@@ -0,0 +1,5 @@
+export type imageTypesArr = 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx';
+export declare const TypeFilesArray: {
+    images: imageTypesArr[];
+    docs: imageTypesArr[];
+};

package/dist/components/Uploader/constants.js

@@ -0,0 +1,16 @@
+const imageFileTypes = ["jpeg", "png", "tiff", "gif"];
+const docsFileTypes = [
+  "doc",
+  "xls",
+  "pdf",
+  "docx",
+  "txt",
+  "xlsx"
+];
+const TypeFilesArray = {
+  images: imageFileTypes,
+  docs: docsFileTypes
+};
+export {
+  TypeFilesArray
+};

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

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

package/dist/components/Uploader/index.js

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

package/dist/components/UploaderPhotos/UploaderPhotos.d.ts

@@ -0,0 +1,29 @@
+import { imageTypesArr } from '../Uploader/constants';
+import { TFileItem } from '../Uploader/Uploader';
+
+export type TUploaderPhotos = {
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    name: string;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize: number;
+    /**
+     * Функция обратного вызова, передает параметры type и data,
+     * type 'add' в data передает массив файлов,
+     * type:'delete' в data передает id удаленного файла
+     */
+    onChange: (j: TOnChangePhotosUpdate) => void;
+};
+export type TOnChangePhotosUpdate = {
+    type: string;
+    data: TFileItem[] | number;
+};
+export declare function UploaderPhotos({ filesType, name, maxSize, onChange }: TUploaderPhotos): import("react/jsx-runtime").JSX.Element;

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { ListPhotos } from "../ListPhotos/ListPhotos.js";
+import { Uploader } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const cls = {
+  "upload-file__wrapper": "_upload-file__wrapper_udscq_2"
+};
+function UploaderPhotos({
+  filesType,
+  name,
+  maxSize,
+  onChange
+}) {
+  const [photos, setPhotos] = useState([]);
+  const onChangeValue = (e) => {
+    setPhotos([
+      ...photos,
+      ...e.value.map((el) => {
+        return {
+          url: URL.createObjectURL(el.file),
+          id: el.id
+        };
+      })
+    ]);
+    onChange == null ? void 0 : onChange({ type: "add", data: e.value });
+  };
+  const onDelete = (j) => {
+    setPhotos(j.list);
+    if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
+    /* @__PURE__ */ jsx(
+      Uploader,
+      {
+        filesType,
+        name,
+        maxSize,
+        onChangeValue
+      }
+    ),
+    /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
+  ] });
+}
+export {
+  UploaderPhotos
+};

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

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

package/dist/components/UploaderPhotos/index.js

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

package/dist/components/index.d.ts

@@ -25,7 +25,3 @@ export { Switch } from './Switch';
 export type { TSwitchProps } from './Switch';
 export { Tag, ETagSize, ETagType } from './Tag';
 export { Timer } from './Timer';
-export { Accordion, AccordionItem, EAccordionSize } from './Accordion';
-export type { TAccordionProps, TAccordionItemProps } from './Accordion';
-export { TabTrail, ETabTrailSize } from './TabTrail';
-export type { TTabTrailProps, TCategoryTab } from './TabTrail';

package/dist/components/index.js

@@ -25,18 +25,10 @@ import { Switch } from "./Switch/Switch.js";
 import { Tag } from "./Tag/Tag.js";
 import { ETagSize, ETagType } from "./Tag/constants.js";
 import { Timer } from "./Timer/Timer.js";
-import { Accordion } from "./Accordion/Accordion.js";
-import { EAccordionSize } from "./Accordion/constants.js";
-import { AccordionItem } from "./Accordion/AccordionItem/AccordionItem.js";
-import { TabTrail } from "./TabTrail/TabTrail.js";
-import { ETabTrailSize } from "./TabTrail/constants.js";
 export {
-  Accordion,
-  AccordionItem,
   Button,
   DatePicker,
   Drawer,
-  EAccordionSize,
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
@@ -49,7 +41,6 @@ export {
   EStepsPrimaryColor,
   EStepsSecondaryColor,
   EStepsSize,
-  ETabTrailSize,
   ETagSize,
   ETagType,
   EVoteSize,
@@ -65,7 +56,6 @@ export {
   Slider,
   Steps,
   Switch,
-  TabTrail,
   Tag,
   Timer,
   Vote,

package/dist/{focus-management-1rQPII7Z.js → focus-management-CFDo6ZSc.js}

@@ -1,4 +1,17 @@
-import { u, a as u$1 } from "./keyboard-B256ZoM-.js";
+import { useCallback } from "react";
+import { u as u$1, a as u$2 } from "./label-BXAcSLy0.js";
+function l(e, r) {
+  return e !== null && r !== null && typeof e == "object" && typeof r == "object" && "id" in e && "id" in r ? e.id === r.id : e === r;
+}
+function u(e = l) {
+  return useCallback((r, t) => {
+    if (typeof e == "string") {
+      let o = e;
+      return (r == null ? void 0 : r[o]) === (t == null ? void 0 : t[o]);
+    }
+    return e(r, t);
+  }, [e]);
+}
 let f = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), p = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var F = ((n) => (n[n.First = 1] = "First", n[n.Previous = 2] = "Previous", n[n.Next = 4] = "Next", n[n.Last = 8] = "Last", n[n.WrapAround = 16] = "WrapAround", n[n.NoScroll = 32] = "NoScroll", n[n.AutoFocus = 64] = "AutoFocus", n))(F || {}), T = ((o) => (o[o.Error = 0] = "Error", o[o.Overflow = 1] = "Overflow", o[o.Success = 2] = "Success", o[o.Underflow = 3] = "Underflow", o))(T || {}), y = ((t) => (t[t.Previous = -1] = "Previous", t[t.Next = 1] = "Next", t))(y || {});
 function b(e = document.body) {
@@ -10,7 +23,7 @@ function S(e = document.body) {
 var h = ((t) => (t[t.Strict = 0] = "Strict", t[t.Loose = 1] = "Loose", t))(h || {});
 function A(e, r = 0) {
   var t;
-  return e === ((t = u(e)) == null ? void 0 : t.body) ? false : u$1(r, { [0]() {
+  return e === ((t = u$1(e)) == null ? void 0 : t.body) ? false : u$2(r, { [0]() {
     return e.matches(f);
   }, [1]() {
     let u2 = e;
@@ -36,24 +49,24 @@ function _(e, r = (t) => t) {
   return e.slice().sort((t, u2) => {
     let o = r(t), c = r(u2);
     if (o === null || c === null) return 0;
-    let l = o.compareDocumentPosition(c);
-    return l & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    let l2 = o.compareDocumentPosition(c);
+    return l2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
 function P(e, r, { sorted: t = true, relativeTo: u2 = null, skipElements: o = [] } = {}) {
-  let c = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument, l = Array.isArray(e) ? t ? _(e) : e : r & 64 ? S(e) : b(e);
-  o.length > 0 && l.length > 1 && (l = l.filter((s) => !o.some((a) => a != null && "current" in a ? (a == null ? void 0 : a.current) === s : a === s))), u2 = u2 != null ? u2 : c.activeElement;
+  let c = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument, l2 = Array.isArray(e) ? t ? _(e) : e : r & 64 ? S(e) : b(e);
+  o.length > 0 && l2.length > 1 && (l2 = l2.filter((s) => !o.some((a) => a != null && "current" in a ? (a == null ? void 0 : a.current) === s : a === s))), u2 = u2 != null ? u2 : c.activeElement;
   let n = (() => {
     if (r & 5) return 1;
     if (r & 10) return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
   })(), x = (() => {
     if (r & 1) return 0;
-    if (r & 2) return Math.max(0, l.indexOf(u2)) - 1;
-    if (r & 4) return Math.max(0, l.indexOf(u2)) + 1;
-    if (r & 8) return l.length - 1;
+    if (r & 2) return Math.max(0, l2.indexOf(u2)) - 1;
+    if (r & 4) return Math.max(0, l2.indexOf(u2)) + 1;
+    if (r & 8) return l2.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), M = r & 32 ? { preventScroll: true } : {}, m = 0, d = l.length, i;
+  })(), M = r & 32 ? { preventScroll: true } : {}, m = 0, d = l2.length, i;
   do {
     if (m >= d || m + d <= 0) return 0;
     let s = x + m;
@@ -62,7 +75,7 @@ function P(e, r, { sorted: t = true, relativeTo: u2 = null, skipElements: o = []
       if (s < 0) return 3;
       if (s >= d) return 1;
     }
-    i = l[s], i == null || i.focus(M), m += n;
+    i = l2[s], i == null || i.focus(M), m += n;
   } while (i !== c.activeElement);
   return r & 6 && O(i) && i.select(), 2;
 }
@@ -73,5 +86,6 @@ export {
   T,
   _,
   f,
-  h
+  h,
+  u
 };

package/dist/icons/Icon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { i as icons } from "../index-_ACzPKPw.js";
+import { i as icons } from "../index-Cxiikb7g.js";
 const Icon = ({ iconName, ...props }) => {
   const Component = icons[iconName];
   if (!Component) {

package/dist/icons/components/12px/Close12px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Close12px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Close12px;

package/dist/icons/components/12px/Close12px.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+const Close12px = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M3 9L8.99991 3M9 9L3 3", stroke: "#333333", "stroke-width": "1.5" })
+    }
+  );
+};
+export {
+  Close12px as default
+};

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

@@ -1,3 +1,4 @@
+export declare const Close12px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
 export declare const Accept16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
 export declare const Acts16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
 export declare const Acts16pxF: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;