mimir-ui-kit 1.27.1 → 1.27.2

package/dist/components/Steps/Steps.d.ts

@@ -1,7 +1,8 @@
+import { ComponentProps } from 'react';
 import { TCommonStepsProps } from './types';
 import { TStepsZone } from './types.ts';
 
-export type TProps = TCommonStepsProps & {
+export type TProps = TCommonStepsProps & Omit<ComponentProps<'div'>, 'onClick'> & {
     /**
      * Класс, применяемый к корневому элементу
      */
@@ -46,50 +47,12 @@ export type TProps = TCommonStepsProps & {
      * Класс для иконки шага
      */
     classNameIconStep?: string;
-};
-export declare const Steps: import('react').ForwardRefExoticComponent<TCommonStepsProps & {
-    /**
-     * Класс, применяемый к корневому элементу
-     */
-    rootClassName?: string;
-    /**
-     * Класс, применяемый к шагам
-     */
-    stepClassName?: string;
-    /**
-     * Количество шагов.
-     */
-    quantity: number;
-    /**
-     * Текущий шаг
-     */
-    current?: number;
-    /**
-     * Есть ли возможность переключать шаги по клику
-     */
-    editable?: boolean;
-    /**
-     * Обработчик клика на шаг
-     */
-    onClick?: (step: number) => void;
-    /**
-     * Отключено / включено взаимодействие с шагами
-     */
-    disabled?: boolean;
-    /**
-     * Цвет оставшихся шагов
-     */
-    zones?: TStepsZone[];
     /**
-     * Цвет шага, если он не выбран
-     */
-    unselectedColor?: string;
-    /**
-     * Адаптивный шаг
+     * Кастомные размеры шагов.
      */
-    resizable?: boolean;
-    /**
-     * Класс для иконки шага
-     */
-    classNameIconStep?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
+    customSize?: {
+        width?: number;
+        height?: number;
+    };
+};
+export declare const Steps: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Steps/Steps.js

@@ -35,11 +35,13 @@ const Steps = forwardRef(
       editable: editable2 = false,
       size = EStepsSize.M,
       onClick,
+      customSize,
       resizable: resizable2,
       disabled = false,
       zones = [{ color: "#ff0000", to: quantity }],
       unselectedColor = "#ffffff",
-      classNameIconStep
+      classNameIconStep,
+      ...otherProps
     } = props;
     const idPrefix = useId();
     const [step2, setStep] = useState(current);
@@ -77,7 +79,11 @@ const Steps = forwardRef(
         "button",
         {
           type: "button",
-          style: { backgroundColor: resizable2 ? color : void 0, color },
+          style: {
+            backgroundColor: resizable2 ? color : void 0,
+            color,
+            height: customSize == null ? void 0 : customSize.height
+          },
           id: `${idPrefix}${ID_SEPARATOR}${idx}`,
           className: classNames(cls.step, cls[size], stepClassName, {
             [cls.editable]: editable2 && !disabled,
@@ -102,6 +108,7 @@ const Steps = forwardRef(
     return /* @__PURE__ */ jsx(
       "div",
       {
+        ...otherProps,
         className: classNames(
           cls.container,
           {

package/dist/components/Vote/Vote.d.ts

@@ -69,6 +69,13 @@ export type TProps = TCommonVoteProps & {
      * Класс для иконки шага
      */
     classNameIconStep?: string;
+    /**
+     * Кастомные размеры шагов.
+     */
+    customSize?: {
+        width?: number;
+        height?: number;
+    };
 };
 export declare const Vote: import('react').ForwardRefExoticComponent<TCommonVoteProps & {
     /**
@@ -138,4 +145,11 @@ export declare const Vote: import('react').ForwardRefExoticComponent<TCommonVote
      * Класс для иконки шага
      */
     classNameIconStep?: string;
+    /**
+     * Кастомные размеры шагов.
+     */
+    customSize?: {
+        width?: number;
+        height?: number;
+    };
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Vote/Vote.js

@@ -3,7 +3,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useState, useEffect } from "react";
 import { DEFAULT_TITLE, EVoteSize, ZERO_VALUE } from "./constants.js";
 import { Steps } from "../Steps/Steps.js";
-import { ZERO_STEP } from "../Steps/constants.js";
+import { ZERO_STEP, StepSize } from "../Steps/constants.js";
 import '../../assets/Vote.css';const container = "_container_1akd9_2";
 const title = "_title_1akd9_9";
 const score = "_score_1akd9_16";
@@ -27,6 +27,7 @@ const Vote = forwardRef((props, ref) => {
     size = EVoteSize.M,
     onClick,
     resizable,
+    customSize,
     disabled = false,
     zones = [{ color: "#ff0000", to: quantity }],
     unselectedColor = "#ffffff",
@@ -45,7 +46,8 @@ const Vote = forwardRef((props, ref) => {
     setScore(step);
     onClick && onClick(step);
   };
-  const backgroundColor = isZeroStep ? unselectedColor : ((_a = zones == null ? void 0 : zones.find((zone) => score2 <= zone.to)) == null ? void 0 : _a.color) || unselectedColor;
+  const backgroundColor = isZeroStep ? unselectedColor : ((_a = zones == null ? void 0 : zones.find((zone) => score2 <= zone.to)) == null ? void 0 : _a.color) ?? unselectedColor;
+  const maxContainerWidth = resizable ? quantity * ((customSize == null ? void 0 : customSize.width) ?? StepSize[size].width) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: classNames(cls.container, rootClassName), ref, children: [
     !withoutTitle && /* @__PURE__ */ jsx("p", { className: classNames(cls.title, titleClassName), children: title2 }),
     /* @__PURE__ */ jsx(
@@ -62,10 +64,14 @@ const Vote = forwardRef((props, ref) => {
     /* @__PURE__ */ jsx(
       Steps,
       {
+        style: {
+          maxWidth: maxContainerWidth
+        },
+        customSize,
         rootClassName: stepsRootClassName,
         stepClassName: stepsStepClassName,
         quantity,
-        size,
+        size: EVoteSize.L,
         current: score2,
         editable: true,
         resizable,

package/package.json

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