mimir-ui-kit 1.14.4 → 1.14.7

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

@@ -1,4 +1,4 @@
 export declare enum ESelectSearchSize {
-    L = "l",
-    XXL = "xxl"
+    M = "m",
+    L = "l"
 }

package/dist/components/SelectSearch/constants.js

@@ -1,6 +1,6 @@
 var ESelectSearchSize = /* @__PURE__ */ ((ESelectSearchSize2) => {
+  ESelectSearchSize2["M"] = "m";
   ESelectSearchSize2["L"] = "l";
-  ESelectSearchSize2["XXL"] = "xxl";
   return ESelectSearchSize2;
 })(ESelectSearchSize || {});
 export {

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

@@ -1,2 +1,3 @@
-export { SelectSearch, type TSelectSearchProps, type TSelectSearchItem } from './SelectSearch';
+export { SelectSearch } from './SelectSearch';
+export type { TSelectSearchProps } from './types';
 export { ESelectSearchSize } from './constants';

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

@@ -0,0 +1,40 @@
+import { ESelectSearchSize } from './constants';
+import { VirtualizedFixedSizeListProps } from './SelectSearch';
+
+export type TSelectSearchProps = {
+    /**
+     * Текущее выбранное значение.
+     */
+    value?: Record<string, unknown> | null;
+    /**
+     * Функция обратного вызова при изменении выбранного значения.
+     */
+    onChange?: (value: Record<string, unknown>) => void;
+    /**
+     * Текст-подсказка для поля ввода.
+     */
+    placeholder?: string;
+    /**
+     * Размер компонента выбора.
+     */
+    size?: ESelectSearchSize;
+    /**
+     * Флаг для растягивания компонента на всю ширину контейнера.
+     */
+    full?: boolean;
+    /**
+     * Дочерние элементы компонента.
+     */
+    children?: React.ReactNode;
+    /**
+     * Свойства для виртуализированного списка фиксированного размера.
+     */
+    virtualizedFixedSizeList?: VirtualizedFixedSizeListProps;
+    /**
+     * Значение, отображаемое в поле выбора.
+     */
+    displayValue?: string;
+    showArrow?: boolean;
+    onSearch?: (value: string) => void;
+    filterOnSearch?: boolean;
+};

package/dist/components/SelectSearch/types.js

@@ -0,0 +1 @@
+

package/dist/components/SelectSearchOption/SelectSearchOption.d.ts

@@ -0,0 +1,10 @@
+import { ESelectSearchSize } from '../SelectSearch/constants';
+
+export interface SelectSearchOptionProps {
+    record: Record<string, unknown>;
+    children?: React.ReactNode;
+    size?: ESelectSearchSize;
+    className?: string;
+    title?: string;
+}
+export declare function SelectSearchOption({ record, size, children, className }: SelectSearchOptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectSearchOption/SelectSearchOption.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../index-CweZ_OcN.js";
+import { S } from "../../SelectSearchOption-snHM9uZX.js";
+import "../../icons/Icon.js";
+import "../SelectSearch/constants.js";
+export {
+  S as SelectSearchOption
+};

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

@@ -0,0 +1,2 @@
+export { SelectSearchOption } from './SelectSearchOption';
+export type { SelectSearchOptionProps } from './SelectSearchOption';

package/dist/components/SelectSearchOption/index.js

@@ -0,0 +1,4 @@
+import { S } from "../../SelectSearchOption-snHM9uZX.js";
+export {
+  S as SelectSearchOption
+};

package/dist/components/Slider/Slider.d.ts

@@ -21,6 +21,8 @@ type TProps = {
      */
     images?: {
         image?: string;
+        imageDesktop?: string;
+        imageMobile?: string;
         url?: string;
         id?: number;
     }[];

package/dist/components/Slider/Slider.js

@@ -323,7 +323,7 @@ const Slider = ({
   swiperClassName,
   slideClassName,
   imageClassName,
-  delay = 3e3
+  delay = 3e5
 }) => {
   const progressBar = useRef(null);
   const swiperRef = useRef(null);
@@ -401,7 +401,9 @@ const Slider = ({
                 AppImage,
                 {
                   className: classNames(cls.image, imageClassName),
-                  src: img.image
+                  src: img.image,
+                  desktopImage: img.imageDesktop,
+                  mobileImage: img.imageMobile
                 }
               )
             },

package/dist/components/Tag/Tag.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_1f2sk_2";
-const disabled = "_disabled_1f2sk_24";
-const inner = "_inner_1f2sk_29";
-const M = "_M_1f2sk_37";
-const S = "_S_1f2sk_41";
-const XS = "_XS_1f2sk_49";
+import '../../assets/Tag.css';const container = "_container_ok6fq_2";
+const disabled = "_disabled_ok6fq_25";
+const inner = "_inner_ok6fq_30";
+const M = "_M_ok6fq_38";
+const S = "_S_ok6fq_42";
+const XS = "_XS_ok6fq_50";
 const cls = {
   container,
   disabled,

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

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

package/dist/components/Uploader/Uploader.js

@@ -9,6 +9,7 @@ import '../../assets/Uploader.css';const cls = {
 };
 const MIME = {
   jpeg: "image/jpeg",
+  jpg: "image/jpg",
   png: "image/png",
   tiff: "image/tiff",
   gif: "image/gif",
@@ -20,14 +21,14 @@ const MIME = {
   txt: "text/plain",
   xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
 };
-const filesTyps = ["jpeg", "png", "tiff", "gif"];
+const filesTyps = ["jpeg", "jpg", "png", "tiff", "gif"];
 const generateId = (min, max) => {
   return Math.random() * (max - min) + min;
 };
 function Uploader({
   filesType = filesTyps,
   onChangeValue,
-  name,
+  arrayName,
   maxSize = 15
 }) {
   const idImg = useId();
@@ -36,11 +37,11 @@ function Uploader({
     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) {
+        if (filesType.map((name) => MIME[name]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
           list.push({ file: el, id: generateId(1, 100) });
         }
       });
-      onChangeValue({ name, value: list });
+      onChangeValue({ arrayName, value: list });
     }
   };
   const onOpen = () => {

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

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

package/dist/components/Uploader/constants.js

@@ -1,4 +1,4 @@
-const imageFileTypes = ["jpeg", "png", "tiff", "gif"];
+const imageFileTypes = ["jpeg", "jpg", "png", "tiff", "gif"];
 const docsFileTypes = [
   "doc",
   "xls",

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

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

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

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

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -7,7 +7,7 @@ import '../../assets/UploaderPhotos.css';const cls = {
 };
 function UploaderPhotos({
   filesType,
-  name,
+  arrayName,
   maxSize,
   onChange
 }) {
@@ -33,7 +33,7 @@ function UploaderPhotos({
       Uploader,
       {
         filesType,
-        name,
+        arrayName,
         maxSize,
         onChangeValue
       }

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

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

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, type TButtonProps } from './Button';
+export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonVariantOutline, type TButtonProps } from './Button';
 export { Input, EInputSize, EInputVariant } from './Input';
 export type { TInputProps, TSize, TVariant } from './Input';
 export { InputPassword } from './InputPassword';
@@ -20,7 +20,9 @@ export { EDrawerPosition } from './Drawer';
 export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
 export { SelectSearch, ESelectSearchSize } from './SelectSearch';
-export type { TSelectSearchItem, TSelectSearchProps } from './SelectSearch';
+export type { TSelectSearchProps } from './SelectSearch';
+export { SelectSearchOption } from './SelectSearchOption';
+export type { SelectSearchOptionProps } from './SelectSearchOption';
 export { Switch } from './Switch';
 export type { TSwitchProps } from './Switch';
 export { Tag, ETagSize, ETagType } from './Tag';
@@ -30,3 +32,7 @@ export type { TAccordionProps, TAccordionItemProps } from './Accordion';
 export { TabTrail, ETabTrailSize } from './TabTrail';
 export type { TTabTrailProps, TCategoryTab } from './TabTrail';
 export { Pagination } from './Pagination';
+export { UploaderPhotos } from './UploaderPhotos';
+export type { TUploaderPhotos, TOnChangePhotosUpdate } from './UploaderPhotos';
+export { Uploader } from './Uploader';
+export type { TUploadValue, TFileItem } from './Uploader';

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { Button } from "./Button/Button.js";
-import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./Button/constants.js";
+import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
 import { Input } from "./Input/Input.js";
 import { EInputSize, EInputVariant } from "./Input/constants.js";
 import { InputPassword } from "./InputPassword/InputPassword.js";
@@ -21,6 +21,7 @@ import { Vote } from "./Vote/Vote.js";
 import { EVoteSize } from "./Vote/constants.js";
 import { SelectSearch } from "./SelectSearch/SelectSearch.js";
 import { ESelectSearchSize } from "./SelectSearch/constants.js";
+import { S } from "../SelectSearchOption-snHM9uZX.js";
 import { Switch } from "./Switch/Switch.js";
 import { Tag } from "./Tag/Tag.js";
 import { ETagSize, ETagType } from "./Tag/constants.js";
@@ -31,6 +32,8 @@ import { AccordionItem } from "./Accordion/AccordionItem/AccordionItem.js";
 import { TabTrail } from "./TabTrail/TabTrail.js";
 import { ETabTrailSize } from "./TabTrail/constants.js";
 import { Pagination } from "./Pagination/Pagination.js";
+import { UploaderPhotos } from "./UploaderPhotos/UploaderPhotos.js";
+import { Uploader } from "./Uploader/Uploader.js";
 export {
   Accordion,
   AccordionItem,
@@ -41,6 +44,7 @@ export {
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
+  EButtonVariantOutline,
   EButtonVariantRound,
   EDrawerPosition,
   EInputSize,
@@ -64,12 +68,15 @@ export {
   Pagination,
   RadioGroup,
   SelectSearch,
+  S as SelectSearchOption,
   Slider,
   Steps,
   Switch,
   TabTrail,
   Tag,
   Timer,
+  Uploader,
+  UploaderPhotos,
   Vote,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useMediaQuery, EMediaQuery } from './useMediaQuery';
+export { useMediaQuery, EMediaQuery, EMinMediaQuery } from './useMediaQuery';
 export { useLockBodyScroll } from './useLockBodyScroll';
 export { useInterval } from './useInterval';
 export { useTimer } from './useTimer';

package/dist/hooks/index.js

@@ -1,10 +1,11 @@
 import { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
-import { EMediaQuery } from "./useMediaQuery/constants.js";
+import { EMediaQuery, EMinMediaQuery } from "./useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./useLockBodyScroll/useLockBodyScroll.js";
 import { useInterval } from "./useInterval/useInterval.js";
 import { useTimer } from "./useTimer/index.js";
 export {
   EMediaQuery,
+  EMinMediaQuery,
   useInterval,
   useLockBodyScroll,
   useMediaQuery,

package/dist/hooks/useMediaQuery/constants.d.ts

@@ -8,3 +8,13 @@ export declare enum EMediaQuery {
     XL = "(max-width: 1440px)",
     XXL = "(max-width: 1920px)"
 }
+export declare enum EMinMediaQuery {
+    XSS = "(min-width: 375px)",
+    XS = "(min-width: 600px)",
+    XS1 = "(min-width: 767px)",
+    S = "(min-width: 768px)",
+    M = "(min-width: 960px)",
+    L = "(min-width: 1280px)",
+    XL = "(min-width: 1440px)",
+    XXL = "(min-width: 1920px)"
+}

package/dist/hooks/useMediaQuery/constants.js

@@ -9,6 +9,18 @@ var EMediaQuery = /* @__PURE__ */ ((EMediaQuery2) => {
   EMediaQuery2["XXL"] = "(max-width: 1920px)";
   return EMediaQuery2;
 })(EMediaQuery || {});
+var EMinMediaQuery = /* @__PURE__ */ ((EMinMediaQuery2) => {
+  EMinMediaQuery2["XSS"] = "(min-width: 375px)";
+  EMinMediaQuery2["XS"] = "(min-width: 600px)";
+  EMinMediaQuery2["XS1"] = "(min-width: 767px)";
+  EMinMediaQuery2["S"] = "(min-width: 768px)";
+  EMinMediaQuery2["M"] = "(min-width: 960px)";
+  EMinMediaQuery2["L"] = "(min-width: 1280px)";
+  EMinMediaQuery2["XL"] = "(min-width: 1440px)";
+  EMinMediaQuery2["XXL"] = "(min-width: 1920px)";
+  return EMinMediaQuery2;
+})(EMinMediaQuery || {});
 export {
-  EMediaQuery
+  EMediaQuery,
+  EMinMediaQuery
 };

package/dist/hooks/useMediaQuery/index.d.ts

@@ -1,2 +1,2 @@
 export { useMediaQuery } from './useMediaQuery';
-export { EMediaQuery } from './constants';
+export { EMediaQuery, EMinMediaQuery } from './constants';

package/dist/hooks/useMediaQuery/index.js

@@ -1,6 +1,7 @@
 import { useMediaQuery } from "./useMediaQuery.js";
-import { EMediaQuery } from "./constants.js";
+import { EMediaQuery, EMinMediaQuery } from "./constants.js";
 export {
   EMediaQuery,
+  EMinMediaQuery,
   useMediaQuery
 };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Button } from "./components/Button/Button.js";
-import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./components/Button/constants.js";
+import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./components/Button/constants.js";
 import { Input } from "./components/Input/Input.js";
 import { EInputSize, EInputVariant } from "./components/Input/constants.js";
 import { InputPassword } from "./components/InputPassword/InputPassword.js";
@@ -21,6 +21,7 @@ import { Vote } from "./components/Vote/Vote.js";
 import { EVoteSize } from "./components/Vote/constants.js";
 import { SelectSearch } from "./components/SelectSearch/SelectSearch.js";
 import { ESelectSearchSize } from "./components/SelectSearch/constants.js";
+import { S } from "./SelectSearchOption-snHM9uZX.js";
 import { Switch } from "./components/Switch/Switch.js";
 import { Tag } from "./components/Tag/Tag.js";
 import { ETagSize, ETagType } from "./components/Tag/constants.js";
@@ -31,8 +32,10 @@ import { AccordionItem } from "./components/Accordion/AccordionItem/AccordionIte
 import { TabTrail } from "./components/TabTrail/TabTrail.js";
 import { ETabTrailSize } from "./components/TabTrail/constants.js";
 import { Pagination } from "./components/Pagination/Pagination.js";
+import { UploaderPhotos } from "./components/UploaderPhotos/UploaderPhotos.js";
+import { Uploader } from "./components/Uploader/Uploader.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery } from "./hooks/useMediaQuery/constants.js";
+import { EMediaQuery, EMinMediaQuery } from "./hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { useInterval } from "./hooks/useInterval/useInterval.js";
 import { useTimer } from "./hooks/useTimer/index.js";
@@ -48,12 +51,14 @@ import './assets/index.css';export {
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
+  EButtonVariantOutline,
   EButtonVariantRound,
   EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMediaQuery,
   EMergedButtonVariantRound,
+  EMinMediaQuery,
   ESelectSearchSize,
   EStepsPrimaryColor,
   EStepsSecondaryColor,
@@ -73,12 +78,15 @@ import './assets/index.css';export {
   Pagination,
   RadioGroup,
   SelectSearch,
+  S as SelectSearchOption,
   Slider,
   Steps,
   Switch,
   TabTrail,
   Tag,
   Timer,
+  Uploader,
+  UploaderPhotos,
   Vote,
   formating,
   getMaskedInputPhoneValue,