mimir-ui-kit 1.20.0 → 1.20.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -107,10 +107,8 @@ const Input = memo(
107
107
  const handleBlur = (event) => {
108
108
  const currentValue = event.currentTarget.value;
109
109
  onBlur == null ? void 0 : onBlur(event);
110
- if (currentValue) {
111
- return;
112
- }
113
110
  setIsFocused(false);
111
+ setWithValue(!!currentValue);
114
112
  };
115
113
  const handleFocus = (event) => {
116
114
  if (readonly) {
@@ -145,14 +143,14 @@ const Input = memo(
145
143
  const currentRightAddon = renderAddon(rightAddon);
146
144
  const mods = {
147
145
  [cls.readonly]: disabled2 || readonly,
148
- [cls.focused]: isFocused || withValue,
146
+ [cls.focused]: isFocused,
149
147
  [cls.disabled]: disabled2 || readonly,
150
148
  [cls["has-label"]]: !!label2,
151
149
  [cls["has-left-slot"]]: !!currentLeftAddon,
152
150
  [cls["has-right-slot"]]: !!currentRightAddon
153
151
  };
154
152
  const labelClassNames = classNames(cls.label, className, cls[size], {
155
- [cls["active-label"]]: isFocused || value,
153
+ [cls["active-label"]]: isFocused || withValue,
156
154
  [cls.disabled]: disabled2 || readonly,
157
155
  [cls["has-left-slot"]]: !!currentLeftAddon
158
156
  });
@@ -169,7 +167,7 @@ const Input = memo(
169
167
  cls[size],
170
168
  {
171
169
  [cls.disabled]: disabled2 || readonly,
172
- [cls.focused]: isFocused || withValue
170
+ [cls.focused]: isFocused
173
171
  },
174
172
  wrapperClassName
175
173
  ),
@@ -179,7 +177,7 @@ const Input = memo(
179
177
  "span",
180
178
  {
181
179
  className: classNames(cls["left-slot"], {
182
- [cls.focused]: isFocused,
180
+ [cls.focused]: isFocused || withValue,
183
181
  [cls["has-label"]]: !!label2
184
182
  }),
185
183
  children: currentLeftAddon
@@ -206,7 +204,7 @@ const Input = memo(
206
204
  "span",
207
205
  {
208
206
  className: classNames(cls["right-slot"], {
209
- [cls.focused]: isFocused,
207
+ [cls.focused]: isFocused || withValue,
210
208
  [cls["has-label"]]: !!label2
211
209
  }),
212
210
  children: currentRightAddon
@@ -5,7 +5,7 @@ import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.j
5
5
  import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
6
6
  import { formating } from "../../utils/index.js";
7
7
  import { Button } from "../Button/Button.js";
8
- import { I as Input } from "../../Input-DdKAiGfJ.js";
8
+ import { I as Input } from "../../Input-BcrXWzen.js";
9
9
  const DatePicker = memo(
10
10
  forwardRef(
11
11
  ({ size, value, onChangeValue, name, before, ...props }, ref) => {
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../index-CweZ_OcN.js";
3
3
  import "react";
4
4
  import "./constants.js";
5
- import { I } from "../../Input-DdKAiGfJ.js";
5
+ import { I } from "../../Input-BcrXWzen.js";
6
6
  import "../../hooks/useMergeRefs/useMergeRefs.js";
7
7
  import "../../icons/Icon.js";
8
8
  import "../Button/Button.js";
@@ -1,4 +1,4 @@
1
- import { I } from "../../Input-DdKAiGfJ.js";
1
+ import { I } from "../../Input-BcrXWzen.js";
2
2
  import { EInputSize, EInputVariant } from "./constants.js";
3
3
  export {
4
4
  EInputSize,
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { memo, forwardRef, useState } from "react";
3
3
  import { Icon } from "../../icons/Icon.js";
4
4
  import { Button } from "../Button/Button.js";
5
- import { I as Input } from "../../Input-DdKAiGfJ.js";
5
+ import { I as Input } from "../../Input-BcrXWzen.js";
6
6
  import '../../assets/InputPassword.css';const input = "_input_mam1g_2";
7
7
  const wrapper = "_wrapper_mam1g_6";
8
8
  const button = "_button_mam1g_17";
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
3
3
  import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
4
- import { I as Input } from "../../Input-DdKAiGfJ.js";
4
+ import { I as Input } from "../../Input-BcrXWzen.js";
5
5
  const InputPhoneNumber = memo(
6
6
  forwardRef(
7
7
  ({ value = "", onChange, ...props }, ref) => {
@@ -3,7 +3,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
3
3
  import { forwardRef, useImperativeHandle, Fragment } from "react";
4
4
  import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
5
5
  import { useOTPInput } from "./hooks.js";
6
- import { I as Input } from "../../Input-DdKAiGfJ.js";
6
+ import { I as Input } from "../../Input-BcrXWzen.js";
7
7
  import '../../assets/OtpInput.css';const otp = "_otp_196ev_3";
8
8
  const input = "_input_196ev_14";
9
9
  const separator = "_separator_196ev_28";
@@ -4,7 +4,7 @@ import * as React from "react";
4
4
  import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
5
5
  import { ESelectSearchSize } from "./constants.js";
6
6
  import { Icon } from "../../icons/Icon.js";
7
- import { I as Input } from "../../Input-DdKAiGfJ.js";
7
+ import { I as Input } from "../../Input-BcrXWzen.js";
8
8
  import { EInputVariant, EInputSize } from "../Input/constants.js";
9
9
  import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
10
10
  import * as ReactDOM from "react-dom";
@@ -5,7 +5,7 @@ import { useAutoResizeTextArea } from "./hooks.js";
5
5
  import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
6
6
  import { Icon } from "../../icons/Icon.js";
7
7
  import { Button } from "../Button/Button.js";
8
- import { c as cls } from "../../Input-DdKAiGfJ.js";
8
+ import { c as cls } from "../../Input-BcrXWzen.js";
9
9
  import { EInputVariant } from "../Input/constants.js";
10
10
  import '../../assets/TextArea.css';const textarea = "_textarea_1hbfy_2";
11
11
  const label = "_label_1hbfy_11";
@@ -1,6 +1,6 @@
1
1
  import { Button } from "./Button/Button.js";
2
2
  import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
3
- import { I } from "../Input-DdKAiGfJ.js";
3
+ import { I } from "../Input-BcrXWzen.js";
4
4
  import { EInputSize, EInputVariant } from "./Input/constants.js";
5
5
  import { TextArea } from "./TextArea/TextArea.js";
6
6
  import { InputPassword } from "./InputPassword/InputPassword.js";
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Button } from "./components/Button/Button.js";
2
2
  import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./components/Button/constants.js";
3
- import { I } from "./Input-DdKAiGfJ.js";
3
+ import { I } from "./Input-BcrXWzen.js";
4
4
  import { EInputSize, EInputVariant } from "./components/Input/constants.js";
5
5
  import { TextArea } from "./components/TextArea/TextArea.js";
6
6
  import { InputPassword } from "./components/InputPassword/InputPassword.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.20.0",
4
+ "version": "1.20.1",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {