linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs2/textareafield/index.js

@@ -1,191 +1,136 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-Object.defineProperty(exports, "LeftSlot", {
-  enumerable: true,
-  get: function () {
-    return _slot.LeftSlot;
-  }
-});
-Object.defineProperty(exports, "RightSlot", {
-  enumerable: true,
-  get: function () {
-    return _slot.RightSlot;
-  }
-});
-require("../../assets/styles/textfield.scss");
-var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _hint = _interopRequireDefault(require("../../hint"));
-var _tooltip = require("../../tooltip");
-var _textContent = _interopRequireDefault(require("../../textContent"));
-var _helpers = require("../../form2/helpers");
-var _popover = _interopRequireWildcard(require("../../popover"));
-var _permissionValidations = require("../../permissionValidations");
-var _slot = require("../slot");
-const _excluded = ["name", "label", "errors", "children", "maxLength", "onDeniedActions", "permissionAttr", "customClass", "customClassLabel", "customClassWrapper", "customClassInputContainer", "textAlign", "labelUppercase", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "tooltip", "tooltipPosition", "tooltipWidth", "hint"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-      name,
-      label,
-      errors,
-      children,
-      maxLength = undefined,
-      onDeniedActions = undefined,
-      permissionAttr = undefined,
-      customClass = '',
-      customClassLabel = '',
-      customClassWrapper = '',
-      customClassInputContainer = '',
-      textAlign = 'left',
-      labelUppercase = false,
-      skeletonize = false,
-      hintPosition = 'below',
-      gridLayout = undefined,
-      themePopover = 'light',
-      popoverAlign = 'left',
-      tooltip,
-      tooltipPosition,
-      tooltipWidth,
-      hint
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const onDenied = _react.default.useMemo(() => {
-    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
-  }, [onDeniedActions, permissionAttr]);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const inputRef = _react.default.useRef(null);
-  const counterRef = _react.default.useRef(null);
-  const textAreaInternalRef = _react.default.useRef(null);
-  const hasLabel = !_lodash.default.isEmpty(props?.label);
-  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
-  const isDisabled = Boolean(props.disabled || onDenied.disabled);
-  const hasHintMessages = Boolean(props.hint?.length);
-  const hintMustBeOnLabel = hintPosition === 'onLabelRight';
-  const hasValidationErrors = Boolean(errors?.length);
-  const hasMaxLengthCondition = Boolean(maxLength);
+import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { c as qt } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/textfield.css';/* empty css                                 */
+import Lt from "../../_virtual/lodash.js";
+import { forwardRef as wt, useRef as yt, useEffect as Ft, Fragment as At } from "react";
+import Mt from "../../gridlayout/GridCol.js";
+import Wt from "../../hint/index.js";
+import jt from "../../tooltip/index.js";
+import Ht from "../../textContent/index.js";
+import { mergeRefs as Ut } from "../../form2/helpers.js";
+import Gt from "../../popover/index.js";
+import { actionsOnPermissionDenied as Vt, OPTIONS_ON_DENIED as et } from "../../permissionValidations.js";
+import { getSlotsElements as Jt } from "../slot/index.js";
+import { LeftSlot as ge, RightSlot as be } from "../slot/index.js";
+import Kt from "../../popover/PopoverText.js";
+const Qt = [et.disabled, et.unvisible, et.readOnly, et.hideContent], Xt = wt((l, I) => {
+  const t = qt.c(106);
+  let u, d, i, m, o, h, P, B, D, k, z, _, T, q, w, F, M, W, j, H, p, g, b;
+  t[0] !== l ? ({
+    name: o,
+    label: m,
+    errors: d,
+    children: u,
+    maxLength: P,
+    onDeniedActions: B,
+    permissionAttr: T,
+    customClass: q,
+    customClassLabel: w,
+    customClassWrapper: F,
+    customClassInputContainer: M,
+    textAlign: W,
+    labelUppercase: j,
+    skeletonize: H,
+    hintPosition: D,
+    gridLayout: k,
+    themePopover: z,
+    popoverAlign: _,
+    tooltip: p,
+    tooltipPosition: g,
+    tooltipWidth: b,
+    hint: i,
+    ...h
+  } = l, t[0] = l, t[1] = u, t[2] = d, t[3] = i, t[4] = m, t[5] = o, t[6] = h, t[7] = P, t[8] = B, t[9] = D, t[10] = k, t[11] = z, t[12] = _, t[13] = T, t[14] = q, t[15] = w, t[16] = F, t[17] = M, t[18] = W, t[19] = j, t[20] = H, t[21] = p, t[22] = g, t[23] = b) : (u = t[1], d = t[2], i = t[3], m = t[4], o = t[5], h = t[6], P = t[7], B = t[8], D = t[9], k = t[10], z = t[11], _ = t[12], T = t[13], q = t[14], w = t[15], F = t[16], M = t[17], W = t[18], j = t[19], H = t[20], p = t[21], g = t[22], b = t[23]);
+  const s = P === void 0 ? void 0 : P, lt = B === void 0 ? void 0 : B, ot = T === void 0 ? void 0 : T, $t = q === void 0 ? "" : q, nt = w === void 0 ? "" : w, It = F === void 0 ? "" : F, Pt = M === void 0 ? "" : M, st = W === void 0 ? "left" : W, it = j === void 0 ? !1 : j, e = H === void 0 ? !1 : H, U = D === void 0 ? "below" : D, at = k === void 0 ? void 0 : k, rt = z === void 0 ? "light" : z, ct = _ === void 0 ? "left" : _;
+  let G;
+  t[24] !== lt || t[25] !== ot ? (G = lt || Vt(Qt, ot), t[24] = lt, t[25] = ot, t[26] = G) : G = t[26];
+  const dt = G, {
+    hideContent: Bt,
+    unvisible: Dt
+  } = dt, Nt = yt(null), V = yt(null), mt = yt(null);
+  let J;
+  t[27] !== l.label ? (J = Lt.isEmpty(l?.label), t[27] = l.label, t[28] = J) : J = t[28];
+  const ht = !J, r = !!(l.readOnly || dt.readOnly), n = !!(l.disabled || dt.disabled), Et = !!l.hint?.length, Rt = U === "onLabelRight", a = !!d?.length, v = !!s;
+  let K;
+  t[29] !== u || t[30] !== n ? (K = Jt(u, n), t[29] = u, t[30] = n, t[31] = K) : K = t[31];
   const {
-    leftSlotElements,
-    rightSlotElements
-  } = _react.default.useMemo(() => {
-    const left = [];
-    const right = [];
-    _react.default.Children.map(children, (childElement, index) => {
-      if (/*#__PURE__*/_react.default.isValidElement(childElement)) {
-        const clonedChild = /*#__PURE__*/_react.default.cloneElement(childElement, {
-          key: childElement.key ?? `slot-${index}`,
-          disabled: isDisabled,
-          'aria-disabled': isDisabled
-        });
-        if (childElement.type === _slot.LeftSlot) left.push(clonedChild);
-        if (childElement.type === _slot.RightSlot) right.push(clonedChild);
-      }
-    });
-    return {
-      leftSlotElements: left,
-      rightSlotElements: right
-    };
-  }, [children, isDisabled]);
-  const hasLeftSlotElements = Boolean(leftSlotElements?.length);
-  const hasRightSlotElements = Boolean(rightSlotElements?.length);
-  const handleOnInputData = event => {
-    const target = event.target;
-    const currentLength = target.value.length;
-    if (counterRef.current) {
-      counterRef.current.textContent = `${currentLength}/${maxLength}`;
-      /**
-       * Cálculo faz referência ao tamanho do espaço ocupado do contador de caracteres.
-       * Isso evita quebra de layout da interface.
-       */
-      counterRef.current.style.width = `${_lodash.default.toNumber(maxLength?.toString().length) * 7 * 2 + 6}px`;
-    }
-  };
-  _react.default.useEffect(() => {
-    textAreaInternalRef?.current?.addEventListener('input', handleOnInputData);
-    return () => {
-      textAreaInternalRef?.current?.removeEventListener('input', handleOnInputData);
-    };
-  }, []);
-  if (unvisible || hideContent) return null;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    cols: gridLayout
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: inputRef,
-    className: `text-field-root ${customClassWrapper}`,
-    "data-state-error": hasValidationErrors
-  }, hasLabel && /*#__PURE__*/_react.default.createElement("span", {
-    className: `root-label ${customClassLabel}`,
-    "data-state-skeletonize": skeletonize
-  }, /*#__PURE__*/_react.default.createElement("label", {
-    className: "label",
-    title: label,
-    htmlFor: name,
-    "data-state-disabled": isDisabled,
-    "data-state-read-only": isReadOnly,
-    "data-state-input-required": props.required,
-    "data-state-label-uppercase": labelUppercase
-  }, label), hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    customClass: "label-popover",
-    theme: themePopover,
-    align: popoverAlign,
-    iconColor: "#03bde2"
-  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
-    text: hint
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    "data-state-skeletonize": skeletonize,
-    className: `container ${customClassInputContainer}`
-  }, hasLeftSlotElements && !skeletonize && leftSlotElements, /*#__PURE__*/_react.default.createElement("textarea", _extends({
-    ref: (0, _helpers.mergeRefs)(ref, textAreaInternalRef),
-    id: name,
-    readOnly: isReadOnly,
-    disabled: isDisabled,
-    maxLength: maxLength,
-    className: `input ${customClass}`,
-    tabIndex: !isReadOnly ? 0 : -1,
-    placeholder: rest.placeholder,
-    "data-state-error": hasValidationErrors,
-    "data-state-read-only": isReadOnly,
-    "data-state-text-align": textAlign,
-    "data-state-skeletonize": skeletonize
-  }, rest)), hasRightSlotElements && !skeletonize && rightSlotElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: "footer",
-    "data-state-has-max-length": hasMaxLengthCondition,
-    "data-state-has-hint": hasHintMessages && !hintMustBeOnLabel
-  }, /*#__PURE__*/_react.default.createElement(_hint.default, {
-    customClass: "hint",
-    description: hint,
-    disabled: isDisabled,
-    skeletonize: skeletonize,
-    visible: !hintMustBeOnLabel && hasHintMessages
-  }), hasMaxLengthCondition && /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    ref: counterRef,
-    as: "span",
-    className: "max-length-counter"
-  }, "0/", _lodash.default.toNumber(maxLength))), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
-    className: "error",
-    "data-state-skeletonize": skeletonize,
-    "aria-describedby": String(name).concat('-errors')
-  }, errors?.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-    key: `${index + 1}-${error}`
-  }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: inputRef,
-    text: tooltip,
-    width: tooltipWidth,
-    position: tooltipPosition
-  }));
+    leftSlotElements: Ot,
+    rightSlotElements: St
+  } = K, kt = !!Ot?.length, zt = !!St?.length;
+  let Q;
+  t[32] !== s ? (Q = (_t) => {
+    const Tt = _t.target.value.length;
+    V.current && (V.current.textContent = `${Tt}/${s}`, V.current.style.width = `${Lt.toNumber(s?.toString().length) * 7 * 2 + 6}px`);
+  }, t[32] = s, t[33] = Q) : Q = t[33];
+  const X = Q;
+  let Y;
+  t[34] !== X ? (Y = () => (mt?.current?.addEventListener("input", X), () => {
+    mt?.current?.removeEventListener("input", X);
+  }), t[34] = X, t[35] = Y) : Y = t[35];
+  let Z;
+  if (t[36] === Symbol.for("react.memo_cache_sentinel") ? (Z = [], t[36] = Z) : Z = t[36], Ft(Y, Z), Dt || Bt)
+    return null;
+  const ft = `text-field-root ${It}`;
+  let x;
+  t[37] !== nt || t[38] !== ht || t[39] !== i || t[40] !== U || t[41] !== n || t[42] !== r || t[43] !== m || t[44] !== it || t[45] !== o || t[46] !== ct || t[47] !== l.required || t[48] !== e || t[49] !== rt ? (x = ht && /* @__PURE__ */ f("span", { className: `root-label ${nt}`, "data-state-skeletonize": e, children: [
+    /* @__PURE__ */ c("label", { className: "label", title: m, htmlFor: o, "data-state-disabled": n, "data-state-read-only": r, "data-state-input-required": l.required, "data-state-label-uppercase": it, children: m }),
+    i && U === "onLabelRight" && !e && /* @__PURE__ */ c(Gt, { customClass: "label-popover", theme: rt, align: ct, iconColor: "#03bde2", children: /* @__PURE__ */ c(Kt, { text: i }) })
+  ] }), t[37] = nt, t[38] = ht, t[39] = i, t[40] = U, t[41] = n, t[42] = r, t[43] = m, t[44] = it, t[45] = o, t[46] = ct, t[47] = l.required, t[48] = e, t[49] = rt, t[50] = x) : x = t[50];
+  const ut = `container ${Pt}`, pt = kt && !e && Ot;
+  let C;
+  t[51] !== I ? (C = Ut(I, mt), t[51] = I, t[52] = C) : C = t[52];
+  const gt = `input ${$t}`, bt = r ? -1 : 0;
+  let L;
+  t[53] !== a || t[54] !== n || t[55] !== r || t[56] !== s || t[57] !== o || t[58] !== h || t[59] !== e || t[60] !== C || t[61] !== gt || t[62] !== bt || t[63] !== st ? (L = /* @__PURE__ */ c("textarea", { ref: C, id: o, readOnly: r, disabled: n, maxLength: s, className: gt, tabIndex: bt, placeholder: h.placeholder, "data-state-error": a, "data-state-read-only": r, "data-state-text-align": st, "data-state-skeletonize": e, ...h }), t[53] = a, t[54] = n, t[55] = r, t[56] = s, t[57] = o, t[58] = h, t[59] = e, t[60] = C, t[61] = gt, t[62] = bt, t[63] = st, t[64] = L) : L = t[64];
+  const vt = zt && !e && St;
+  let y;
+  t[65] !== e || t[66] !== ut || t[67] !== pt || t[68] !== L || t[69] !== vt ? (y = /* @__PURE__ */ f("div", { "data-state-skeletonize": e, className: ut, children: [
+    pt,
+    L,
+    vt
+  ] }), t[65] = e, t[66] = ut, t[67] = pt, t[68] = L, t[69] = vt, t[70] = y) : y = t[70];
+  const xt = Et && !Rt, Ct = !Rt && Et;
+  let N;
+  t[71] !== i || t[72] !== n || t[73] !== e || t[74] !== Ct ? (N = /* @__PURE__ */ c(Wt, { customClass: "hint", description: i, disabled: n, skeletonize: e, visible: Ct }), t[71] = i, t[72] = n, t[73] = e, t[74] = Ct, t[75] = N) : N = t[75];
+  let E;
+  t[76] !== v || t[77] !== s ? (E = v && /* @__PURE__ */ f(Ht, { ref: V, as: "span", className: "max-length-counter", children: [
+    "0/",
+    Lt.toNumber(s)
+  ] }), t[76] = v, t[77] = s, t[78] = E) : E = t[78];
+  let R;
+  t[79] !== v || t[80] !== xt || t[81] !== N || t[82] !== E ? (R = /* @__PURE__ */ f("div", { className: "footer", "data-state-has-max-length": v, "data-state-has-hint": xt, children: [
+    N,
+    E
+  ] }), t[79] = v, t[80] = xt, t[81] = N, t[82] = E, t[83] = R) : R = t[83];
+  let O;
+  t[84] !== d || t[85] !== a || t[86] !== o || t[87] !== e ? (O = a && /* @__PURE__ */ c("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(o).concat("-errors"), children: d?.map(Yt) }), t[84] = d, t[85] = a, t[86] = o, t[87] = e, t[88] = O) : O = t[88];
+  let S;
+  t[89] !== a || t[90] !== ft || t[91] !== x || t[92] !== y || t[93] !== R || t[94] !== O ? (S = /* @__PURE__ */ f("div", { ref: Nt, className: ft, "data-state-error": a, children: [
+    x,
+    y,
+    R,
+    O
+  ] }), t[89] = a, t[90] = ft, t[91] = x, t[92] = y, t[93] = R, t[94] = O, t[95] = S) : S = t[95];
+  let A;
+  t[96] !== at || t[97] !== S ? (A = /* @__PURE__ */ c(Mt, { cols: at, children: S }), t[96] = at, t[97] = S, t[98] = A) : A = t[98];
+  let $;
+  t[99] !== p || t[100] !== g || t[101] !== b ? ($ = /* @__PURE__ */ c(jt, { targetRef: Nt, text: p, width: b, position: g }), t[99] = p, t[100] = g, t[101] = b, t[102] = $) : $ = t[102];
+  let tt;
+  return t[103] !== A || t[104] !== $ ? (tt = /* @__PURE__ */ f(At, { children: [
+    A,
+    $
+  ] }), t[103] = A, t[104] = $, t[105] = tt) : tt = t[105], tt;
 });
-Input.displayName = 'TextAreaFieldInput';
+Xt.displayName = "TextAreaFieldInput";
+function Yt(l, I) {
+  return /* @__PURE__ */ f(At, { children: [
+    l,
+    " "
+  ] }, `${I + 1}-${l}`);
+}
+export {
+  Xt as Input,
+  ge as LeftSlot,
+  be as RightSlot
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/textareafield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textareafield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport _ from 'lodash';\nimport { ITooltipCommonProps } from 'src/lib/tooltip/types';\nimport { ComponentPropsWithoutRef, forwardRef, Fragment, useEffect, useRef } from 'react';\nimport GridCol from '../../gridlayout';\nimport Hint from '../../hint';\nimport { Tooltip } from '../../tooltip';\nimport TextContent from '../../textContent';\nimport { mergeRefs } from '../../form2/helpers';\nimport Popover, { PopoverText } from '../../popover';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { getSlotsElements, LeftSlot, RightSlot, type SlotProps } from '../slot';\n\ninterface TextAreaFieldInputProps extends ComponentPropsWithoutRef<'textarea'>, ITooltipCommonProps {\n  hint?: string;\n  label?: string;\n  errors?: string[];\n  gridLayout?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  customClassInputContainer?: string;\n  rounded?: boolean;\n  readOnly?: boolean;\n  skeletonize?: boolean\n  labelUppercase?: boolean;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = forwardRef<HTMLTextAreaElement, TextAreaFieldInputProps>((props, ref) => {\n  const {\n    name, label, errors, children, maxLength = undefined, onDeniedActions = undefined, \n    permissionAttr = undefined, customClass = '', customClassLabel = '', customClassWrapper = '', \n    customClassInputContainer = '', textAlign = 'left', labelUppercase = false, skeletonize = false, \n    hintPosition = 'below', gridLayout = undefined, themePopover = 'light', popoverAlign = 'left',\n    tooltip, tooltipPosition, tooltipWidth, hint, ...rest\n  } = props;\n  const onDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const counterRef = useRef<HTMLElement | null>(null);\n  const textAreaInternalRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const hasLabel = !_.isEmpty(props?.label);\n  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(props.disabled || onDenied.disabled);\n  const hasHintMessages = Boolean(props.hint?.length);\n  const hintMustBeOnLabel = hintPosition === 'onLabelRight';\n  const hasValidationErrors = Boolean(errors?.length);\n  const hasMaxLengthCondition = Boolean(maxLength);\n\n  const { leftSlotElements, rightSlotElements } = getSlotsElements(children, isDisabled);\n\n  const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n  const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n  const handleOnInputData = (event: Event) => {\n    const target = event.target as HTMLTextAreaElement;\n    const currentLength = target.value.length;\n    if (counterRef.current) {\n      counterRef.current.textContent = `${currentLength}/${maxLength}`;\n      /**\n       * Cálculo faz referência ao tamanho do espaço ocupado do contador de caracteres.\n       * Isso evita quebra de layout da interface.\n       */\n      counterRef.current.style.width = `${((_.toNumber(maxLength?.toString().length) * 7) * 2) + 6}px`;\n    }\n  };\n\n  useEffect(() => {\n    textAreaInternalRef?.current?.addEventListener('input', handleOnInputData);\n\n    return () => { textAreaInternalRef?.current?.removeEventListener('input', handleOnInputData); };\n  }, []);\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <Fragment>\n      <GridCol cols={gridLayout}>\n        <div\n          ref={inputRef}\n          className={`text-field-root ${customClassWrapper}`}\n          data-state-error={hasValidationErrors}>\n          {hasLabel && (\n            <span\n              className={`root-label ${customClassLabel}`}\n              data-state-skeletonize={skeletonize}>\n              <label\n                className=\"label\"\n                title={label}\n                htmlFor={name}\n                data-state-disabled={isDisabled}\n                data-state-read-only={isReadOnly}\n                data-state-input-required={props.required}\n                data-state-label-uppercase={labelUppercase}>\n                {label}\n              </label>\n              {hint && hintPosition === 'onLabelRight' && !skeletonize && (\n                <Popover\n                  customClass=\"label-popover\"\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\">\n                  <PopoverText text={hint} />\n                </Popover>\n              )}\n            </span>\n          )}\n          <div\n            data-state-skeletonize={skeletonize}\n            className={`container ${customClassInputContainer}`}>\n            {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n            <textarea\n              ref={mergeRefs(ref, textAreaInternalRef)}\n              id={name}\n              readOnly={isReadOnly}\n              disabled={isDisabled}\n              maxLength={maxLength}\n              className={`input ${customClass}`}\n              tabIndex={!isReadOnly ? 0 : -1}\n              placeholder={rest.placeholder}\n              data-state-error={hasValidationErrors}\n              data-state-read-only={isReadOnly}\n              data-state-text-align={textAlign}\n              data-state-skeletonize={skeletonize}\n              {...rest} />\n            {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n          </div>\n          <div \n            className=\"footer\"\n            data-state-has-max-length={hasMaxLengthCondition}\n            data-state-has-hint={hasHintMessages && !hintMustBeOnLabel}>\n            <Hint\n              customClass=\"hint\"\n              description={hint}\n              disabled={isDisabled}\n              skeletonize={skeletonize}\n              visible={!hintMustBeOnLabel && hasHintMessages} />\n            {hasMaxLengthCondition && (\n              <TextContent ref={counterRef} as=\"span\" className=\"max-length-counter\">\n                0/\n                {_.toNumber(maxLength)}\n              </TextContent>\n            )}\n          </div>\n          {hasValidationErrors && (\n            <span\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <Fragment key={`${index + 1}-${error}`}>\n                  {error}\n&nbsp;\n                </Fragment>\n              ))}\n            </span>\n          )}\n        </div>\n      </GridCol>\n      <Tooltip\n        targetRef={inputRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </Fragment>\n  );\n});\n\nInput.displayName = 'TextAreaFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { TextAreaFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","props","ref","$","_c","children","errors","hint","label","name","rest","t0","t1","t10","t11","t12","t13","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","maxLength","onDeniedActions","permissionAttr","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","gridLayout","themePopover","popoverAlign","undefined","t14","actionsOnPermissionDenied","onDenied","inputRef","useRef","counterRef","textAreaInternalRef","t15","_","isEmpty","hasLabel","isReadOnly","Boolean","isDisabled","hasHintMessages","length","hintMustBeOnLabel","hasValidationErrors","hasMaxLengthCondition","t16","getSlotsElements","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t17","event","currentLength","target","value","current","textContent","style","width","toNumber","toString","handleOnInputData","t18","addEventListener","removeEventListener","t19","Symbol","for","useEffect","t20","t21","required","jsx","Popover","PopoverText","t22","t23","t24","mergeRefs","t25","t26","t27","placeholder","t28","t29","jsxs","t30","t31","t32","Hint","t33","TextContent","t34","t35","String","concat","map","_temp","t36","t37","GridCol","t38","Tooltip","t39","Fragment","displayName","error","index"],"mappings":"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"}

package/lib/inputs2/textfield/index.d.ts

@@ -1,8 +1,30 @@
-import 'react';
-import '../../@types/Align.js';
-import '../../@types/ColorStyles.js';
-import '../../@types/Position.js';
-import '../../@types/PermissionAttr.js';
-export { LeftSlot, RightSlot } from '../slot/index.js';
-import '../../tooltip/types.js';
-export { I as Input, T as TextFieldInputProps } from '../../index-3b70931d.js';
+import { ComponentPropsWithoutRef } from 'react';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+import { LeftSlot, RightSlot } from '../slot';
+import { ITooltipCommonProps } from '../../tooltip/types';
+interface TextFieldInputProps extends ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: import('react').ForwardRefExoticComponent<TextFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input, LeftSlot, RightSlot };
+export type { TextFieldInputProps };