mimir-ui-kit 1.36.16 → 1.37.0

package/dist/assets/MessageShortReply.css

@@ -0,0 +1 @@
+._short-reply_1tpxx_2{--short-reply-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:32px;padding:0 var(--mimir-space-xs);overflow:hidden;color:var(--short-reply-color);font-size:var(--mimir-size-text-s);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-s1);white-space:nowrap;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--mimir-space-2xs);column-gap:var(--mimir-space-2xs);background-color:var(--short-reply-bg-color);border-color:var(--short-reply-border-color);border-style:solid;border-width:1px;border-radius:var(--mimir-control-input-radius);cursor:pointer;cursor:var(--short-reply-cursor);transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._short-reply_1tpxx_2:hover{color:var(--short-reply-color-hover);background:var(--short-reply-bg-color-hover);border-color:var(--short-reply-border-color-hover)}._short-reply_1tpxx_2:active{color:var(--short-reply-color-active);background:var(--short-reply-bg-color-active);border-color:var(--short-reply-border-color-active)}._short-reply_1tpxx_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._short-reply_1tpxx_2 svg{color:currentcolor;fill:currentcolor}._short-reply_1tpxx_2 svg path{color:currentcolor;fill:currentcolor}._short-reply_1tpxx_2._sapphire_1tpxx_50{--short-reply-bg-color: transparent;--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-bg-color-active: var(--sapphire-active);--short-reply-bg-color-hover: var(--sapphire-normal);--short-reply-color: var(--sapphire-normal);--short-reply-border-color: var(--sapphire-normal)}._short-reply_1tpxx_2._sapphire-filled_1tpxx_59{--short-reply-bg-color: var(--sapphire-normal);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-bg-color-active: var(--sapphire-active);--short-reply-bg-color-hover: var(--sapphire-hover);--short-reply-color: var(--light-text)}._short-reply_1tpxx_2._citrine_1tpxx_67{--short-reply-bg-color: transparent;--short-reply-bg-color-active: var(--citrine-active);--short-reply-bg-color-hover: var(--citrine-hover);--short-reply-color: var(--citrine-normal);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-border-color: var(--citrine-normal)}._short-reply_1tpxx_2._asphalt_1tpxx_76{--short-reply-bg-color: transparent;--short-reply-bg-color-active: var(--asphalt-active);--short-reply-bg-color-hover: var(--asphalt-hover);--short-reply-color: var(--asphalt-normal);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-border-color: var(--asphalt-normal)}._short-reply_1tpxx_2._gray_1tpxx_85{--short-reply-bg-color: var(--gray-normal);--short-reply-bg-color-hover: var(--gray-hover);--short-reply-bg-color-active: var(--gray-active);--short-reply-color: var(--dark-text);--short-reply-color-hover: var(--dark-text);--short-reply-color-active: var(--light-text);border:none}._short-reply_1tpxx_2._white_1tpxx_94{--short-reply-bg-color: var(--white-normal);--short-reply-bg-color-hover: var(--white-hover);--short-reply-bg-color-active: var(--white-active);--short-reply-color: var(--dark-text);--short-reply-color-hover: var(--dark-text);--short-reply-color-active: var(--light-text);border:none}._short-reply_1tpxx_2._green_1tpxx_103{--short-reply-bg-color: transparent;--short-reply-bg-color-hover: var(--green-hover);--short-reply-bg-color-active: var(--green-active);--short-reply-color: var(--green);--short-reply-color-hover: var(--light-text);--short-reply-color-active: var(--light-text);--short-reply-border-color: var(--green)}._short-reply_1tpxx_2._disabled_1tpxx_112{--short-reply-cursor: not-allowed;color:var(--disabled);background-color:transparent;border-color:var(--disabled)}._short-reply_1tpxx_2._disabled_1tpxx_112:hover,._short-reply_1tpxx_2._disabled_1tpxx_112:active,._short-reply_1tpxx_2._disabled_1tpxx_112:focus{color:var(--disabled);background-color:transparent;border-color:var(--disabled);box-shadow:none}

package/dist/components/MessageShortReply/MessageShortReply.d.ts

@@ -0,0 +1,30 @@
+import { ComponentProps } from 'react';
+import { EMessageShortReplyVariant } from './constants';
+import { TIcon } from '../../icons';
+
+export type TProps = ComponentProps<'button'> & {
+    /**
+     * Класс, применяемый к корневому элементу MessageShortReply.
+     */
+    className?: string;
+    /**
+     * Флаг, указывающий, отключена ли MessageShortReply.
+     */
+    disabled?: boolean;
+    /**
+     * "Вариант отображения MessageShortReply. Допустимые значения: 'sapphire', sapphire-filled', 'citrine', 'asphalt', 'gray', 'white', 'green'."
+     */
+    variant?: `${EMessageShortReplyVariant}` | EMessageShortReplyVariant;
+    /**
+     * Имя иконки слева.
+     */
+    leftIconName?: TIcon;
+    /**
+     * Имя иконки справа.
+     */
+    rightIconName?: TIcon;
+};
+/**
+ * Компонент MessageShortReply, который можно настраивать с различными темами и размерами.
+ */
+export declare const MessageShortReply: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/MessageShortReply/MessageShortReply.js

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { c as y } from "../../index-DIxK0V-G.js";
+import { forwardRef as f } from "react";
+import { EMessageShortReplyVariant as g } from "./constants.js";
+import { Icon as o } from "../../icons/Icon.js";
+import '../../assets/MessageShortReply.css';const N = "_sapphire_1tpxx_50", b = "_citrine_1tpxx_67", u = "_asphalt_1tpxx_76", w = "_gray_1tpxx_85", R = "_white_1tpxx_94", S = "_green_1tpxx_103", I = "_disabled_1tpxx_112", e = {
+  "short-reply": "_short-reply_1tpxx_2",
+  sapphire: N,
+  "sapphire-filled": "_sapphire-filled_1tpxx_59",
+  citrine: b,
+  asphalt: u,
+  gray: w,
+  white: R,
+  green: S,
+  disabled: I
+}, M = f(
+  (p, i) => {
+    const {
+      variant: n = g.Sapphire,
+      children: c,
+      className: l,
+      leftIconName: s,
+      rightIconName: r,
+      type: _ = "button",
+      disabled: t,
+      ...h
+    } = p, x = {
+      [e.disabled]: t,
+      [e[n]]: !t
+    }, m = y(l, e["short-reply"], x);
+    return /* @__PURE__ */ d(
+      "button",
+      {
+        type: _,
+        disabled: t,
+        ref: i,
+        className: m,
+        ...h,
+        children: [
+          s && /* @__PURE__ */ a(o, { iconName: s }),
+          c,
+          r && /* @__PURE__ */ a(o, { iconName: r })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "MessageShortReply";
+export {
+  M as MessageShortReply
+};

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

@@ -0,0 +1,9 @@
+export declare enum EMessageShortReplyVariant {
+    Sapphire = "sapphire",
+    SapphireFilled = "sapphire-filled",
+    Citrine = "citrine",
+    Asphalt = "asphalt",
+    Gray = "gray",
+    White = "white",
+    Green = "green"
+}

package/dist/components/MessageShortReply/constants.js

@@ -0,0 +1,4 @@
+var p = /* @__PURE__ */ ((i) => (i.Sapphire = "sapphire", i.SapphireFilled = "sapphire-filled", i.Citrine = "citrine", i.Asphalt = "asphalt", i.Gray = "gray", i.White = "white", i.Green = "green", i))(p || {});
+export {
+  p as EMessageShortReplyVariant
+};

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

@@ -0,0 +1,2 @@
+export { MessageShortReply, type TProps as TMessageShortReplyProps } from './MessageShortReply';
+export { EMessageShortReplyVariant } from './constants';

package/dist/components/MessageShortReply/index.js

@@ -0,0 +1,6 @@
+import { MessageShortReply as o } from "./MessageShortReply.js";
+import { EMessageShortReplyVariant as a } from "./constants.js";
+export {
+  a as EMessageShortReplyVariant,
+  o as MessageShortReply
+};

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,38 +1,38 @@
-import { jsxs as y, jsx as p, Fragment as j } from "react/jsx-runtime";
-import { c as B } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useState as T, useEffect as V, useMemo as _ } from "react";
-import { imageTypes as h } from "./constants.js";
+import { jsxs as h, jsx as p, Fragment as V } from "react/jsx-runtime";
+import { c as j } from "../../index-DIxK0V-G.js";
+import { forwardRef as B, useState as D, useEffect as T, useMemo as _ } from "react";
+import { imageTypes as y } from "./constants.js";
 import "../Button/Button.js";
-import { EButtonVariantDefault as E } from "../Button/constants.js";
-import { ListFiles as M } from "../ListFiles/ListFiles.js";
-import { ListPhotos as O } from "../ListPhotos/ListPhotos.js";
-import { Uploader as P } from "../Uploader/Uploader.js";
+import { EButtonVariantDefault as C } from "../Button/constants.js";
+import { ListFiles as E } from "../ListFiles/ListFiles.js";
+import { ListPhotos as M } from "../ListPhotos/ListPhotos.js";
+import { Uploader as O } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const g = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, f = (i) => "file" in i && i.file instanceof File ? h.includes(i.file.type) : "type" in i && typeof i.type == "string" ? h.includes(i.type) : !1, W = D(
+}, f = (i) => "file" in i && i.file instanceof File ? y.includes(i.file.type) : "type" in i && typeof i.type == "string" ? y.includes(i.type) : !1, W = B(
   (i, v) => {
     const {
       type: s,
       filesType: x,
       arrayName: F,
       maxSize: U,
-      onChange: o,
-      value: a,
-      maxFiles: m,
+      onChange: a,
+      value: r,
+      maxFiles: u,
       titleUploader: b,
       buttonText: w = "Выберите файлы",
-      showOnlyUploadButton: u = !1,
-      uploadButtonVariant: z = E.SecondaryAsphalt,
+      showOnlyUploadButton: d = !1,
+      uploadButtonVariant: z = C.SecondaryAsphalt,
       buttonSize: I = "m",
       buttonClassName: L
-    } = i, [l, n] = T(
-      a || []
-    ), d = l.length >= m;
-    V(() => {
-      a && n(a);
-    }, [a]);
+    } = i, [l, n] = D(
+      r || []
+    ), m = l.length >= u;
+    T(() => {
+      r && n(r);
+    }, [r]);
     const N = (t) => {
-      const r = t.value.map((e) => f(e.file) ? {
+      const o = t.value.map((e) => f(e.file) ? {
         id: e.id,
         url: URL.createObjectURL(e.file),
         type: e.file.type,
@@ -45,49 +45,50 @@ import '../../assets/UploaderPhotos.css';const g = {
         name: e.file.name,
         type: e.file.type
       });
-      n((e) => [...e, ...r]), o == null || o({ type: "add", data: t.value });
+      n((e) => [...e, ...o]), a == null || a({ type: "add", data: t.value });
     }, c = (t) => {
-      n((r) => r.filter((e) => e.id !== t)), o == null || o({ type: "delete", data: t });
+      n((o) => o.filter((e) => e.id !== t)), a == null || a({ type: "delete", data: t });
     }, { photos: R, files: S } = _(() => {
-      const t = () => l.filter((e) => !f(e)), r = () => l.filter(f);
-      return s === "all" ? { files: t(), photos: r() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: r() } : { files: [], photos: [] };
+      const t = () => l.filter((e) => !f(e)), o = () => l.filter(f);
+      return s === "all" ? { files: t(), photos: o() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
     }, [l, s]);
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ h(
       "div",
       {
-        className: B(
+        "data-testid": "universal-uploader",
+        className: j(
           g["upload-file-wrapper"],
-          d && g.disabled
+          m && g.disabled
         ),
         children: [
           /* @__PURE__ */ p(
-            P,
+            O,
             {
               filesType: x,
               arrayName: F,
               maxSize: U,
               onChangeValue: N,
               ref: v,
-              maxFiles: m,
-              isDisabled: d,
+              maxFiles: u,
+              isDisabled: m,
               titleUploader: b,
-              showOnlyUploadButton: u,
+              showOnlyUploadButton: d,
               buttonText: w,
               uploadButtonVariant: z,
               buttonSize: I,
               buttonClassName: L
             }
           ),
-          !u && /* @__PURE__ */ y(j, { children: [
+          !d && /* @__PURE__ */ h(V, { children: [
             (s === "files" || s === "all") && /* @__PURE__ */ p(
-              M,
+              E,
               {
                 value: S,
                 onChange: (t) => c(t.deleteId)
               }
             ),
             (s === "photos" || s === "all") && /* @__PURE__ */ p(
-              O,
+              M,
               {
                 value: R,
                 onChange: (t) => c(t.deleteId)

package/package.json

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