linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/inputs/base/InputTextBase.js

@@ -1,183 +1,198 @@
-import { j as t } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { useRef as be, useState as ge, useEffect as K } from "react";
-import { _ as ye } from "../../chunks/lodash.CIAK_hAg.js";
-import ve from "../inputHOC.js";
-import { getRightElements as Ce, getInputWrapperClass as Ie, getInputClass as je } from "./helpers.js";
-import De from "../../internals/withTooltip.js";
-import { actionsOnPermissionDenied as we, OPTIONS_ON_DENIED as u } from "../../permissionValidations.js";
-import Oe from "../../hint/index.js";
-import { ErrorMessage as Fe } from "../errorMessage/index.js";
-import k from "../../textContent/index.js";
-import Ne from "../../popover/index.js";
-import '../../assets/InputTextBase.css';const Re = (s) => {
-  const {
-    textAlign: f = "left",
-    value: A,
-    defaultValue: z,
-    type: b = "text",
-    readOnly: m = !1,
-    placeHolder: H,
-    required: g,
-    leftElements: y,
-    rightElements: q,
-    children: M,
-    customClass: U,
-    customClassForInputContent: V,
-    customClassForLabel: v,
-    customClassForSideButtons: G,
-    inputRef: i,
-    inputBaseRef: J,
-    label: l,
-    labelUppercase: C,
-    hint: r,
-    hintPosition: I = "below",
-    errorMessages: j,
-    visible: Q = !0,
-    permissionAttr: X,
-    onDeniedActions: Y,
-    handlerSetOnDenied: D,
-    targetRef: w,
-    skeletonize: p = !1,
-    style: Z,
-    styleForInputContent: ee,
-    styleForWrapper: te,
-    styleForLabel: Pe,
-    styleForSideButtons: se,
-    disabled: O = !1,
-    autoFocus: ne,
-    maxLength: oe,
-    name: ie,
-    id: le,
-    multiple: re = !1,
-    accept: ae,
-    onChange: F,
-    onDragOver: N,
-    onDrop: R,
-    onDragLeave: P,
-    onClick: B,
-    readOnlyClass: ce,
-    autoComplete: de = "on",
-    themePopover: ue = "light",
-    popoverAlign: fe = "left",
-    tabIndex: W
-  } = s;
-  let a;
-  const me = [u.disabled, u.unvisible, u.readOnly, u.hideContent], o = be(null), c = Y || we(me, X), {
-    hideContent: d,
-    unvisible: pe
-  } = c, [he, h] = ge(!1);
-  K(() => {
-    D && D(c);
-  }, []);
-  const E = () => m ? -1 : W || 0, x = () => O || c.disabled, L = () => m || c.readOnly, T = () => {
-    const n = L() || x() || d;
-    return a = {
-      value: d ? "" : A,
-      defaultValue: z,
-      accept: ae,
-      type: b,
-      readOnly: L(),
-      placeholder: H,
-      disabled: x() || d,
-      autoFocus: ne,
-      maxLength: oe,
-      name: ie,
-      id: le,
-      multiple: re,
-      className: je({
-        textAlign: f,
-        readOnly: m,
-        readOnlyClass: ce
-      }),
-      ref: (e) => {
-        i && (ye.isFunction(i) ? i(e) : i.current = e), w && w(e);
-      }
-    }, n || (a = {
-      ...a,
-      onFocus: (e) => {
-        s.onInputReceiveFocus?.(), s.onFocus && s.onFocus(e);
-      },
-      onBlur: (e) => {
-        s.onInputLostFocus?.(), s.onBlur && s.onBlur(e);
-      },
-      onKeyDown: (e) => {
-        s.onKeyDown && s.onKeyDown(e);
-      },
-      onKeyPress: (e) => {
-        s.onKeyPress && s.onKeyPress(e);
-      },
-      onChange: (e) => {
-        F && F(e);
-      },
-      onDragOver: (e) => {
-        N && N(e);
-      },
-      onDrop: (e) => {
-        R && R(e);
-      },
-      onDragLeave: (e) => {
-        P && P(e);
-      },
-      onClick: (e) => {
-        B && B(e);
-      }
-    }), a;
-  }, xe = (n) => {
-    const e = n.target;
-    e.offsetWidth < e.scrollWidth && h(!0);
-  };
-  if (K(() => {
-    const n = new ResizeObserver(([e]) => {
-      const {
-        target: S
-      } = e;
-      h((_) => {
-        const $ = S.clientWidth < S.scrollWidth;
-        return _ === $ ? _ : $;
-      });
-    });
-    return o.current && n.observe(o.current), () => {
-      n && n.disconnect();
-    };
-  }, []), o.current) {
-    const n = o.current;
-    n.offsetWidth < n.scrollWidth && !he && h(!0);
-  }
-  return !Q || pe ? null : /* @__PURE__ */ t.jsxs("div", { style: Z, className: `input-base-component ${p ? "-skeletonized" : ""} ${U}`, ref: J, children: [
-    l && /* @__PURE__ */ t.jsxs("div", { className: "labelcontainer", style: {
-      textAlign: f === "center" ? "left" : f
-    }, children: [
-      /* @__PURE__ */ t.jsx(k, { labelRef: o, required: g, label: l, onHoverLabel: xe, className: v, labelUppercase: C, tooltip: l.toString(), tooltipPosition: "top" }),
-      /* @__PURE__ */ t.jsx("div", { className: "text-content", style: {
-        display: "flex"
-      }, children: /* @__PURE__ */ t.jsxs("div", { className: `label ${v} ${C && " -uppercase"}`, style: {
-        alignSelf: "center"
-      }, children: [
-        l,
-        g && /* @__PURE__ */ t.jsx("span", { className: "-requiredlabel", children: "*" }),
-        !!r && I === "onLabelRight" && !p && /* @__PURE__ */ t.jsx(Ne, { theme: ue, align: fe, customClass: "-hint", iconColor: "#03bde2", style: {
-          margin: "0px 5px",
-          height: "auto",
-          width: 20
-        }, children: r })
-      ] }) }),
-      /* @__PURE__ */ t.jsx(k, {})
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { "data-testid": "testInputWrapper", style: te, className: Ie({
-      ...s,
-      disabled: x() || d
-    }), children: [
-      y && /* @__PURE__ */ t.jsx("div", { style: se, className: `sidebuttons ${G}`, children: y }),
-      /* @__PURE__ */ t.jsxs("div", { "data-testid": "testInputContent", style: ee, className: `inputcontent ${V}`, children: [
-        b === "textarea" ? /* @__PURE__ */ t.jsx("textarea", { rows: s.rows, cols: s.cols, tabIndex: E(), ...T() }) : /* @__PURE__ */ t.jsx("input", { autoComplete: de, tabIndex: E(), "data-testid": "teste-123", ...T() }),
-        M
-      ] }),
-      Ce(j || [], p, q)
-    ] }),
-    /* @__PURE__ */ t.jsx(Oe, { disabled: O, visible: !!r && I === "below", customClass: "hint", description: r }),
-    /* @__PURE__ */ t.jsx(Fe, { messages: j })
-  ] });
-}, ze = ve(De(Re));
-export {
-  ze as default
-};
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip as t } from "../../tooltip/index.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { OPTIONS_ON_DENIED as r, actionsOnPermissionDenied as i } from "../../permissionValidations.js";
+import { ErrorMessage as ee } from "../errorMessage/index.js";
+import a from "../../textContent/index.js";
+import te from "../../popover/PopoverText.js";
+import ne from "../../popover/index.js";
+import re from "../../hint/index.js";
+import o from "../inputHOC.js";
+import '../../assets/styles/input.css';/* empty css                        */
+import { getInputClass as ie, getInputWrapperClass as s, getRightElements as c } from "./helpers.js";
+import { useEffect as l, useRef as u, useState as ae } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/inputs/base/InputTextBase.tsx
+var oe = /* @__PURE__ */ e(n(), 1), p = o((e) => {
+	let { textAlign: n = "left", value: o, defaultValue: p, type: m = "text", readOnly: h = !1, placeHolder: g, required: _, leftElements: v, rightElements: se, children: ce, customClass: le, customClassForInputContent: ue, customClassForLabel: y, customClassForSideButtons: de, inputRef: b, inputBaseRef: fe, label: x, labelUppercase: S, hint: C, hintPosition: w = "below", errorMessages: T, visible: pe = !0, permissionAttr: me, onDeniedActions: he, handlerSetOnDenied: E, skeletonize: D = !1, style: O, styleForInputContent: k, styleForWrapper: A, styleForSideButtons: j, disabled: M = !1, autoFocus: N, maxLength: P, name: F, id: I, multiple: L = !1, accept: R, onChange: z, onDragOver: B, onDrop: V, onDragLeave: H, onClick: U, readOnlyClass: ge, autoComplete: _e = "on", themePopover: ve = "light", popoverAlign: ye = "left", tabIndex: be, tooltip: xe, tooltipPosition: Se, tooltipWidth: Ce } = e, W, we = [
+		r.disabled,
+		r.unvisible,
+		r.readOnly,
+		r.hideContent
+	], G = u(null), K = he || i(we, me), { hideContent: q, unvisible: Te } = K, [Ee, J] = ae(!1), Y = u(null);
+	l(() => {
+		E && E(K);
+	}, []);
+	let X = () => h ? -1 : be || 0, Z = () => M || K.disabled, Q = () => h || K.readOnly, $ = () => {
+		let t = Q() || Z() || q;
+		return W = {
+			value: q ? "" : o,
+			defaultValue: p,
+			accept: R,
+			type: m,
+			readOnly: Q(),
+			placeholder: g,
+			disabled: Z() || q,
+			autoFocus: N,
+			maxLength: P,
+			name: F,
+			id: I,
+			multiple: L,
+			className: ie({
+				textAlign: n,
+				readOnly: h,
+				readOnlyClass: ge
+			}),
+			ref: (e) => {
+				b && (oe.default.isFunction(b) ? b(e) : b.current = e), Y.current = e;
+			}
+		}, t || (W = {
+			...W,
+			onFocus: (t) => {
+				e.onInputReceiveFocus?.(), e.onFocus && e.onFocus(t);
+			},
+			onBlur: (t) => {
+				e.onInputLostFocus?.(), e.onBlur && e.onBlur(t);
+			},
+			onKeyDown: (t) => {
+				e.onKeyDown && e.onKeyDown(t);
+			},
+			onKeyPress: (t) => {
+				e.onKeyPress && e.onKeyPress(t);
+			},
+			onChange: (e) => {
+				z && z(e);
+			},
+			onDragOver: (e) => {
+				B && B(e);
+			},
+			onDrop: (e) => {
+				V && V(e);
+			},
+			onDragLeave: (e) => {
+				H && H(e);
+			},
+			onClick: (e) => {
+				U && U(e);
+			}
+		}), W;
+	}, De = (e) => {
+		let t = e.target;
+		t.offsetWidth < t.scrollWidth && J(!0);
+	};
+	if (l(() => {
+		let e = new ResizeObserver(([e]) => {
+			let { target: t } = e;
+			J((e) => {
+				let n = t.clientWidth < t.scrollWidth;
+				return e === n ? e : n;
+			});
+		});
+		return G.current && e.observe(G.current), () => {
+			e && e.disconnect();
+		};
+	}, []), G.current) {
+		let e = G.current;
+		e.offsetWidth < e.scrollWidth && !Ee && J(!0);
+	}
+	return !pe || Te ? null : /* @__PURE__ */ f("div", {
+		style: O,
+		className: `input-base-component ${D ? "-skeletonized" : ""} ${le}`,
+		ref: fe,
+		children: [
+			x && /* @__PURE__ */ f("div", {
+				className: "labelcontainer",
+				style: { textAlign: n === "center" ? "left" : n },
+				children: [
+					/* @__PURE__ */ d(a, {
+						ref: G,
+						required: _,
+						label: x,
+						onHoverLabel: De,
+						className: y,
+						labelUppercase: S,
+						tooltip: x.toString(),
+						tooltipPosition: "top"
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "text-content",
+						style: { display: "flex" },
+						children: /* @__PURE__ */ f("div", {
+							className: `label ${y} ${S && " -uppercase"}`,
+							style: { alignSelf: "center" },
+							children: [
+								x,
+								_ && /* @__PURE__ */ d("span", {
+									className: "-requiredlabel",
+									children: "*"
+								}),
+								!!C && w === "onLabelRight" && !D && /* @__PURE__ */ d(ne, {
+									theme: ve,
+									align: ye,
+									customClass: "-hint",
+									iconColor: "#03bde2",
+									style: {
+										margin: "0px 5px",
+										height: "auto",
+										width: 20
+									},
+									children: /* @__PURE__ */ d(te, { text: C })
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ d(a, {})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				"data-testid": "testInputWrapper",
+				style: A,
+				className: s({
+					...e,
+					disabled: Z() || q
+				}),
+				children: [
+					v && /* @__PURE__ */ d("div", {
+						style: j,
+						className: `sidebuttons ${de}`,
+						children: v
+					}),
+					/* @__PURE__ */ f("div", {
+						"data-testid": "testInputContent",
+						style: k,
+						className: `inputcontent ${ue}`,
+						children: [m === "textarea" ? /* @__PURE__ */ d("textarea", {
+							rows: e.rows,
+							cols: e.cols,
+							tabIndex: X(),
+							...$()
+						}) : /* @__PURE__ */ d("input", {
+							autoComplete: _e,
+							tabIndex: X(),
+							"data-testid": "teste-123",
+							...$()
+						}), ce]
+					}),
+					c(T || [], D, se)
+				]
+			}),
+			/* @__PURE__ */ d(re, {
+				disabled: M,
+				visible: !!C && w === "below",
+				customClass: "hint",
+				description: C
+			}),
+			/* @__PURE__ */ d(ee, { messages: T }),
+			/* @__PURE__ */ d(t, {
+				targetRef: Y,
+				text: xe,
+				width: Ce,
+				position: Se
+			})
+		]
+	});
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=InputTextBase.js.map

package/lib/inputs/base/InputTextBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextBase.js","names":[],"sources":["../../../src/lib/inputs/base/InputTextBase.tsx"],"sourcesContent":["import { useEffect, KeyboardEvent, useRef, useState, MouseEvent, MouseEventHandler, DragEvent } from 'react';\nimport _ from 'lodash';\nimport inputHOC from '../inputHOC';\nimport '../../assets/styles/input.scss';\nimport * as helpers from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { CustomInputEvent, IBaseProps } from './types';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport Hint from '../../hint';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\n\nconst InputTextBase = (props: IBaseProps) => {\n  const {\n    textAlign = 'left',\n    value,\n    defaultValue,\n    type = 'text',\n    readOnly = false,\n    placeHolder,\n    required,\n    leftElements,\n    rightElements,\n    children,\n    customClass,\n    customClassForInputContent,\n    customClassForLabel,\n    customClassForSideButtons,\n    inputRef,\n    inputBaseRef,\n    label,\n    labelUppercase,\n    hint,\n    hintPosition = 'below',\n    errorMessages,\n    visible = true,\n    permissionAttr,\n    onDeniedActions,\n    handlerSetOnDenied,\n    skeletonize = false,\n    style,\n    styleForInputContent,\n    styleForWrapper,\n    styleForSideButtons,\n    disabled = false,\n    autoFocus,\n    maxLength,\n    name,\n    id,\n    multiple = false,\n    accept,\n    onChange,\n    onDragOver,\n    onDrop,\n    onDragLeave,\n    onClick,\n    readOnlyClass,\n    autoComplete = 'on',\n    themePopover = 'light',\n    popoverAlign = 'left',\n    tabIndex,\n    tooltip,\n    tooltipPosition,\n    tooltipWidth,\n  } = props;\n\n  let propsInput;\n  const options = [\n    OPTIONS_ON_DENIED.disabled,\n    OPTIONS_ON_DENIED.unvisible,\n    OPTIONS_ON_DENIED.readOnly,\n    OPTIONS_ON_DENIED.hideContent,\n  ];\n\n  const labelRef = useRef<HTMLSpanElement | HTMLParagraphElement | null>(null);\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const [showTooltip, setShowTooltip] = useState(false);\n  const inputElementRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  useEffect(() => {\n    if (handlerSetOnDenied) handlerSetOnDenied(onDenied);\n  }, []);\n\n  const applyTabIndex = () => {\n    if (readOnly) return -1;\n    if (tabIndex) return tabIndex;\n    return 0;\n  };\n\n  const shouldDisable = () => disabled || onDenied.disabled;\n\n  const shouldBeReadOnly = () => readOnly || onDenied.readOnly;\n\n  const inputProps = () => {\n    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;\n    propsInput = {\n      value: hideContent ? '' : value,\n      defaultValue,\n      accept,\n      type,\n      readOnly: shouldBeReadOnly(),\n      placeholder: placeHolder,\n      disabled: shouldDisable() || hideContent,\n      autoFocus,\n      maxLength,\n      name,\n      id,\n      multiple,\n      className: helpers.getInputClass({ textAlign, readOnly, readOnlyClass }),\n      ref: (r: HTMLInputElement | HTMLTextAreaElement | null) => {\n        if (inputRef) {\n          if (!_.isFunction(inputRef)) {\n            inputRef.current = r;\n          } else {\n            inputRef(r);\n          }\n        }\n        inputElementRef.current = r;\n      },\n    };\n    if (!disableCallbacks) {\n      propsInput = {\n        ...propsInput,\n        onFocus: (e: CustomInputEvent) => {\n          props.onInputReceiveFocus?.();\n          if (props.onFocus) props.onFocus(e);\n        },\n        onBlur: (e: CustomInputEvent) => {\n          props.onInputLostFocus?.();\n          if (props.onBlur) props.onBlur(e);\n        },\n        onKeyDown: (e: KeyboardEvent<Element>) => {\n          if (props.onKeyDown) props.onKeyDown(e);\n        },\n        onKeyPress: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (props.onKeyPress) props.onKeyPress(e);\n        },\n        onChange: (e: CustomInputEvent) => {\n          if (onChange) onChange(e);\n        },\n        onDragOver: (e: DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDragOver) onDragOver(e);\n        },\n        onDrop: (e: DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDrop) onDrop(e);\n        },\n        onDragLeave: (e: DragEvent) => {\n          if (onDragLeave) onDragLeave(e);\n        },\n        onClick: (e: MouseEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onClick) onClick(e);\n        },\n      };\n    }\n    return propsInput;\n  };\n\n  const onHoverLabel: MouseEventHandler<HTMLSpanElement> = (e) => {\n    const target = e.target as unknown as HTMLSpanElement;\n    if (target.offsetWidth < target.scrollWidth) {\n      setShowTooltip(true);\n    }\n  };\n\n  useEffect(() => {\n    const resize = new ResizeObserver(([element]) => {\n      const { target } = element;\n      setShowTooltip((prevState) => {\n        const overflowing = target.clientWidth < target.scrollWidth;\n\n        return prevState === overflowing ? prevState : overflowing;\n      });\n    });\n\n    if (labelRef.current) {\n      resize.observe(labelRef.current);\n    }\n\n    return () => {\n      if (resize) {\n        resize.disconnect();\n      }\n    };\n  }, []);\n\n  if (labelRef.current) {\n    const element = labelRef.current;\n    const overflowing = element.offsetWidth < element.scrollWidth;\n\n    if (overflowing && !showTooltip) {\n      setShowTooltip(true);\n    }\n  }\n\n  if (!visible || unvisible) return null;\n\n  return (\n    <div\n      style={style}\n      className={`input-base-component ${skeletonize ? '-skeletonized' : ''} ${customClass}`}\n      ref={inputBaseRef}>\n      {label && (\n        <div\n          className=\"labelcontainer\"\n          style={{ textAlign: textAlign === 'center' ? 'left' : textAlign }}>\n          <TextContent\n            ref={labelRef}\n            required={required}\n            label={label}\n            onHoverLabel={onHoverLabel}\n            className={customClassForLabel}\n            labelUppercase={labelUppercase}\n            tooltip={label.toString()}\n            tooltipPosition=\"top\" />\n          <div\n            className=\"text-content\"\n            style={{ display: 'flex' }}>\n            <div\n              className={`label ${customClassForLabel} ${labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {label}\n              {required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && !skeletonize && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  customClass=\"-hint\"\n                  iconColor=\"#03bde2\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  <PopoverText text={hint} />\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        data-testid=\"testInputWrapper\"\n        style={styleForWrapper}\n        className={helpers.getInputWrapperClass({\n          ...props, disabled: shouldDisable() || hideContent,\n        })}>\n        {leftElements && (\n          <div\n            style={styleForSideButtons}\n            className={`sidebuttons ${customClassForSideButtons}`}>\n            {leftElements}\n          </div>\n        )}\n        <div\n          data-testid=\"testInputContent\"\n          style={styleForInputContent}\n          className={`inputcontent ${customClassForInputContent}`}>\n          {type === 'textarea' ?\n            <textarea \n              rows={props.rows} \n              cols={props.cols} \n              tabIndex={applyTabIndex()} \n              {...inputProps()} /> :\n            <input\n              autoComplete={autoComplete}\n              tabIndex={applyTabIndex()}\n              data-testid=\"teste-123\"\n              {...inputProps()} />}\n          {children}\n        </div>\n        {helpers.getRightElements(errorMessages || [], skeletonize, rightElements)}\n      </div>\n      <Hint\n        disabled={disabled}\n        visible={!!hint && hintPosition === 'below'}\n        customClass=\"hint\"\n        description={hint} />\n      <ErrorMessage messages={errorMessages} />\n      <Tooltip \n        targetRef={inputElementRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </div>\n  );\n};\nexport default inputHOC(InputTextBase);\n"],"mappings":"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"}

package/lib/inputs/base/helpers.js

@@ -1,30 +1,19 @@
-import a from "react";
-import { _ as l } from "../../chunks/lodash.CIAK_hAg.js";
-const p = ({
-  textAlign: r,
-  readOnly: t,
-  readOnlyClass: n
-}) => `textinput text-align-${r} ${n} ${t ? " -readonly" : ""}`, d = (r) => {
-  const {
-    inputHasFocus: t,
-    customClassForWrapper: n,
-    rounded: e,
-    errorMessages: s,
-    disabled: o
-  } = r;
-  return `inputwrapper ${t && " -focusable"}
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { cloneElement as n } from "react";
+//#region src/lib/inputs/base/helpers.tsx
+var r = /* @__PURE__ */ e(t(), 1), i = ({ textAlign: e, readOnly: t, readOnlyClass: n }) => `textinput text-align-${e} ${n} ${t ? " -readonly" : ""}`, a = (e) => {
+	let { inputHasFocus: t, customClassForWrapper: n, rounded: r, errorMessages: i, disabled: a } = e;
+	return `inputwrapper ${t && " -focusable"}
           ${n}
-          ${s && s.length > 0 && " -requirederror"}
-          ${e && " -roundedborders"}
-          ${o && " -disabled"}`;
-}, c = (r, t, n) => {
-  let e = n || [];
-  return t ? null : (l.isArray(e) || (e = [e]), e = e.map((s, o) => s && a.cloneElement(s, {
-    key: `rightelement-${o + 1}`
-  })), e);
-};
-export {
-  p as getInputClass,
-  d as getInputWrapperClass,
-  c as getRightElements
+          ${i && i.length > 0 && " -requirederror"}
+          ${r && " -roundedborders"}
+          ${a && " -disabled"}`;
+}, o = (e, t, i) => {
+	let a = i || [];
+	return t ? null : (r.default.isArray(a) || (a = [a]), a = a.map((e, t) => e && n(e, { key: `rightelement-${t + 1}` })), a);
 };
+//#endregion
+export { i as getInputClass, a as getInputWrapperClass, o as getRightElements };
+
+//# sourceMappingURL=helpers.js.map

package/lib/inputs/base/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/lib/inputs/base/helpers.tsx"],"sourcesContent":["import { cloneElement, JSX } from 'react';\nimport _ from 'lodash';\nimport { IBaseProps } from './types';\nimport { TextAlign } from '../../../lib/@types/Align';\n\nexport const getInputClass = ({\n  textAlign,\n  readOnly,\n  readOnlyClass,\n}: {\n  textAlign?: TextAlign,\n  readOnly?: boolean,\n  readOnlyClass?: string\n}) => `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;\n\nexport const getInputWrapperClass = (props: IBaseProps) => {\n  const {\n    inputHasFocus,\n    customClassForWrapper,\n    rounded,\n    errorMessages,\n    disabled,\n  } = props;\n  return `inputwrapper ${inputHasFocus && ' -focusable'}\n          ${customClassForWrapper}\n          ${(errorMessages && errorMessages.length > 0) && ' -requirederror'}\n          ${rounded && ' -roundedborders'}\n          ${disabled && ' -disabled'}`;\n};\n\nexport const getRightElements = (\n  errorMessages: string[],\n  skeletonize: boolean,\n  rightElements?: JSX.Element | JSX.Element[],\n) => {\n  let elements = rightElements || [];\n  if (skeletonize) return null;\n  if (!_.isArray(elements)) {\n    elements = [elements];\n  }\n  elements = elements.map((element: any, index: number) => element && cloneElement(element, { key: `rightelement-${index + 1}` }));\n  if (errorMessages) return elements;\n\n  return elements;\n};\n"],"mappings":";;;;mCAKa,KAAiB,EAC5B,cACA,aACA,uBAKI,wBAAwB,EAAU,GAAG,EAAc,GAAG,IAAW,eAAe,MAEzE,KAAwB,MAAsB;CACzD,IAAM,EACJ,kBACA,0BACA,YACA,kBACA,gBACE;AACJ,QAAO,gBAAgB,KAAiB,cAAc;YAC5C,EAAsB;YACrB,KAAiB,EAAc,SAAS,KAAM,kBAAkB;YACjE,KAAW,mBAAmB;YAC9B,KAAY;GAGX,KACX,GACA,GACA,MACG;CACH,IAAI,IAAW,KAAiB,EAAE;AAQlC,QAPI,IAAoB,QACnB,EAAA,QAAE,QAAQ,EAAS,KACtB,IAAW,CAAC,EAAS,GAEvB,IAAW,EAAS,KAAK,GAAc,MAAkB,KAAW,EAAa,GAAS,EAAE,KAAK,gBAAgB,IAAQ,KAAK,CAAC,CAAC,EACtG"}

package/lib/inputs/base/types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX } from 'react';
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode } from 'react';
 import { TextAlign } from 'src/lib/@types/Align';
-import { WithTooltipProps } from 'src/lib/internals/types';
+import { ITooltipCommonProps } from 'src/lib/tooltip/types';
 import { Period } from '../../@types/Period';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
 export interface CustomInputEvent {
@@ -8,6 +8,7 @@ export interface CustomInputEvent {
     stopPropagation?: () => void;
     dataTransfer?: DataTransfer;
     keyCode?: number;
+    key?: number;
     code?: number;
     target: {
         value: string;
@@ -17,17 +18,7 @@ export interface CustomInputEvent {
         files?: FileList | null;
     };
 }
-export interface InputLabelProps extends WithTooltipProps {
-    label?: string | string[];
-    customClassForLabel?: string;
-    styleForLabel?: object;
-    labelUppercase?: boolean;
-    required?: boolean;
-    targetRef?: (ref: HTMLSpanElement | null) => void;
-    labelRef?: MutableRefObject<HTMLSpanElement | null>;
-    onHoverLabel?: React.MouseEventHandler<HTMLSpanElement>;
-}
-export interface IBaseProps {
+export interface IBaseProps extends ITooltipCommonProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
     onInputLostFocus?: () => void;
@@ -61,7 +52,7 @@ export interface IBaseProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;
@@ -70,7 +61,7 @@ export interface IBaseProps {
     requiredError?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     textAlign?: TextAlign;
     rounded?: boolean;
@@ -79,7 +70,6 @@ export interface IBaseProps {
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
     handlerSetOnDenied?: (onDenied: OnDenied) => void;
-    targetRef?: (ref: HTMLDivElement | HTMLInputElement | HTMLTextAreaElement | null) => void;
     gridLayout?: string;
     skeletonize?: boolean;
     style?: CSSProperties;