mimir-ui-kit 1.34.2 → 1.34.3

package/dist/components/Input/index.js

@@ -1,7 +1,8 @@
-import { I } from "../../Input-ChCIy5oY.js";
-import { EInputSize, EInputVariant } from "./constants.js";
+import { I } from "../../Input-DspsU5F4.js";
+import { EInputSize, EInputStatus, EInputVariant } from "./constants.js";
 export {
   EInputSize,
+  EInputStatus,
   EInputVariant,
   I as Input
 };

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

@@ -1,14 +1,10 @@
 import { InputHTMLAttributes } from 'react';
-import { EInputSize, EInputVariant } from './constants';
+import { EInputSize, EInputVariant, EInputStatus } from './constants';
 import { TIcon } from '../../icons';
 
 export type TSize = `${EInputSize}` | EInputSize;
 export type TVariant = `${EInputVariant}` | EInputVariant;
-export type TCommonCompoundInputProps = {
-    size?: TSize;
-    variant?: TVariant;
-    className?: string;
-};
+export type TStatus = `${EInputStatus}` | EInputStatus;
 type TTextAddon = {
     addonType?: 'text';
     addonContent?: string;

package/dist/components/InputPassword/InputPassword.js

@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, forwardRef, useState } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
-const wrapper = "_wrapper_34v9n_6";
-const button = "_button_34v9n_17";
-const icon = "_icon_34v9n_33";
-const show = "_show_34v9n_38";
+import { I as Input } from "../../Input-DspsU5F4.js";
+import '../../assets/InputPassword.css';const input = "_input_7b9x2_2";
+const wrapper = "_wrapper_7b9x2_6";
+const button = "_button_7b9x2_17";
+const icon = "_icon_7b9x2_33";
+const show = "_show_7b9x2_38";
 const cls = {
   input,
   wrapper,
-  "input-wrapper": "_input-wrapper_34v9n_13",
-  "button-wrapper": "_button-wrapper_34v9n_17",
+  "input-wrapper": "_input-wrapper_7b9x2_13",
+  "button-wrapper": "_button-wrapper_7b9x2_17",
   button,
   icon,
   show

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
+import { I as Input } from "../../Input-DspsU5F4.js";
 const InputPhoneNumber = memo(
   forwardRef(
     ({ value = "", onChange, ...props }, ref) => {

package/dist/components/InputRangeSlider/InputRangeSlider.d.ts

@@ -0,0 +1,3 @@
+import { TProps } from './types';
+
+export declare const InputRangeSlider: import('react').MemoExoticComponent<({ min, max, value, disabled, isMinEqualMax, isSingleSlider, onChange, step, borderState, positions, minMaxDescriptions, onChangeValue, wrapperClassName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/InputRangeSlider/InputRangeSlider.js

@@ -0,0 +1,219 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useState, useEffect } from "react";
+import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
+import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1kfjr_8";
+const input = "_input_1kfjr_18";
+const rail = "_rail_1kfjr_115";
+const off = "_off_1kfjr_124";
+const right = "_right_1kfjr_124";
+const left = "_left_1kfjr_145";
+const control = "_control_1kfjr_36";
+const disabled = "_disabled_1kfjr_170";
+const cls = {
+  "main-wrapper": "_main-wrapper_1kfjr_2",
+  wrapper,
+  "input-wrapper": "_input-wrapper_1kfjr_18",
+  "info-wrapper": "_info-wrapper_1kfjr_26",
+  "control-wrapper": "_control-wrapper_1kfjr_36",
+  input,
+  "equal-value": "_equal-value_1kfjr_108",
+  "is-double-range": "_is-double-range_1kfjr_111",
+  rail,
+  off,
+  right,
+  "double-range": "_double-range_1kfjr_124",
+  "inner-rail": "_inner-rail_1kfjr_134",
+  left,
+  control,
+  disabled
+};
+const InputRangeSlider = memo(
+  ({
+    min,
+    max,
+    value,
+    disabled: disabled2,
+    isMinEqualMax = false,
+    isSingleSlider = true,
+    onChange,
+    step = DEFAULT_STEP,
+    borderState = EInputRangeSliderBorderState.ON,
+    positions = EInputRangeSliderPositions.LEFT,
+    minMaxDescriptions,
+    onChangeValue,
+    wrapperClassName,
+    ...props
+  }) => {
+    const [minValue, setMinValue] = useState(() => (value == null ? void 0 : value.min) ?? min);
+    const [maxValue, setMaxValue] = useState(() => (value == null ? void 0 : value.max) ?? max);
+    const {
+      max: maxDescription,
+      min: minDescription,
+      maxClassName,
+      minClassName
+    } = minMaxDescriptions ?? {};
+    useEffect(() => {
+      if (value) {
+        value.min && setMinValue(value.min);
+        value.max && setMaxValue(value.max);
+      }
+    }, [value]);
+    const handleMinChange = (event) => {
+      event.preventDefault();
+      const newMinVal = Math.min(
+        +event.target.value,
+        isSingleSlider || isMinEqualMax ? maxValue : maxValue - step
+      );
+      if (!value) {
+        setMinValue(newMinVal);
+      }
+      onChangeValue == null ? void 0 : onChangeValue({ min: newMinVal, max: maxValue });
+      onChange == null ? void 0 : onChange(event);
+    };
+    const handleMaxChange = (event) => {
+      event.preventDefault();
+      const newMaxVal = Math.max(
+        +event.target.value,
+        isMinEqualMax ? minValue : minValue + step
+      );
+      if (!value) {
+        setMaxValue(newMaxVal);
+      }
+      onChangeValue == null ? void 0 : onChangeValue({ min: minValue, max: newMaxVal });
+      onChange == null ? void 0 : onChange(event);
+    };
+    const minPos = (minValue - min) / (max - min) * DEFAULT_WIDTH;
+    const maxPos = (maxValue - min) / (max - min) * DEFAULT_WIDTH;
+    const isLeftPosition = positions === EInputRangeSliderPositions.LEFT;
+    const isEqualValue = minValue === maxValue && maxPos !== 0;
+    const isOff = borderState === EInputRangeSliderBorderState.OFF;
+    const renderInputs = () => {
+      const inputProps = {
+        ...props,
+        type: "range",
+        min,
+        max,
+        step
+      };
+      const leftInput = /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...inputProps,
+          className: classNames(cls.input, {
+            [cls["equal-value"]]: isEqualValue,
+            [cls["is-double-range"]]: !isSingleSlider
+          }),
+          disabled: disabled2,
+          value: minValue,
+          onChange: handleMinChange
+        }
+      );
+      const rightInput = /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...inputProps,
+          className: classNames(cls.input, {
+            [cls["is-double-range"]]: !isSingleSlider
+          }),
+          disabled: disabled2,
+          value: maxValue,
+          onChange: handleMaxChange
+        }
+      );
+      if (isSingleSlider) {
+        return isLeftPosition ? leftInput : rightInput;
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        leftInput,
+        rightInput
+      ] });
+    };
+    const renderControls = () => {
+      const leftControl = /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames(cls.control, {
+            [cls.disabled]: disabled2
+          }),
+          style: {
+            left: `${minPos}%`
+          }
+        }
+      );
+      const rightControl = /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames(cls.control, {
+            [cls.disabled]: disabled2
+          }),
+          style: {
+            left: `${maxPos}%`
+          }
+        }
+      );
+      const getRailWidth = () => {
+        if (isOff) {
+          return isLeftPosition ? `${minPos}%` : `${DEFAULT_WIDTH - maxPos}%`;
+        }
+        return !isLeftPosition ? `${DEFAULT_WIDTH - maxPos}%` : void 0;
+      };
+      const innerRailRight = isSingleSlider && !isLeftPosition ? "0%" : `${DEFAULT_WIDTH - maxPos}%`;
+      const innerRailWidth = isSingleSlider && !isLeftPosition ? getRailWidth() : `${maxPos - minPos}%`;
+      const rail2 = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: !isOff && !isLeftPosition ? `${maxPos}%` : getRailWidth()
+            },
+            className: classNames(cls.rail, cls[borderState], cls[positions], {
+              [cls["double-range"]]: !isSingleSlider
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              right: innerRailRight,
+              width: innerRailWidth
+            },
+            className: classNames(
+              cls["inner-rail"],
+              cls[borderState],
+              cls[positions],
+              {
+                [cls["double-range"]]: !isSingleSlider
+              }
+            )
+          }
+        )
+      ] });
+      if (isSingleSlider) {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          isLeftPosition ? leftControl : rightControl,
+          rail2
+        ] });
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        leftControl,
+        rail2,
+        rightControl
+      ] });
+    };
+    return /* @__PURE__ */ jsxs("div", { className: classNames(cls["main-wrapper"], wrapperClassName), children: [
+      /* @__PURE__ */ jsxs("div", { className: cls["info-wrapper"], children: [
+        !!minDescription && /* @__PURE__ */ jsx("div", { className: minClassName, children: minDescription }),
+        !!maxDescription && /* @__PURE__ */ jsx("div", { className: maxClassName, children: maxDescription })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: cls.wrapper, children: [
+        /* @__PURE__ */ jsx("div", { className: cls["control-wrapper"], children: renderControls() }),
+        /* @__PURE__ */ jsx("div", { className: cls["input-wrapper"], children: renderInputs() })
+      ] })
+    ] });
+  }
+);
+export {
+  InputRangeSlider
+};

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

@@ -0,0 +1,10 @@
+export declare enum EInputRangeSliderPositions {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare enum EInputRangeSliderBorderState {
+    ON = "on",
+    OFF = "off"
+}
+export declare const DEFAULT_STEP = 1;
+export declare const DEFAULT_WIDTH = 100;

package/dist/components/InputRangeSlider/constants.js

@@ -0,0 +1,18 @@
+var EInputRangeSliderPositions = /* @__PURE__ */ ((EInputRangeSliderPositions2) => {
+  EInputRangeSliderPositions2["LEFT"] = "left";
+  EInputRangeSliderPositions2["RIGHT"] = "right";
+  return EInputRangeSliderPositions2;
+})(EInputRangeSliderPositions || {});
+var EInputRangeSliderBorderState = /* @__PURE__ */ ((EInputRangeSliderBorderState2) => {
+  EInputRangeSliderBorderState2["ON"] = "on";
+  EInputRangeSliderBorderState2["OFF"] = "off";
+  return EInputRangeSliderBorderState2;
+})(EInputRangeSliderBorderState || {});
+const DEFAULT_STEP = 1;
+const DEFAULT_WIDTH = 100;
+export {
+  DEFAULT_STEP,
+  DEFAULT_WIDTH,
+  EInputRangeSliderBorderState,
+  EInputRangeSliderPositions
+};

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

@@ -0,0 +1,3 @@
+export { InputRangeSlider } from './InputRangeSlider';
+export { EInputRangeSliderBorderState, EInputRangeSliderPositions } from './constants';
+export type { TProps as TInputRangeSliderProps } from './types';

package/dist/components/InputRangeSlider/index.js

@@ -0,0 +1,7 @@
+import { InputRangeSlider } from "./InputRangeSlider.js";
+import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from "./constants.js";
+export {
+  EInputRangeSliderBorderState,
+  EInputRangeSliderPositions,
+  InputRangeSlider
+};

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

@@ -0,0 +1,33 @@
+import { ComponentProps, ReactNode } from 'react';
+import { EInputRangeSliderBorderState, EInputRangeSliderPositions } from './constants';
+
+type TInputRangeSliderDoubleRangeProps = {
+    isSingleSlider: true;
+    positions?: EInputRangeSliderPositions | `${EInputRangeSliderPositions}`;
+} | {
+    isSingleSlider?: false;
+    positions?: never;
+};
+export type TProps = TInputRangeSliderDoubleRangeProps & ({
+    min: number;
+    max: number;
+    step?: number;
+    wrapperClassName?: string;
+    isMinEqualMax?: boolean;
+    value?: {
+        min: number;
+        max: number;
+    };
+    onChangeValue?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    borderState?: EInputRangeSliderBorderState | `${EInputRangeSliderBorderState}`;
+    minMaxDescriptions?: {
+        min: ReactNode;
+        max: ReactNode;
+        minClassName?: string;
+        maxClassName?: string;
+    };
+} & Omit<ComponentProps<'input'>, 'value'>);
+export {};

package/dist/components/ListFiles/ListFiles.js

@@ -3,13 +3,13 @@ import { useState, useEffect } from "react";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
 import '../../assets/ListFiles.css';const cls = {
-  "file-info": "_file-info_exvu6_2",
-  "file-info-size": "_file-info-size_exvu6_8",
-  "file-info-name-wrapper": "_file-info-name-wrapper_exvu6_16",
-  "file-info-name": "_file-info-name_exvu6_16",
-  "file-upload-container": "_file-upload-container_exvu6_34",
-  "file-upload-container-item": "_file-upload-container-item_exvu6_42",
-  "delete-button": "_delete-button_exvu6_51"
+  "file-info": "_file-info_12h1y_2",
+  "file-info-size": "_file-info-size_12h1y_8",
+  "file-info-name-wrapper": "_file-info-name-wrapper_12h1y_16",
+  "file-info-name": "_file-info-name_12h1y_16",
+  "file-upload-container": "_file-upload-container_12h1y_34",
+  "file-upload-container-item": "_file-upload-container-item_12h1y_42",
+  "delete-button": "_delete-button_12h1y_51"
 };
 function ListFiles({ value, onChange }) {
   const [list, setList] = useState(value);

package/dist/components/ListPhotos/ListPhotos.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Button } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const cls = {
-  "list-photos": "_list-photos_1m1u4_2",
-  "list-photos-item": "_list-photos-item_1m1u4_10",
-  "list-photos-image": "_list-photos-image_1m1u4_19",
-  "delete-button": "_delete-button_1m1u4_24"
+  "list-photos": "_list-photos_if5ro_2",
+  "list-photos-item": "_list-photos-item_if5ro_10",
+  "list-photos-image": "_list-photos-image_if5ro_19",
+  "delete-button": "_delete-button_if5ro_24"
 };
 function ListPhotos({ value, onChange }) {
   const [list, setList] = useState(value);

package/dist/components/MergedButton/MergedButton.js

@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo } from "react";
 import { EMergedButtonVariantRound } from "./constants.js";
 import { Button } from "../Button/Button.js";
-import '../../assets/MergedButton.css';const buttons = "_buttons_1s9fa_2";
-const gray = "_gray_1s9fa_28";
-const white = "_white_1s9fa_36";
-const transparent = "_transparent_1s9fa_44";
+import '../../assets/MergedButton.css';const buttons = "_buttons_p8gim_2";
+const gray = "_gray_p8gim_28";
+const white = "_white_p8gim_36";
+const transparent = "_transparent_p8gim_44";
 const cls = {
   buttons,
-  "merged-button": "_merged-button_1s9fa_6",
+  "merged-button": "_merged-button_p8gim_6",
   gray,
   white,
   transparent,
-  "is-icon": "_is-icon_1s9fa_53"
+  "is-icon": "_is-icon_p8gim_53"
 };
 const MergedButton = memo(({ buttons: buttons2 }) => {
   return /* @__PURE__ */ jsx("div", { className: cls.buttons, children: buttons2.map(

package/dist/components/NotificationBadge/NotificationBadge.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { ENotificationBadgeSize } from "./constants.js";
-import '../../assets/NotificationBadge.css';const m = "_m_1rrs6_18";
-const s = "_s_1rrs6_24";
+import '../../assets/NotificationBadge.css';const m = "_m_ugqfj_18";
+const s = "_s_ugqfj_24";
 const cls = {
-  "notification-badge": "_notification-badge_1rrs6_2",
-  "notification-badge-absolute": "_notification-badge-absolute_1rrs6_14",
+  "notification-badge": "_notification-badge_ugqfj_2",
+  "notification-badge-absolute": "_notification-badge-absolute_ugqfj_14",
   m,
   s
 };

package/dist/components/OtpInput/OtpInput.js

@@ -3,13 +3,13 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useImperativeHandle, Fragment } from "react";
 import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
 import { useOTPInput } from "./hooks.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
-const input = "_input_19unm_14";
-const separator = "_separator_19unm_28";
+import { I as Input } from "../../Input-DspsU5F4.js";
+import '../../assets/OtpInput.css';const otp = "_otp_1shq3_3";
+const input = "_input_1shq3_14";
+const separator = "_separator_1shq3_28";
 const cls = {
   otp,
-  "input-wrapper": "_input-wrapper_19unm_14",
+  "input-wrapper": "_input-wrapper_1shq3_14",
   input,
   separator
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export type TBackProps = {
     currentPageNumber: number;
     onClick: (nextPage: number) => void;
@@ -39,4 +37,4 @@ export type TProps = {
      */
     currentPageNumber?: number;
 };
-export declare const Pagination: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Pagination/Pagination.js

@@ -4,23 +4,19 @@ import { forwardRef, useState, useEffect } from "react";
 import { FIRST_PAGE_NUMBER, DEFAULT_PER_PAGE } from "./constants.js";
 import { useWindowSize } from "../../hooks/useWindowSize/index.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Pagination.css';const container = "_container_1s8aj_2";
-const link = "_link_1s8aj_11";
-const item = "_item_1s8aj_46";
-const isActive = "_isActive_1s8aj_52";
-const disabled = "_disabled_1s8aj_58";
+import '../../assets/Pagination.css';const container = "_container_18kj0_2";
+const item = "_item_18kj0_11";
+const link = "_link_18kj0_18";
+const isActive = "_isActive_18kj0_53";
+const disabled = "_disabled_18kj0_56";
 const cls = {
   container,
-  link,
   item,
+  link,
   isActive,
   disabled
 };
-const Back = ({
-  currentPageNumber,
-  onClick,
-  setCurrentPage
-}) => {
+const Back = ({ currentPageNumber, onClick, setCurrentPage }) => {
   const handleClick = (event) => {
     event.preventDefault();
     if (currentPageNumber === FIRST_PAGE_NUMBER) return;

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { K, w, a, z as z$1, U, l, T, j as j$1, u as u$1, I, G, p } from "../../label-BTEGh6O_.js";
+import { K, w, a, z as z$1, U, b as l, T, j as j$1, u as u$1, I, G, p } from "../../label-P7Xsi5N7.js";
 import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
 import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
 import { u } from "../../use-by-comparator-BUO78DGe.js";
@@ -103,16 +103,16 @@ function we(o$12, t) {
   return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
 }
 let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
-const group = "_group_17dic_3";
-const radio = "_radio_17dic_18";
-const disabled = "_disabled_17dic_40";
-const label = "_label_17dic_51";
-const frame = "_frame_17dic_64";
-const checked = "_checked_17dic_73";
+const group = "_group_yses6_3";
+const radio = "_radio_yses6_18";
+const disabled = "_disabled_yses6_40";
+const label = "_label_yses6_51";
+const frame = "_frame_yses6_64";
+const checked = "_checked_yses6_73";
 const cls = {
   group,
-  "content-wrapper": "_content-wrapper_17dic_8",
-  "radio-wrapper": "_radio-wrapper_17dic_18",
+  "content-wrapper": "_content-wrapper_yses6_8",
+  "radio-wrapper": "_radio-wrapper_yses6_18",
   radio,
   disabled,
   label,

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