mimir-ui-kit 1.29.2 → 1.29.3

package/dist/assets/SelectSearch.css

@@ -1 +1 @@
-._select-search_1bdke_2{position:relative}._select-search_1bdke_2._disabled_1bdke_5{cursor:not-allowed}._container_1bdke_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1bdke_18{border-bottom:1px solid var(--citrine-100)}._full_1bdke_22{width:100%}._selector-icon-open_1bdke_26{transform:rotate(180deg)}._button_1bdke_30{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_1bdke_42{position:absolute;z-index:10;width:100%;min-height:100%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);box-shadow:var(--box-shadow-select-search)}._options_1bdke_42._top_1bdke_53{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_1bdke_42._bottom_1bdke_58{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_1bdke_42::-webkit-scrollbar{width:3px}._options_1bdke_42::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1bdke_42::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1bdke_42{max-height:var(--select-search-options-height-mobile)}}._no-options_1bdke_79{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_1bdke_85{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_1bdke_96{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_1bdke_107{width:100%!important}._custom-input-class_1bdke_107:last-child{padding-right:var(--space-4xl)}._option_1bdke_42{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1bdke_123{background-color:var(--black-5)}._option-inner_1bdke_126{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_1bdke_133 path{fill:var(--sapphire-100)}
+._select-search_q1u7o_2{position:relative}._select-search_q1u7o_2._disabled_q1u7o_5{cursor:not-allowed}._container_q1u7o_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_q1u7o_18{border-bottom:1px solid var(--citrine-100)}._full_q1u7o_22{width:100%}._selected-icon_q1u7o_26 path{fill:var(--sapphire-100)}._selector-icon-open_q1u7o_30{transform:rotate(180deg)}._button_q1u7o_34{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._button_q1u7o_34._disabled_q1u7o_5{cursor:not-allowed}._button_q1u7o_34._disabled_q1u7o_5 ._selector-icon_q1u7o_30 path{fill:var(--white)}._options_q1u7o_52{position:absolute;z-index:10;width:100%;min-height:100%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);box-shadow:var(--box-shadow-select-search)}._options_q1u7o_52._top_q1u7o_63{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_q1u7o_52._bottom_q1u7o_68{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_q1u7o_52::-webkit-scrollbar{width:3px}._options_q1u7o_52::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_q1u7o_52::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_q1u7o_52{max-height:var(--select-search-options-height-mobile)}}._no-options_q1u7o_89{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_q1u7o_95{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_q1u7o_106{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_q1u7o_117{width:100%!important}._custom-input-class_q1u7o_117:last-child{padding-right:var(--space-4xl)}._option_q1u7o_52{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_q1u7o_133{background-color:var(--black-5)}._option-inner_q1u7o_136{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -1,3 +1,19 @@
-import { TSelectSearchProps } from './types';
+import { ESelectSearchSize } from './constants';
+import { TSelectOption } from './types';
 
-export declare const SelectSearch: import('react').ForwardRefExoticComponent<TSelectSearchProps & import('react').RefAttributes<HTMLElement>>;
+export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pick<import('../Input').TInputProps, "variant" | "withClearButton"> & {
+    value?: TSelectOption | null;
+    onChange?: (value: TSelectOption) => void;
+    placeholder?: string;
+    size?: ESelectSearchSize;
+    full?: boolean;
+    displayValue?: string;
+    showArrow?: boolean;
+    onSearch?: (value: string) => void;
+    filterOnSearch?: boolean;
+    items: TSelectOption[];
+    classNameOption?: string;
+    menuPlacement?: import('./types').TMenuPlacement;
+    disabled?: boolean;
+    searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength">;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/SelectSearch/SelectSearch.js

@@ -3752,35 +3752,36 @@ function No(o2, r2) {
   return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
 }
 let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
-const disabled = "_disabled_1bdke_5";
-const container = "_container_1bdke_9";
-const full = "_full_1bdke_22";
-const button = "_button_1bdke_30";
-const options = "_options_1bdke_42";
-const top = "_top_1bdke_53";
-const bottom = "_bottom_1bdke_58";
-const m = "_m_1bdke_85";
-const l = "_l_1bdke_96";
-const option = "_option_1bdke_42";
+const disabled = "_disabled_q1u7o_5";
+const container = "_container_q1u7o_9";
+const full = "_full_q1u7o_22";
+const button = "_button_q1u7o_34";
+const options = "_options_q1u7o_52";
+const top = "_top_q1u7o_63";
+const bottom = "_bottom_q1u7o_68";
+const m = "_m_q1u7o_95";
+const l = "_l_q1u7o_106";
+const option = "_option_q1u7o_52";
 const cls = {
-  "select-search": "_select-search_1bdke_2",
+  "select-search": "_select-search_q1u7o_2",
   disabled,
   container,
-  "container-open": "_container-open_1bdke_18",
+  "container-open": "_container-open_q1u7o_18",
   full,
-  "selector-icon-open": "_selector-icon-open_1bdke_26",
+  "selected-icon": "_selected-icon_q1u7o_26",
+  "selector-icon-open": "_selector-icon-open_q1u7o_30",
   button,
+  "selector-icon": "_selector-icon_q1u7o_30",
   options,
   top,
   bottom,
-  "no-options": "_no-options_1bdke_79",
+  "no-options": "_no-options_q1u7o_89",
   m,
   l,
-  "custom-input-class": "_custom-input-class_1bdke_107",
+  "custom-input-class": "_custom-input-class_q1u7o_117",
   option,
-  "option-active": "_option-active_1bdke_123",
-  "option-inner": "_option-inner_1bdke_126",
-  "selected-icon": "_selected-icon_1bdke_133"
+  "option-active": "_option-active_q1u7o_133",
+  "option-inner": "_option-inner_q1u7o_136"
 };
 const SelectSearch = forwardRef(
   (props, ref) => {
@@ -3799,9 +3800,11 @@ const SelectSearch = forwardRef(
       variant = EInputVariant.DefaultGray,
       menuPlacement = "bottom",
       disabled: disabled2 = false,
-      searchProps
+      searchProps,
+      withClearButton = false
     } = props;
-    const [inputValue, setInputValue] = useState("");
+    const currentInputValue = String((value == null ? void 0 : value[displayValue]) || "");
+    const [inputValue, setInputValue] = useState(currentInputValue);
     const mapSizeToInputSize = (size22) => {
       switch (size22) {
         case ESelectSearchSize.M:
@@ -3841,8 +3844,8 @@ const SelectSearch = forwardRef(
       [onChange, onSearch, value]
     );
     useEffect(() => {
-      setInputValue(String((value == null ? void 0 : value[displayValue]) ?? ""));
-    }, [displayValue, value]);
+      setInputValue(currentInputValue);
+    }, [currentInputValue]);
     return /* @__PURE__ */ jsx(
       Nt,
       {
@@ -3875,18 +3878,28 @@ const SelectSearch = forwardRef(
                     value: inputValue,
                     disabled: disabled2,
                     variant,
+                    withClearButton,
                     ...searchProps
                   }
                 ),
-                showArrow && /* @__PURE__ */ jsx(Ho, { className: cls.button, disabled: disabled2, children: /* @__PURE__ */ jsx(
-                  Icon,
+                showArrow && /* @__PURE__ */ jsx(
+                  Ho,
                   {
-                    iconName: size2 == ESelectSearchSize.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                    className: classNames(cls["selector-icon"], {
-                      [cls["selector-icon-open"]]: open
-                    })
+                    className: classNames(cls.button, {
+                      [cls.disabled]: disabled2
+                    }),
+                    disabled: disabled2,
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        iconName: size2 == ESelectSearchSize.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                        className: classNames(cls["selector-icon"], {
+                          [cls["selector-icon-open"]]: open
+                        })
+                      }
+                    )
                   }
-                ) })
+                )
               ]
             }
           ),

package/dist/components/SelectSearch/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ESelectSearchSize } from './constants';
-import { TInputProps, TVariant } from '../Input';
+import { TInputProps } from '../Input';
 
 export type TSelectOption = {
     name: string;
@@ -9,7 +9,7 @@ export type TSelectOption = {
     [index: string]: unknown;
 };
 export type TMenuPlacement = 'top' | 'bottom';
-export type TSelectSearchProps = {
+export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'> & {
     /**
      * Текущее выбранное значение.
      */
@@ -44,8 +44,6 @@ export type TSelectSearchProps = {
     items: TSelectOption[];
     /** Класснейм для значения */
     classNameOption?: string;
-    /** Варианты отображения ввода */
-    variant?: TVariant;
     /** Варианты отображения выпадающего меню */
     menuPlacement?: TMenuPlacement;
     /** Отключает компонент SelectSearch */

package/dist/components/TabTrail/TabTrail.d.ts

@@ -31,5 +31,13 @@ export type TTabTrailProps = {
      * Класснейм для TabTrail.
      */
     className?: string;
+    /**
+     * Индекс выбранного таба.
+     */
+    selectedTabIndex?: number;
+    /**
+     * Функция обратного вызова при изменении выбранного таба.
+     */
+    onTabChange?: (index: number) => void;
 };
 export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/TabTrail/TabTrail.js

@@ -219,9 +219,25 @@ const cls = {
   s
 };
 const TabTrail = forwardRef(
-  ({ categories, size = ETabTrailSize.M, showButtons = true, className }, ref) => {
-    const [activeIndex, setActiveIndex] = useState(0);
+  ({
+    categories,
+    size = ETabTrailSize.M,
+    showButtons = true,
+    className,
+    selectedTabIndex,
+    onTabChange
+  }, ref) => {
+    const [activeIndex, setActiveIndex] = useState(selectedTabIndex || 0);
     const tabListRef = useRef(null);
+    useEffect(() => {
+      if (selectedTabIndex !== void 0 && selectedTabIndex !== activeIndex) {
+        setActiveIndex(selectedTabIndex);
+      }
+    }, [activeIndex, selectedTabIndex]);
+    const handleTabChange = (index) => {
+      setActiveIndex(index);
+      onTabChange == null ? void 0 : onTabChange(index);
+    };
     const handleNext = () => {
       setActiveIndex((prevIndex) => (prevIndex + 1) % categories.length);
     };
@@ -249,7 +265,7 @@ const TabTrail = forwardRef(
         ref,
         className: classNames(cls.group, cls[size], className),
         selectedIndex: activeIndex,
-        onChange: setActiveIndex,
+        onChange: handleTabChange,
         children: [
           /* @__PURE__ */ jsxs("div", { className: cls["group-inner"], children: [
             /* @__PURE__ */ jsx(Ne, { ref: tabListRef, className: cls.list, children: /* @__PURE__ */ jsx("div", { className: cls.tabs, children: categories.map(({ name, notificationCount }, index) => /* @__PURE__ */ jsxs(

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,14 +1,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useState, useEffect } from "react";
+import { forwardRef, useState, useEffect, useMemo } from "react";
 import { imageTypes } from "./constants.js";
 import { ListFiles } from "../ListFiles/ListFiles.js";
 import { ListPhotos } from "../ListPhotos/ListPhotos.js";
-import { imageFileTypes } from "../Uploader/constants.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
   "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
 };
+const isImageFile = (file) => {
+  if ("file" in file && file.file instanceof File) {
+    return imageTypes.includes(file.file.type);
+  }
+  if ("type" in file && typeof file.type === "string") {
+    return imageTypes.includes(file.type);
+  }
+  return false;
+};
 const UniversalUploader = forwardRef(
   (props, ref) => {
     const {
@@ -30,24 +38,6 @@ const UniversalUploader = forwardRef(
         setItems(value);
       }
     }, [value]);
-    const isImageFile = (file) => {
-      var _a;
-      if (!file) return false;
-      if (file instanceof File) {
-        return imageTypes.includes(file.type);
-      }
-      if ("file" in file && file.file instanceof File) {
-        return imageTypes.includes(file.file.type);
-      }
-      if ("url" in file && typeof file.url === "string") {
-        if (file.url.startsWith("blob:")) {
-          return typeof file.type === "string" && imageTypes.includes(file.type);
-        }
-        const extension = (_a = file.url.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-        return imageFileTypes.includes(extension);
-      }
-      return false;
-    };
     const onChangeValue = (e) => {
       const newItems = e.value.map((el) => {
         if (isImageFile(el.file)) {
@@ -75,6 +65,14 @@ const UniversalUploader = forwardRef(
       setItems((prev) => prev.filter((item) => item.id !== deleteId));
       onChange == null ? void 0 : onChange({ type: "delete", data: deleteId });
     };
+    const { photos, files } = useMemo(() => {
+      const getFiles = () => items.filter((item) => !isImageFile(item));
+      const getPhotos = () => items.filter(isImageFile);
+      if (type === "all") return { files: getFiles(), photos: getPhotos() };
+      if (type === "files") return { photos: [], files: getFiles() };
+      if (type === "photos") return { files: [], photos: getPhotos() };
+      return { files: [], photos: [] };
+    }, [items, type]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -96,20 +94,8 @@ const UniversalUploader = forwardRef(
               titleUploader
             }
           ),
-          (type === "files" || type === "all") && /* @__PURE__ */ jsx(
-            ListFiles,
-            {
-              value: items.filter((item) => !isImageFile(item)),
-              onChange: (j) => onDelete(j.deleteId)
-            }
-          ),
-          (type === "photos" || type === "all") && /* @__PURE__ */ jsx(
-            ListPhotos,
-            {
-              value: items.filter((item) => isImageFile(item)),
-              onChange: (j) => onDelete(j.deleteId)
-            }
-          )
+          (type === "files" || type === "all") && /* @__PURE__ */ jsx(ListFiles, { value: files, onChange: (j) => onDelete(j.deleteId) }),
+          (type === "photos" || type === "all") && /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: (j) => onDelete(j.deleteId) })
         ]
       }
     );

package/package.json

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