mimir-ui-kit 1.34.2 → 1.34.4-t

package/dist/Input-ChCIy5oY.js

@@ -1,245 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "./index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useRef, useEffect } from "react";
-import { EInputVariant } from "./components/Input/constants.js";
-import { useMergeRefs } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon } from "./icons/Icon.js";
-import { Button } from "./components/Button/Button.js";
-import './assets/Input.css';const label = "_label_ed5ll_27";
-const input = "_input_ed5ll_3";
-const focused = "_focused_ed5ll_82";
-const disabled = "_disabled_ed5ll_88";
-const clear = "_clear_ed5ll_121";
-const s = "_s_ed5ll_169";
-const m = "_m_ed5ll_184";
-const l = "_l_ed5ll_27";
-const success = "_success_ed5ll_241";
-const alarm = "_alarm_ed5ll_259";
-const error = "_error_ed5ll_277";
-const cls = {
-  "input-wrapper": "_input-wrapper_ed5ll_3",
-  "required-mark": "_required-mark_ed5ll_17",
-  label,
-  "has-left-slot": "_has-left-slot_ed5ll_42",
-  "active-label": "_active-label_ed5ll_45",
-  input,
-  "has-right-slot": "_has-right-slot_ed5ll_79",
-  focused,
-  "has-label": "_has-label_ed5ll_85",
-  disabled,
-  "left-slot": "_left-slot_ed5ll_94",
-  "right-slot": "_right-slot_ed5ll_95",
-  "addon-icon": "_addon-icon_ed5ll_117",
-  clear,
-  s,
-  m,
-  l,
-  "default-gray": "_default-gray_ed5ll_214",
-  "default-white": "_default-white_ed5ll_226",
-  success,
-  alarm,
-  error
-};
-const renderAddon = (addon) => {
-  var _a, _b;
-  if (!addon) {
-    return null;
-  }
-  switch (addon.addonType) {
-    case "icon": {
-      const is16px = (_a = addon.addonContent) == null ? void 0 : _a.includes("16px");
-      const is24px = (_b = addon.addonContent) == null ? void 0 : _b.includes("24px");
-      return /* @__PURE__ */ jsx(
-        Icon,
-        {
-          style: {
-            ["--icon-size"]: classNames({
-              "16px": is16px,
-              "24px": is24px
-            })
-          },
-          className: cls["addon-icon"],
-          iconName: addon.addonContent
-        }
-      );
-    }
-    case "text": {
-      return addon.addonContent;
-    }
-    default: {
-      return null;
-    }
-  }
-};
-const Input = memo(
-  forwardRef(
-    (props, ref) => {
-      const {
-        value,
-        className,
-        wrapperClassName,
-        variant = EInputVariant.DefaultGray,
-        type = "text",
-        autofocus,
-        readonly,
-        id,
-        onFocus,
-        onBlur,
-        label: label2,
-        withClearButton,
-        disabled: disabled2,
-        onChange,
-        rightAddon,
-        leftAddon,
-        size = "m",
-        numbersOnly,
-        required,
-        maxLength,
-        ...otherProps
-      } = props;
-      const [isFocused, setIsFocused] = useState(autofocus);
-      const [withValue, setWithValue] = useState(!!value);
-      const inputRef = useRef(null);
-      const mergedInputRef = useMergeRefs(inputRef, ref);
-      useEffect(() => {
-        if (autofocus) {
-          setIsFocused(true);
-        }
-      }, [autofocus]);
-      const handleBlur = (event) => {
-        const currentValue = event.currentTarget.value;
-        onBlur == null ? void 0 : onBlur(event);
-        setIsFocused(false);
-        setWithValue(!!currentValue);
-      };
-      const handleFocus = (event) => {
-        if (readonly) {
-          return;
-        }
-        setIsFocused(true);
-        onFocus == null ? void 0 : onFocus(event);
-      };
-      const handleClear = () => {
-        if (inputRef == null ? void 0 : inputRef.current) {
-          inputRef.current.value = "";
-          inputRef.current.focus();
-          setWithValue(false);
-          onChange == null ? void 0 : onChange({
-            target: { value: "" }
-          });
-        }
-      };
-      const handleChange = (event) => {
-        let newValue = event.target.value;
-        if (numbersOnly) {
-          newValue = newValue.replace(/\D/g, "");
-        }
-        if (maxLength !== void 0) {
-          newValue = newValue.slice(0, maxLength);
-        }
-        event.target.value = newValue;
-        onChange == null ? void 0 : onChange(event);
-        setWithValue(!!newValue);
-      };
-      const currentLeftAddon = renderAddon(leftAddon);
-      const currentRightAddon = renderAddon(rightAddon);
-      const mods = {
-        [cls.readonly]: disabled2 || readonly,
-        [cls.focused]: isFocused,
-        [cls.disabled]: disabled2 || readonly,
-        [cls["has-label"]]: !!label2,
-        [cls["has-left-slot"]]: !!currentLeftAddon,
-        [cls["has-right-slot"]]: !!currentRightAddon
-      };
-      const isActiveLabel = isFocused || withValue || !!value;
-      const labelClassNames = classNames(cls.label, className, cls[size], {
-        [cls["active-label"]]: isActiveLabel,
-        [cls.disabled]: disabled2 || readonly,
-        [cls["has-left-slot"]]: !!currentLeftAddon
-      });
-      const inputClassNames = classNames(cls.input, mods, className, [
-        cls[variant],
-        cls[size]
-      ]);
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classNames(
-            cls["input-wrapper"],
-            cls[variant],
-            cls[size],
-            {
-              [cls.disabled]: disabled2 || readonly,
-              [cls.focused]: isFocused
-            },
-            wrapperClassName
-          ),
-          children: [
-            label2 && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: labelClassNames, children: [
-              label2,
-              required && (withValue || isFocused) && /* @__PURE__ */ jsx("span", { className: cls["required-mark"] })
-            ] }),
-            currentLeftAddon && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: classNames(cls["left-slot"], {
-                  [cls.focused]: isActiveLabel,
-                  [cls["has-label"]]: !!label2
-                }),
-                children: currentLeftAddon
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: mergedInputRef,
-                type,
-                id,
-                className: inputClassNames,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                readOnly: readonly,
-                value,
-                onChange: handleChange,
-                maxLength,
-                disabled: disabled2,
-                required,
-                ...otherProps
-              }
-            ),
-            currentRightAddon && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: classNames(cls["right-slot"], {
-                  [cls.focused]: isActiveLabel,
-                  [cls["has-label"]]: !!label2
-                }),
-                children: currentRightAddon
-              }
-            ),
-            required && !withValue && !isFocused && /* @__PURE__ */ jsx("span", { className: cls["required-mark"] }),
-            withClearButton && withValue && /* @__PURE__ */ jsx(
-              Button,
-              {
-                tabIndex: -1,
-                className: cls.clear,
-                isIconButton: true,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: true,
-                disabled: disabled2 || readonly,
-                variant: "secondary-gray",
-                onClick: handleClear
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-Input.displayName = "Input";
-export {
-  Input as I,
-  cls as c
-};