mimir-ui-kit 1.4.0 → 1.4.1

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

@@ -1,7 +1,7 @@
 import { EStepsPrimaryColor, EStepsSecondaryColor } from './constants';
-import { TCommonStepProps } from './types';
+import { TCommonStepsProps } from './types';
 
-export type TProps = TCommonStepProps & {
+export type TProps = TCommonStepsProps & {
     /**
      * Класс, применяемый к корневому элементу
      */
@@ -39,7 +39,7 @@ export type TProps = TCommonStepProps & {
      */
     secondaryColor?: EStepsSecondaryColor;
 };
-export declare const Steps: import('react').ForwardRefExoticComponent<TCommonStepProps & {
+export declare const Steps: import('react').ForwardRefExoticComponent<TCommonStepsProps & {
     /**
      * Класс, применяемый к корневому элементу
      */

package/dist/components/Steps/Steps.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useId, useState, useEffect } from "react";
+import { forwardRef, useId, useState, useRef, useEffect } from "react";
 import { ZERO_STEP, EStepsSize, EStepsPrimaryColor, ID_SEPARATOR, EStepsColorType, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
 import '../../assets/Steps.css';const container = "_container_j31xr_2";
@@ -46,16 +46,21 @@ const Steps = forwardRef(
     const idPrefix = useId();
     const [step2, setStep] = useState(current);
     const [hoveredStep, setHoveredStep] = useState(null);
+    const stepWasChangedRef = useRef(null);
     useEffect(() => {
       setStep(current);
     }, [current]);
-    useEffect(() => {
-      onClick && onClick(step2);
-    }, [onClick, step2]);
     const handleClick = (idx) => {
       const clickedStep = idx + DIFF_BETWEEN_STEP_AND_INDEX;
+      stepWasChangedRef.current = true;
       setStep(clickedStep !== step2 ? clickedStep : ZERO_STEP);
     };
+    useEffect(() => {
+      if (stepWasChangedRef.current === true) {
+        onClick && onClick(step2);
+        stepWasChangedRef.current = false;
+      }
+    }, [onClick, step2]);
     const handleMouseEnter = (evt) => {
       const hoveredIdx = Number(evt.currentTarget.id.split(ID_SEPARATOR)[1]);
       setHoveredStep(hoveredIdx);

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

@@ -0,0 +1,3 @@
+export { Steps } from './Steps';
+export { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from './constants';
+export type { TCommonStepsProps } from './types';

package/dist/components/Steps/index.js

@@ -0,0 +1,8 @@
+import { Steps } from "./Steps.js";
+import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./constants.js";
+export {
+  EStepsPrimaryColor,
+  EStepsSecondaryColor,
+  EStepsSize,
+  Steps
+};

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

@@ -1,6 +1,6 @@
 import { EStepsSize } from './constants';
 
 export type TSize = `${EStepsSize}` | EStepsSize;
-export type TCommonStepProps = {
+export type TCommonStepsProps = {
     size?: TSize;
 };

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

@@ -1,7 +1,7 @@
-import { TCommonStepProps } from './types';
+import { TCommonVoteProps } from './types';
 import { EStepsPrimaryColor, EStepsSecondaryColor } from '../Steps/constants';
 
-export type TProps = TCommonStepProps & {
+export type TProps = TCommonVoteProps & {
     /**
      * Класс, применяемый к корневому элементу
      */
@@ -59,7 +59,7 @@ export type TProps = TCommonStepProps & {
      */
     needChangeFirstHalfColor?: boolean;
 };
-export declare const Vote: import('react').ForwardRefExoticComponent<TCommonStepProps & {
+export declare const Vote: import('react').ForwardRefExoticComponent<TCommonVoteProps & {
     /**
      * Класс, применяемый к корневому элементу
      */

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

@@ -0,0 +1,3 @@
+export { Vote } from './Vote';
+export { EVoteSize } from './constants';
+export type { TCommonVoteProps, TSize } from './types';

package/dist/components/Vote/index.js

@@ -0,0 +1,6 @@
+import { Vote } from "./Vote.js";
+import { EVoteSize } from "./constants.js";
+export {
+  EVoteSize,
+  Vote
+};

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

@@ -1,6 +1,6 @@
 import { EVoteSize } from './constants';
 
 export type TSize = `${EVoteSize}` | EVoteSize;
-export type TCommonStepProps = {
+export type TCommonVoteProps = {
     size?: TSize;
 };

package/dist/components/index.d.ts

@@ -14,3 +14,6 @@ export { Image } from './Image';
 export { Loader } from './Loader';
 export { Slider } from './Slider';
 export { Drawer } from './Drawer';
+export { EDrawerPosition } from './Drawer';
+export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
+export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';

package/dist/components/index.js

@@ -13,6 +13,11 @@ import { AppImage } from "./Image/Image.js";
 import { Loader } from "./Loader/Loader.js";
 import { Slider } from "./Slider/Slider.js";
 import { Drawer } from "./Drawer/Drawer.js";
+import { EDrawerPosition } from "./Drawer/constants.js";
+import { Steps } from "./Steps/Steps.js";
+import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./Steps/constants.js";
+import { Vote } from "./Vote/Vote.js";
+import { EVoteSize } from "./Vote/constants.js";
 export {
   Button,
   Drawer,
@@ -20,9 +25,14 @@ export {
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMergedButtonVariantRound,
+  EStepsPrimaryColor,
+  EStepsSecondaryColor,
+  EStepsSize,
+  EVoteSize,
   AppImage as Image,
   Input,
   InputPassword,
@@ -32,6 +42,8 @@ export {
   OtpInput,
   RadioGroup,
   Slider,
+  Steps,
+  Vote,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue
 };

package/dist/index.js

@@ -13,6 +13,11 @@ import { AppImage } from "./components/Image/Image.js";
 import { Loader } from "./components/Loader/Loader.js";
 import { Slider } from "./components/Slider/Slider.js";
 import { Drawer } from "./components/Drawer/Drawer.js";
+import { EDrawerPosition } from "./components/Drawer/constants.js";
+import { Steps } from "./components/Steps/Steps.js";
+import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./components/Steps/constants.js";
+import { Vote } from "./components/Vote/Vote.js";
+import { EVoteSize } from "./components/Vote/constants.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
@@ -24,10 +29,15 @@ import './assets/index.css';export {
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMediaQuery,
   EMergedButtonVariantRound,
+  EStepsPrimaryColor,
+  EStepsSecondaryColor,
+  EStepsSize,
+  EVoteSize,
   Icon,
   AppImage as Image,
   Input,
@@ -38,6 +48,8 @@ import './assets/index.css';export {
   OtpInput,
   RadioGroup,
   Slider,
+  Steps,
+  Vote,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
   useLockBodyScroll,

package/package.json

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