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.
- package/dist/{Input-DdKAiGfJ.js → Input-BcrXWzen.js} +6 -8
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputPassword/InputPassword.js +1 -1
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/OtpInput/OtpInput.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +1 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
@@ -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
|
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 ||
|
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
|
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-
|
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-
|
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";
|
@@ -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-
|
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-
|
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-
|
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-
|
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-
|
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";
|
package/dist/components/index.js
CHANGED
@@ -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-
|
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-
|
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";
|