linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/icons/index.js

@@ -1,68 +1,76 @@
-import { jsx as k } from "react/jsx-runtime";
-import { c as T } from "react/compiler-runtime";
-import { useRef as q } from "react";
-import A from "./helper.js";
-import D from "../internals/withTooltip.js";
-import '../styles/assets/styles/icon.css';/* empty css                         */
-const U = A, G = "rgb(193, 193, 193)", H = (l) => {
-  const t = T(27), {
+import { jsx as S, jsxs as K } from "react/jsx-runtime";
+import { c as L } from "../_virtual/compiler-runtime.js";
+import { useRef as D, Fragment as M } from "react";
+import Q from "./helper.js";
+import '../assets/styles/icon.css';/* empty css                         */
+import V from "../tooltip/index.js";
+const G = Q, X = "rgb(193, 193, 193)", rt = (m) => {
+  const t = L.c(39), {
     name: o,
-    onClick: c,
+    onClick: u,
     svgStruct: e,
-    size: F,
-    style: a,
-    visible: _,
-    disabled: B,
-    customClass: z,
-    customClassForContainer: N,
-    colorStyle: O,
-    color: n,
-    viewBox: g,
-    pointerEvents: P,
-    targetRef: r,
-    tooltip: b
-  } = l, f = F === void 0 ? 16 : F;
-  let d;
-  t[0] !== a ? (d = a === void 0 ? {} : a, t[0] = a, t[1] = d) : d = t[1];
-  const y = d, S = _ === void 0 ? !0 : _, p = B === void 0 ? !1 : B, w = z === void 0 ? "" : z, C = N === void 0 ? "" : N, i = O === void 0 ? "default" : O, x = P === void 0 ? "none" : P, I = i !== "default" || !n ? void 0 : n, j = q(null), $ = o ? U[o].viewbox : e?.viewbox;
-  let m;
-  t[2] !== o || t[3] !== e?.paths ? (m = () => o ? U[o].paths : e?.paths, t[2] = o, t[3] = e?.paths, t[4] = m) : m = t[4];
-  const E = m;
-  let v, s;
-  if (t[5] !== n || t[6] !== I || t[7] !== i || t[8] !== w || t[9] !== C || t[10] !== p || t[11] !== E || t[12] !== o || t[13] !== c || t[14] !== x || t[15] !== f || t[16] !== y || t[17] !== e || t[18] !== r || t[19] !== b || t[20] !== g || t[21] !== $ || t[22] !== S) {
+    size: j,
+    style: v,
+    visible: z,
+    disabled: N,
+    customClass: O,
+    customClassForContainer: T,
+    colorStyle: U,
+    color: f,
+    viewBox: w,
+    pointerEvents: W,
+    tooltip: i,
+    tooltipPosition: C,
+    tooltipWidth: E
+  } = m, h = j === void 0 ? 16 : j;
+  let g;
+  t[0] !== v ? (g = v === void 0 ? {} : v, t[0] = v, t[1] = g) : g = t[1];
+  const F = g, I = z === void 0 ? !0 : z, b = N === void 0 ? !1 : N, _ = O === void 0 ? "" : O, $ = T === void 0 ? "" : T, p = U === void 0 ? "default" : U, k = W === void 0 ? "none" : W, R = p !== "default" || !f ? void 0 : f, q = D(null), H = D(null), B = o ? G[o].viewbox : e?.viewbox;
+  let x;
+  t[2] !== o || t[3] !== e?.paths ? (x = () => o ? G[o].paths : e?.paths, t[2] = o, t[3] = e?.paths, t[4] = x) : x = t[4];
+  const P = x;
+  let n, r, l, c, s;
+  if (t[5] !== f || t[6] !== R || t[7] !== p || t[8] !== _ || t[9] !== $ || t[10] !== b || t[11] !== P || t[12] !== o || t[13] !== u || t[14] !== k || t[15] !== h || t[16] !== F || t[17] !== e || t[18] !== i || t[19] !== w || t[20] !== B || t[21] !== I) {
     s = Symbol.for("react.early_return_sentinel");
     t: {
-      const R = () => /* @__PURE__ */ k("svg", { "data-testid": "icon", "data-color-style": i, onClick: () => {
-        c && !p && c();
-      }, ref: (h) => {
-        j.current = h;
-      }, width: `${f}px`, height: `${f}px`, fill: p ? G : I, viewBox: g || $, className: `icon-component ${w}`, pointerEvents: x, style: y, children: E()?.map(J) });
-      if (n && i !== "default")
+      const A = () => /* @__PURE__ */ S("svg", { "data-testid": "icon", "data-color-style": p, onClick: () => {
+        u && !b && u();
+      }, ref: (J) => {
+        H.current = J;
+      }, width: `${h}px`, height: `${h}px`, fill: b ? X : R, viewBox: w || B, className: `icon-component ${_}`, pointerEvents: k, style: F, children: P()?.map(Y) });
+      if (f && p !== "default")
         throw new Error("Expected only one of the two properties: colorStyle or color");
       if (!o && !e)
         throw new Error('One of the "name" and "svgStruct" props must be filled');
-      if (!S) {
+      if (!I) {
         s = null;
         break t;
       }
-      if (!b) {
-        s = R();
+      if (!i) {
+        s = A();
         break t;
       }
-      let u;
-      t[25] !== r ? (u = (h) => {
-        r && h && r(h);
-      }, t[25] = r, t[26] = u) : u = t[26], v = /* @__PURE__ */ k("div", { className: `icon-component-container ${C}`, ref: u, children: R() });
+      n = M, r = `icon-component-container ${$}`, l = q, c = A();
     }
-    t[5] = n, t[6] = I, t[7] = i, t[8] = w, t[9] = C, t[10] = p, t[11] = E, t[12] = o, t[13] = c, t[14] = x, t[15] = f, t[16] = y, t[17] = e, t[18] = r, t[19] = b, t[20] = g, t[21] = $, t[22] = S, t[23] = v, t[24] = s;
+    t[5] = f, t[6] = R, t[7] = p, t[8] = _, t[9] = $, t[10] = b, t[11] = P, t[12] = o, t[13] = u, t[14] = k, t[15] = h, t[16] = F, t[17] = e, t[18] = i, t[19] = w, t[20] = B, t[21] = I, t[22] = n, t[23] = r, t[24] = l, t[25] = c, t[26] = s;
   } else
-    v = t[23], s = t[24];
-  return s !== Symbol.for("react.early_return_sentinel") ? s : v;
-}, Y = D(H);
-function J(l) {
-  return /* @__PURE__ */ k("path", { "data-testid": "icon-path", d: l }, l);
+    n = t[22], r = t[23], l = t[24], c = t[25], s = t[26];
+  if (s !== Symbol.for("react.early_return_sentinel"))
+    return s;
+  let a;
+  t[27] !== r || t[28] !== l || t[29] !== c ? (a = /* @__PURE__ */ S("div", { className: r, ref: l, children: c }), t[27] = r, t[28] = l, t[29] = c, t[30] = a) : a = t[30];
+  let d;
+  t[31] !== i || t[32] !== C || t[33] !== E ? (d = /* @__PURE__ */ S(V, { targetRef: q, text: i, width: E, position: C }), t[31] = i, t[32] = C, t[33] = E, t[34] = d) : d = t[34];
+  let y;
+  return t[35] !== n || t[36] !== a || t[37] !== d ? (y = /* @__PURE__ */ K(n, { children: [
+    a,
+    d
+  ] }), t[35] = n, t[36] = a, t[37] = d, t[38] = y) : y = t[38], y;
+};
+function Y(m) {
+  return /* @__PURE__ */ S("path", { "data-testid": "icon-path", d: m }, m);
 }
 export {
-  Y as default
+  rt as default
 };
 //# sourceMappingURL=index.js.map

package/lib/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/icons/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport getIcons from './helper';\nimport { IconProps, ListIconType } from './types';\nimport withTooltip from '../internals/withTooltip';\nimport '../assets/styles/icon.scss';\n\nconst listIcon: ListIconType = getIcons;\n\nconst disabledIconColor = 'rgb(193, 193, 193)';\n\nconst Icon = ({\n  name,\n  onClick,\n  svgStruct,\n  size = 16,\n  style = {},\n  visible = true,\n  disabled = false,\n  customClass = '',\n  customClassForContainer = '',\n  colorStyle = 'default',\n  color,\n  viewBox,\n  pointerEvents = 'none',\n  targetRef,\n  tooltip,\n}: IconProps) => {\n  const isUsingColorStyle = colorStyle !== 'default';\n  const colorFromProp = isUsingColorStyle || !color ? undefined : color;\n  const refSvg = useRef<SVGSVGElement | null>(null);\n  const viewBoxFromIconOrSvgStrcut = name ? listIcon[name].viewbox : svgStruct?.viewbox;\n\n  const getPaths = () => (name ? listIcon[name].paths : svgStruct?.paths);\n\n  const getSvg = () => (\n    <svg\n      data-testid=\"icon\"\n      data-color-style={colorStyle}\n      onClick={() => { if (onClick && !disabled) onClick(); }}\n      ref={(r: SVGSVGElement) => { refSvg.current = r; }}\n      width={`${size}px`}\n      height={`${size}px`}\n      fill={disabled ? disabledIconColor : colorFromProp}\n      viewBox={viewBox || viewBoxFromIconOrSvgStrcut}\n      className={`icon-component ${customClass}`}\n      pointerEvents={pointerEvents}\n      style={style}>\n      {getPaths()?.map((value: string) => (<path data-testid=\"icon-path\" d={value} key={value} />))}\n    </svg>\n  );\n\n  if (color && colorStyle !== 'default') throw new Error('Expected only one of the two properties: colorStyle or color');\n  if (!name && !svgStruct) throw new Error('One of the \"name\" and \"svgStruct\" props must be filled');\n  if (!visible) return null;\n  if (!tooltip) return getSvg();\n\n  return (\n    <div\n      className={`icon-component-container ${customClassForContainer}`}\n      ref={(r) => { if (targetRef && r) targetRef(r); }}>\n      {getSvg()}\n    </div>\n  );\n};\n\nexport default withTooltip(Icon);\n"],"names":["listIcon","getIcons","disabledIconColor","Icon","t0","$","_c","name","onClick","svgStruct","size","t1","style","t2","visible","t3","disabled","t4","customClass","t5","customClassForContainer","t6","colorStyle","t7","color","viewBox","pointerEvents","t8","targetRef","tooltip","undefined","t9","colorFromProp","refSvg","useRef","viewBoxFromIconOrSvgStrcut","viewbox","t10","paths","getPaths","t11","t12","Symbol","for","bb0","getSvg","jsx","r","current","map","_temp","Error","t13","r_0","Icon$1","withTooltip","value"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/lib/icons/index.tsx"],"sourcesContent":["import { Fragment, useRef } from 'react';\nimport getIcons from './helper';\nimport { IconProps, ListIconType } from './types';\nimport '../assets/styles/icon.scss';\nimport { Tooltip } from '../tooltip';\n\nconst listIcon: ListIconType = getIcons;\n\nconst disabledIconColor = 'rgb(193, 193, 193)';\n\nconst Icon = ({\n  name,\n  onClick,\n  svgStruct,\n  size = 16,\n  style = {},\n  visible = true,\n  disabled = false,\n  customClass = '',\n  customClassForContainer = '',\n  colorStyle = 'default',\n  color,\n  viewBox,\n  pointerEvents = 'none',\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n}: IconProps) => {\n  const isUsingColorStyle = colorStyle !== 'default';\n  const colorFromProp = isUsingColorStyle || !color ? undefined : color;\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const refSvg = useRef<SVGSVGElement | null>(null);\n  const viewBoxFromIconOrSvgStrcut = name ? listIcon[name].viewbox : svgStruct?.viewbox;\n\n  const getPaths = () => (name ? listIcon[name].paths : svgStruct?.paths);\n\n  const getSvg = () => {\n    return (\n      <svg\n        data-testid=\"icon\"\n        data-color-style={colorStyle}\n        onClick={() => { if (onClick && !disabled) onClick(); }}\n        ref={(r: SVGSVGElement) => { refSvg.current = r; }}\n        width={`${size}px`}\n        height={`${size}px`}\n        fill={disabled ? disabledIconColor : colorFromProp}\n        viewBox={viewBox || viewBoxFromIconOrSvgStrcut}\n        className={`icon-component ${customClass}`}\n        pointerEvents={pointerEvents}\n        style={style}>\n        {getPaths()?.map((value: string) => (<path data-testid=\"icon-path\" d={value} key={value} />))}\n      </svg>\n    );\n  };\n\n  if (color && colorStyle !== 'default') throw new Error('Expected only one of the two properties: colorStyle or color');\n  if (!name && !svgStruct) throw new Error('One of the \"name\" and \"svgStruct\" props must be filled');\n  if (!visible) return null;\n  if (!tooltip) return getSvg();\n\n  return (\n    <Fragment>\n      <div\n        className={`icon-component-container ${customClassForContainer}`}\n        ref={containerRef}>\n        {getSvg()}\n      </div>\n      <Tooltip\n        targetRef={containerRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </Fragment>\n  );\n};\n\nexport default Icon;\n"],"names":["listIcon","getIcons","disabledIconColor","Icon","t0","$","_c","name","onClick","svgStruct","size","t1","style","t2","visible","t3","disabled","t4","customClass","t5","customClassForContainer","t6","colorStyle","t7","color","viewBox","pointerEvents","t8","tooltip","tooltipPosition","tooltipWidth","undefined","t9","colorFromProp","containerRef","useRef","refSvg","viewBoxFromIconOrSvgStrcut","viewbox","t10","paths","getPaths","T0","t11","t12","t13","t14","Symbol","for","bb0","getSvg","jsx","r","current","map","_temp","Error","Fragment","t15","t16","Tooltip","t17","value"],"mappings":"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"}

package/lib/icons/types.d.ts

@@ -2,8 +2,8 @@ import { CSSProperties } from 'react';
 import { PointerEvents } from '../@types/PointerEvents';
 import { SizePixels } from '../@types/SizePixels';
 import { IconNames } from '../@types/Icon';
-import { Position } from '../@types/Position';
 import { ColorStyles } from '../@types/ColorStyles';
+import { ITooltipCommonProps } from '../tooltip/types';
 export type ListIconType = {
     [name: string]: {
         viewbox: string;
@@ -14,7 +14,7 @@ type SvgStruct = {
     viewbox: string;
     paths: Array<string>;
 };
-type BaseIconProps = {
+type BaseIconProps = ITooltipCommonProps & {
     size?: SizePixels;
     customClass?: string;
     customClassForContainer?: string;
@@ -24,10 +24,6 @@ type BaseIconProps = {
     pointerEvents?: PointerEvents;
     viewBox?: string;
     onClick?: () => void;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
-    targetRef?: (ref: HTMLDivElement) => void;
 };
 type ColorProps = ({
     colorStyle?: ColorStyles | 'default';

package/lib/index.js

@@ -1,13 +1,13 @@
 import { default as p } from "./panel/Default.js";
-import { default as d } from "./icons/index.js";
+import './assets/styles/label.css';import './assets/styles/button.css';import './assets/styles/panel.css';/* empty css                         */
+import { default as d } from "./toolbar/index.js";
+import "react/jsx-runtime";
+import "./_virtual/compiler-runtime.js";
 import { default as u } from "./buttons/Button.js";
-import './styles/assets/styles/label.css';import './styles/assets/styles/panel.css';import './styles/assets/styles/noPermission.css';import './styles/assets/styles/button.css';/* empty css                          */
-import "./panel/helpers.js";
-/* empty css                                */
-/* empty css                         */
-import { default as i } from "./toolbar/index.js";
-import { default as n } from "./labels/DefaultLabel.js";
+/* empty css                          */
+import { default as i } from "./labels/DefaultLabel.js";
 /* empty css                         */
+import { default as n } from "./icons/index.js";
 import { default as T } from "./list/index.js";
 import { default as g } from "./radio/index.js";
 import { default as D } from "./tabs/index.js";
@@ -15,12 +15,12 @@ import { default as P } from "./dialog/base/index.js";
 export {
   u as Button,
   P as Dialog,
-  d as Icon,
-  n as Label,
+  n as Icon,
+  i as Label,
   T as List,
   p as Panel,
   g as Radio,
   D as Tab,
-  i as Toolbar
+  d as Toolbar
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/base/InputTextBase.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputTextBase.js","sources":["../../../src/lib/inputs/base/InputTextBase.tsx"],"sourcesContent":["import React, { useEffect, KeyboardEvent, useRef, useState, MouseEvent } from 'react';\nimport _ from 'lodash';\nimport inputHOC from '../inputHOC';\nimport '../../assets/styles/input.scss';\nimport * as helpers from './helpers';\nimport withTooltip from '../../internals/withTooltip';\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 from '../../popover';\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    targetRef,\n    skeletonize = false,\n    style,\n    styleForInputContent,\n    styleForWrapper,\n    styleForLabel,\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  } = 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\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        if (targetRef) targetRef(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: React.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: React.DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDragOver) onDragOver(e);\n        },\n        onDrop: (e: React.DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDrop) onDrop(e);\n        },\n        onDragLeave: (e: React.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: React.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            labelRef={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                  {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    </div>\n  );\n};\n\nexport default inputHOC(withTooltip(InputTextBase));\n"],"names":["InputTextBase","props","textAlign","value","defaultValue","type","readOnly","placeHolder","required","leftElements","rightElements","children","customClass","customClassForInputContent","customClassForLabel","customClassForSideButtons","inputRef","inputBaseRef","label","labelUppercase","hint","hintPosition","errorMessages","visible","permissionAttr","onDeniedActions","handlerSetOnDenied","targetRef","skeletonize","style","styleForInputContent","styleForWrapper","styleForSideButtons","disabled","autoFocus","maxLength","name","id","multiple","accept","onChange","onDragOver","onDrop","onDragLeave","onClick","readOnlyClass","autoComplete","themePopover","popoverAlign","tabIndex","propsInput","options","OPTIONS_ON_DENIED","unvisible","hideContent","labelRef","useRef","onDenied","actionsOnPermissionDenied","showTooltip","setShowTooltip","useState","useEffect","applyTabIndex","shouldDisable","shouldBeReadOnly","inputProps","disableCallbacks","placeholder","className","helpers","ref","r","_","isFunction","current","onFocus","e","onInputReceiveFocus","onBlur","onInputLostFocus","onKeyDown","onKeyPress","onHoverLabel","target","offsetWidth","scrollWidth","resize","ResizeObserver","element","prevState","overflowing","clientWidth","observe","disconnect","jsxs","jsx","TextContent","toString","display","alignSelf","Popover","margin","height","width","rows","cols","Hint","ErrorMessage","InputTextBase$1","inputHOC","withTooltip"],"mappings":"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"}
+{"version":3,"file":"InputTextBase.js","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"],"names":["InputTextBase","props","textAlign","value","defaultValue","type","readOnly","placeHolder","required","leftElements","rightElements","children","customClass","customClassForInputContent","customClassForLabel","customClassForSideButtons","inputRef","inputBaseRef","label","labelUppercase","hint","hintPosition","errorMessages","visible","permissionAttr","onDeniedActions","handlerSetOnDenied","skeletonize","style","styleForInputContent","styleForWrapper","styleForSideButtons","disabled","autoFocus","maxLength","name","id","multiple","accept","onChange","onDragOver","onDrop","onDragLeave","onClick","readOnlyClass","autoComplete","themePopover","popoverAlign","tabIndex","tooltip","tooltipPosition","tooltipWidth","propsInput","options","OPTIONS_ON_DENIED","unvisible","hideContent","labelRef","useRef","onDenied","actionsOnPermissionDenied","showTooltip","setShowTooltip","useState","inputElementRef","useEffect","applyTabIndex","shouldDisable","shouldBeReadOnly","inputProps","disableCallbacks","placeholder","className","helpers","ref","r","_","isFunction","current","onFocus","e","onInputReceiveFocus","onBlur","onInputLostFocus","onKeyDown","onKeyPress","onHoverLabel","target","offsetWidth","scrollWidth","resize","ResizeObserver","element","prevState","overflowing","clientWidth","observe","disconnect","jsxs","jsx","TextContent","toString","display","alignSelf","Popover","margin","height","width","PopoverText","rows","cols","Hint","ErrorMessage","Tooltip","InputTextBase$1","inputHOC"],"mappings":"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"}

package/lib/inputs/base/helpers.js

@@ -1,5 +1,5 @@
-import a from "react";
-import l from "../../_virtual/lodash.js";
+import { cloneElement as l } from "react";
+import u from "../../_virtual/lodash.js";
 const p = ({
   textAlign: r,
   readOnly: t,
@@ -17,15 +17,15 @@ const p = ({
           ${s && s.length > 0 && " -requirederror"}
           ${e && " -roundedborders"}
           ${o && " -disabled"}`;
-}, c = (r, t, n) => {
+}, m = (r, t, n) => {
   let e = n || [];
-  return t ? null : (l.isArray(e) || (e = [e]), e = e.map((s, o) => s && a.cloneElement(s, {
+  return t ? null : (u.isArray(e) || (e = [e]), e = e.map((s, o) => s && l(s, {
     key: `rightelement-${o + 1}`
   })), e);
 };
 export {
   p as getInputClass,
   d as getInputWrapperClass,
-  c as getRightElements
+  m as getRightElements
 };
 //# sourceMappingURL=helpers.js.map