mimir-ui-kit 1.20.0 → 1.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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";
|