mimir-ui-kit 1.12.0 → 1.13.1

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/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>;