linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/inputs/base/InputTextBase.js

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

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -2,9 +2,9 @@ import { JSX } from 'react';
 import { IBaseProps } from './types';
 import { TextAlign } from '../../../lib/@types/Align';
 export declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
-    textAlign?: TextAlign | undefined;
-    readOnly?: boolean | undefined;
-    readOnlyClass?: string | undefined;
+    textAlign?: TextAlign;
+    readOnly?: boolean;
+    readOnlyClass?: string;
 }) => string;
 export declare const getInputWrapperClass: (props: IBaseProps) => string;
 export declare const getRightElements: (errorMessages: string[], skeletonize: boolean, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element[] | null;

package/lib/inputs/base/helpers.js

@@ -1,5 +1,5 @@
-import a from "react";
-import l from "lodash";
+import { cloneElement as l } from "react";
+import u from "../../_virtual/lodash.js";
 const p = ({
   textAlign: r,
   readOnly: t,
@@ -17,12 +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, { key: `rightelement-${o + 1}` })), e);
+  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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","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"],"names":["getInputClass","textAlign","readOnly","readOnlyClass","getInputWrapperClass","props","inputHasFocus","customClassForWrapper","rounded","errorMessages","disabled","length","getRightElements","skeletonize","rightElements","elements","_","isArray","map","element","index","cloneElement","key"],"mappings":";;AAKO,MAAMA,IAAgBA,CAAC;AAAA,EAC5BC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA;AAKF,MAAM,wBAAwBF,CAAS,IAAIE,CAAa,IAAID,IAAW,eAAe,EAAE,IAE3EE,IAAuBA,CAACC,MAAsB;AACzD,QAAM;AAAA,IACJC,eAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,UAAAA;AAAAA,EAAAA,IACEL;AACJ,SAAO,gBAAgBC,KAAiB,aAAa;AAAA,YAC3CC,CAAqB;AAAA,YACpBE,KAAiBA,EAAcE,SAAS,KAAM,iBAAiB;AAAA,YAChEH,KAAW,kBAAkB;AAAA,YAC7BE,KAAY,YAAY;AACpC,GAEaE,IAAmBA,CAC9BH,GACAI,GACAC,MACG;AACH,MAAIC,IAAWD,KAAiB,CAAA;AAChC,SAAID,IAAoB,QACnBG,EAAEC,QAAQF,CAAQ,MACrBA,IAAW,CAACA,CAAQ,IAEtBA,IAAWA,EAASG,IAAI,CAACC,GAAcC,MAAkBD,KAAWE,EAAaF,GAAS;AAAA,IAAEG,KAAK,gBAAgBF,IAAQ,CAAC;AAAA,EAAA,CAAI,CAAC,GACrGL;AAG5B;"}

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;