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

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

@@ -1 +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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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textareafield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { LeftSlot, RightSlot } from '../slot';\nimport { InputBase, TextAreaFieldInputBaseProps } from './base';\n\ninterface TextAreaFieldInputProps extends TextAreaFieldInputBaseProps {\n  gridLayout?: string;\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 = React.forwardRef<HTMLTextAreaElement, TextAreaFieldInputProps>((\n  {\n    readOnly, disabled, onDeniedActions = undefined, permissionAttr = undefined, gridLayout, \n    ...props\n  },\n  ref,\n) => {\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies TextAreaFieldInputBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\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","React","forwardRef","t0","ref","$","_c","gridLayout","props","t1","t2","onDeniedActions","permissionAttr","undefined","t3","actionsOnPermissionDenied","onDenied","isReadOnly","Boolean","isDisabled","t4","inputProps","t5","jsx","InputBase","t6","GridCol","displayName"],"mappings":";;;;;;;;AAeA,MAAMA,IAAU,CACdC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAEzBC,IAAQC,EAAMC,WAAyD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAV,GAAAW,GAAAC,GAAAV,GAAAW,GAAAC;AAAA,EAAAL,SAAAF,KAC3E;AAAA,IAAAL,UAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAAe,iBAAAF;AAAAA,IAAAG,gBAAAF;AAAAA,IAAAH,YAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAL,GAGCE,OAAAF,GAAAE,OAAAT,GAAAS,OAAAE,GAAAF,OAAAG,GAAAH,OAAAP,GAAAO,OAAAI,GAAAJ,OAAAK,MAAAd,IAAAS,EAAA,CAAA,GAAAE,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAP,IAAAO,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAFqB,QAAAM,IAAAF,MAAAI,SAAAA,SAAAJ,GAA6BG,IAAAF,MAAAG,SAAAA,SAAAH;AAA0B,MAAAI;AAAA,EAAAT,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAKlDE,IAAAH,KAAmBI,EAA0BrB,GAASkB,CAAc,GAACP,OAAAM,GAAAN,OAAAO,GAAAP,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAhG,QAAAW,IAA2BF,GAC3B;AAAA,IAAAf,aAAAA;AAAAA,IAAAF,WAAAA;AAAAA,EAAAA,IAAmCmB,GACnCC,IAAmBC,GAAQpB,KAAYkB,EAAQlB,WAC/CqB,IAAmBD,GAAQtB,KAAYoB,EAAQpB;AAAW,MAAAwB;AAAA,EAAAf,EAAA,EAAA,MAAAc,KAAAd,UAAAY,KAAAZ,EAAA,EAAA,MAAAG,KACvCY,IAAA;AAAA,IAAAtB,UACPmB;AAAAA,IAAUrB,UAAYuB;AAAAA,IAAU,GAAKX;AAAAA,EAAAA,GAChDH,QAAAc,GAAAd,QAAAY,GAAAZ,QAAAG,GAAAH,QAAAe,KAAAA,IAAAf,EAAA,EAAA;AAFD,QAAAgB,IAAmBD;AAInB,MAAIvB,KAAAE;AAAwB,WAAS;AAErC,MAAIQ,GAAU;AAAA,QAAAe;AAAA,IAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAD,KAGRkB,IAAA,gBAAAC,EAACC,GAAA,EAAepB,KAAAA,GAAG,GAAMiB,EAAAA,CAAU,GAAIhB,QAAAgB,GAAAhB,QAAAD,GAAAC,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAAA,QAAAoB;AAAA,WAAApB,EAAA,EAAA,MAAAE,KAAAF,UAAAiB,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAcnB,MAAAA,GACbe,UAAAA,GACF,GAAUjB,QAAAE,GAAAF,QAAAiB,GAAAjB,QAAAoB,KAAAA,IAAApB,EAAA,EAAA,GAFVoB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAD,KAGCkB,IAAA,gBAAAC,EAACC,GAAA,EAAepB,KAAAA,GAAG,GAAMiB,EAAAA,CAAU,GAAIhB,QAAAgB,GAAAhB,QAAAD,GAAAC,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAvCiB;AAAuC,CAE1C;AAEDtB,EAAM2B,cAAc;"}

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { TextAlign } from '../../@types/Align';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+export interface TextFieldInputBaseProps extends React.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    errors?: 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'>;
+}
+export declare const InputBase: React.ForwardRefExoticComponent<TextFieldInputBaseProps & React.RefAttributes<HTMLInputElement>>;

package/lib/inputs2/textfield/base.js

@@ -0,0 +1,107 @@
+import { jsxs as T, jsx as m } from "react/jsx-runtime";
+import { c as ut } from "../../_virtual/compiler-runtime.js";
+import U, { useRef as bt, Fragment as rt } from "react";
+import gt from "../../_virtual/lodash.js";
+import vt from "../../tooltip/index.js";
+import Ct from "../../popover/index.js";
+import xt from "../../hint/index.js";
+import { LeftSlot as yt, RightSlot as Rt } from "../slot/index.js";
+import St from "../../popover/PopoverText.js";
+const kt = U.forwardRef((o, k) => {
+  const t = ut.c(85);
+  let p, l, r, i, c, s, a, d, $, E, N, P, z, B, L, I, q, w, A, f, h, u;
+  t[0] !== o ? ({
+    type: $,
+    name: s,
+    label: c,
+    errors: r,
+    children: p,
+    disabled: l,
+    readOnly: a,
+    customClass: E,
+    customClassLabel: P,
+    customClassWrapper: z,
+    customClassInputContainer: B,
+    textAlign: L,
+    labelUppercase: I,
+    skeletonize: q,
+    hintPosition: w,
+    themePopover: A,
+    popoverAlign: N,
+    tooltip: f,
+    tooltipPosition: h,
+    tooltipWidth: u,
+    hint: i,
+    ...d
+  } = o, t[0] = o, t[1] = p, t[2] = l, t[3] = r, t[4] = i, t[5] = c, t[6] = s, t[7] = a, t[8] = d, t[9] = $, t[10] = E, t[11] = N, t[12] = P, t[13] = z, t[14] = B, t[15] = L, t[16] = I, t[17] = q, t[18] = w, t[19] = A, t[20] = f, t[21] = h, t[22] = u) : (p = t[1], l = t[2], r = t[3], i = t[4], c = t[5], s = t[6], a = t[7], d = t[8], $ = t[9], E = t[10], N = t[11], P = t[12], z = t[13], B = t[14], L = t[15], I = t[16], q = t[17], w = t[18], A = t[19], f = t[20], h = t[21], u = t[22]);
+  const V = $ === void 0 ? "text" : $, ct = E === void 0 ? "" : E, _ = P === void 0 ? "" : P, dt = z === void 0 ? "" : z, mt = B === void 0 ? "" : B, M = L === void 0 ? "left" : L, O = I === void 0 ? !1 : I, e = q === void 0 ? !1 : q, b = w === void 0 ? "below" : w, D = A === void 0 ? "light" : A, G = N === void 0 ? "left" : N, lt = bt(null);
+  let W;
+  t[23] !== o.label ? (W = gt.isEmpty(o?.label), t[23] = o.label, t[24] = W) : W = t[24];
+  const J = !W, K = !!o.hint?.length, n = !!r?.length;
+  let j;
+  if (t[25] !== p || t[26] !== l) {
+    const at = [], it = [];
+    U.Children.map(p, (F, ht) => {
+      if (U.isValidElement(F)) {
+        const nt = U.cloneElement(F, {
+          key: F.key ?? `slot-${ht}`,
+          disabled: l,
+          "aria-disabled": l
+        });
+        F.type === yt && at.push(nt), F.type === Rt && it.push(nt);
+      }
+    }), j = {
+      leftSlotElements: at,
+      rightSlotElements: it
+    }, t[25] = p, t[26] = l, t[27] = j;
+  } else
+    j = t[27];
+  const {
+    leftSlotElements: ot,
+    rightSlotElements: st
+  } = j, pt = !!ot?.length, ft = !!st?.length, Q = `text-field-root ${dt}`;
+  let g;
+  t[28] !== _ || t[29] !== l || t[30] !== J || t[31] !== i || t[32] !== b || t[33] !== c || t[34] !== O || t[35] !== s || t[36] !== G || t[37] !== o.required || t[38] !== a || t[39] !== e || t[40] !== D ? (g = J && /* @__PURE__ */ T("span", { className: `root-label ${_}`, "data-state-skeletonize": e, children: [
+    /* @__PURE__ */ m("label", { className: "label", title: c, htmlFor: s, "data-state-disabled": l, "data-state-read-only": a, "data-state-input-required": o.required, "data-state-label-uppercase": O, children: c }),
+    i && b === "onLabelRight" && !e && /* @__PURE__ */ m(Ct, { customClass: "label-popover", theme: D, align: G, iconColor: "#03bde2", children: /* @__PURE__ */ m(St, { text: i }) })
+  ] }), t[28] = _, t[29] = l, t[30] = J, t[31] = i, t[32] = b, t[33] = c, t[34] = O, t[35] = s, t[36] = G, t[37] = o.required, t[38] = a, t[39] = e, t[40] = D, t[41] = g) : g = t[41];
+  const X = `container ${mt}`, Y = pt && !e && ot, Z = `input ${ct}`, tt = a ? -1 : 0;
+  let v;
+  t[42] !== l || t[43] !== n || t[44] !== s || t[45] !== a || t[46] !== k || t[47] !== d || t[48] !== e || t[49] !== Z || t[50] !== tt || t[51] !== M || t[52] !== V ? (v = /* @__PURE__ */ m("input", { ref: k, id: s, type: V, readOnly: a, disabled: l, className: Z, tabIndex: tt, placeholder: d.placeholder, "data-state-error": n, "data-state-read-only": a, "data-state-text-align": M, "data-state-skeletonize": e, ...d }), t[42] = l, t[43] = n, t[44] = s, t[45] = a, t[46] = k, t[47] = d, t[48] = e, t[49] = Z, t[50] = tt, t[51] = M, t[52] = V, t[53] = v) : v = t[53];
+  const et = ft && !e && st;
+  let C;
+  t[54] !== e || t[55] !== X || t[56] !== Y || t[57] !== v || t[58] !== et ? (C = /* @__PURE__ */ T("div", { "data-state-skeletonize": e, className: X, children: [
+    Y,
+    v,
+    et
+  ] }), t[54] = e, t[55] = X, t[56] = Y, t[57] = v, t[58] = et, t[59] = C) : C = t[59];
+  let x;
+  t[60] !== l || t[61] !== K || t[62] !== i || t[63] !== b || t[64] !== e ? (x = b === "below" && /* @__PURE__ */ m(xt, { customClass: "hint", description: i, disabled: l, skeletonize: e, visible: K }), t[60] = l, t[61] = K, t[62] = i, t[63] = b, t[64] = e, t[65] = x) : x = t[65];
+  let y;
+  t[66] !== r || t[67] !== n || t[68] !== s || t[69] !== e ? (y = n && /* @__PURE__ */ m("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(s).concat("-errors"), children: r?.map($t) }), t[66] = r, t[67] = n, t[68] = s, t[69] = e, t[70] = y) : y = t[70];
+  let R;
+  t[71] !== n || t[72] !== Q || t[73] !== g || t[74] !== C || t[75] !== x || t[76] !== y ? (R = /* @__PURE__ */ T("div", { ref: lt, className: Q, "data-state-error": n, children: [
+    g,
+    C,
+    x,
+    y
+  ] }), t[71] = n, t[72] = Q, t[73] = g, t[74] = C, t[75] = x, t[76] = y, t[77] = R) : R = t[77];
+  let S;
+  t[78] !== f || t[79] !== h || t[80] !== u ? (S = /* @__PURE__ */ m(vt, { targetRef: lt, text: f, width: u, position: h }), t[78] = f, t[79] = h, t[80] = u, t[81] = S) : S = t[81];
+  let H;
+  return t[82] !== R || t[83] !== S ? (H = /* @__PURE__ */ T(rt, { children: [
+    R,
+    S
+  ] }), t[82] = R, t[83] = S, t[84] = H) : H = t[84], H;
+});
+kt.displayName = "TextFieldInputBase";
+function $t(o, k) {
+  return /* @__PURE__ */ T(rt, { children: [
+    o,
+    " "
+  ] }, `${k + 1}-${o}`);
+}
+export {
+  kt as InputBase
+};
+//# sourceMappingURL=base.js.map

package/lib/inputs2/textfield/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../src/lib/inputs2/textfield/base.tsx"],"sourcesContent":["import React, { Fragment, useRef } from 'react';\nimport _ from 'lodash';\nimport { Tooltip } from '../../tooltip';\nimport { ITooltipCommonProps } from '../../tooltip/types';\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 Hint from '../../hint';\nimport { LeftSlot, RightSlot, type SlotProps } from '../slot';\n\nexport interface TextFieldInputBaseProps extends React.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {\n  hint?: string;\n  label?: string;\n  errors?: 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}\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, TextFieldInputBaseProps>((props, ref) => {\n    const {\n      type = 'text', name, label, errors, children, disabled, readOnly, customClass = '', customClassLabel = '',\n      customClassWrapper = '', customClassInputContainer = '', textAlign = 'left', labelUppercase = false,\n      skeletonize = false, hintPosition = 'below', themePopover = 'light', popoverAlign = 'left', tooltip,\n      tooltipPosition, tooltipWidth, hint, ...rest\n    } = props;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const { leftSlotElements, rightSlotElements } = React.useMemo(() => {\n      const left: React.ReactNode[] = [];\n      const right: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<SlotProps>(childElement)) {\n          const clonedChild = React.cloneElement(childElement, {\n            key: childElement.key ?? `slot-${index}`,\n            disabled: disabled,\n            'aria-disabled': disabled,\n          });\n          if (childElement.type === LeftSlot) left.push(clonedChild);\n          if (childElement.type === RightSlot) right.push(clonedChild);\n        }\n      });\n\n      return { leftSlotElements: left, rightSlotElements: right };\n    }, [children, disabled]);\n\n    const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n    const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n    return (\n      <Fragment>\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={disabled}\n              data-state-read-only={readOnly}\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            <input\n              ref={ref}\n              id={name}\n              type={type}\n              readOnly={readOnly}\n              disabled={disabled}\n              className={`input ${customClass}`}\n              tabIndex={!readOnly ? 0 : -1}\n              placeholder={rest.placeholder}\n              data-state-error={hasValidationErrors}\n              data-state-read-only={readOnly}\n              data-state-text-align={textAlign}\n              data-state-skeletonize={skeletonize}\n              {...rest} />\n            {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n          </div>\n          {hintPosition === 'below' && (\n          <Hint\n            customClass=\"hint\"\n            description={hint}\n            disabled={disabled}\n            skeletonize={skeletonize}\n            visible={hasHintMessages} />\n          )}\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                {' '}\n              </Fragment>\n            ))}\n          </span>\n          )}\n        </div>\n        <Tooltip\n          targetRef={inputRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </Fragment>\n    );\n  });\n\nInputBase.displayName = 'TextFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","$","_c","children","disabled","errors","hint","label","name","readOnly","rest","t0","t1","t10","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","type","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","themePopover","popoverAlign","undefined","inputRef","useRef","t11","_","isEmpty","hasLabel","hasHintMessages","Boolean","length","hasValidationErrors","t12","left","right","Children","map","childElement","index","isValidElement","clonedChild","cloneElement","key","LeftSlot","push","RightSlot","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t13","t14","required","jsx","Popover","PopoverText","t15","t16","t17","t18","t19","placeholder","t20","t21","jsxs","t22","Hint","t23","String","concat","_temp","t24","t25","Tooltip","t26","Fragment","displayName","error","index_0"],"mappings":"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"}

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

@@ -1,30 +1,12 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { TextAlign } from '../../@types/Align';
-import { ColorTheme } from '../../@types/ColorStyles';
-import { Position, HintPosition } from '../../@types/Position';
+import { default as React } from 'react';
 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[];
+import { TextFieldInputBaseProps } from './base';
+interface TextFieldInputProps extends TextFieldInputBaseProps {
     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>>;
+declare const Input: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input, LeftSlot, RightSlot };
 export type { TextFieldInputProps };

package/lib/inputs2/textfield/index.js

@@ -1,109 +1,51 @@
-import { jsxs as F, jsx as r } from "react/jsx-runtime";
-import { c as yt } from "../../_virtual/compiler-runtime.js";
+import { jsx as R } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
 import '../../assets/styles/textfield.css';/* empty css                                 */
-import { forwardRef as Et, useRef as Nt, Fragment as ft } from "react";
-import Ot from "../../_virtual/lodash.js";
-import Pt from "../../gridlayout/GridCol.js";
-import Rt from "../../popover/index.js";
-import { actionsOnPermissionDenied as St, OPTIONS_ON_DENIED as G } from "../../permissionValidations.js";
-import At from "../../hint/index.js";
-import { getSlotsElements as Lt } from "../slot/index.js";
-import { LeftSlot as Kt, RightSlot as Qt } from "../slot/index.js";
-import Dt from "../../tooltip/index.js";
-import It from "../../popover/PopoverText.js";
-const $t = [G.disabled, G.unvisible, G.readOnly, G.hideContent], kt = Et((l, P) => {
-  const t = yt.c(92);
-  let p, d, i, c, o, m, R, S, A, L, D, I, $, k, z, B, q, w, T, _, f, h, u;
-  t[0] !== l ? ({
-    type: R,
-    name: o,
-    label: c,
-    errors: d,
-    children: p,
-    onDeniedActions: S,
-    permissionAttr: $,
-    customClass: k,
-    customClassLabel: z,
-    customClassWrapper: B,
-    customClassInputContainer: q,
-    textAlign: w,
-    labelUppercase: T,
-    skeletonize: _,
-    hintPosition: A,
-    gridLayout: L,
-    themePopover: D,
-    popoverAlign: I,
-    tooltip: f,
-    tooltipPosition: h,
-    tooltipWidth: u,
-    hint: i,
-    ...m
-  } = l, t[0] = l, t[1] = p, t[2] = d, t[3] = i, t[4] = c, t[5] = o, t[6] = m, t[7] = R, t[8] = S, t[9] = A, t[10] = L, t[11] = D, t[12] = I, t[13] = $, t[14] = k, t[15] = z, t[16] = B, t[17] = q, t[18] = w, t[19] = T, t[20] = _, t[21] = f, t[22] = h, t[23] = u) : (p = t[1], d = t[2], i = t[3], c = t[4], o = t[5], m = t[6], R = t[7], S = t[8], A = t[9], L = t[10], D = t[11], I = t[12], $ = t[13], k = t[14], z = t[15], B = t[16], q = t[17], w = t[18], T = t[19], _ = t[20], f = t[21], h = t[22], u = t[23]);
-  const M = R === void 0 ? "text" : R, V = S === void 0 ? void 0 : S, J = $ === void 0 ? void 0 : $, ht = k === void 0 ? "" : k, K = z === void 0 ? "" : z, ut = B === void 0 ? "" : B, bt = q === void 0 ? "" : q, Q = w === void 0 ? "left" : w, X = T === void 0 ? !1 : T, e = _ === void 0 ? !1 : _, b = A === void 0 ? "below" : A, Y = L === void 0 ? void 0 : L, Z = D === void 0 ? "light" : D, tt = I === void 0 ? "left" : I;
-  let W;
-  t[24] !== V || t[25] !== J ? (W = V || St($t, J), t[24] = V, t[25] = J, t[26] = W) : W = t[26];
-  const et = W, {
-    hideContent: vt,
-    unvisible: gt
-  } = et, ct = Nt(null);
-  let j;
-  t[27] !== l.label ? (j = Ot.isEmpty(l?.label), t[27] = l.label, t[28] = j) : j = t[28];
-  const lt = !j, a = !!(l.readOnly || et.readOnly), s = !!(l.disabled || et.disabled), ot = !!l.hint?.length, n = !!d?.length;
-  let H;
-  t[29] !== p || t[30] !== s ? (H = Lt(p, s), t[29] = p, t[30] = s, t[31] = H) : H = t[31];
-  const {
-    leftSlotElements: mt,
-    rightSlotElements: pt
-  } = H, Ct = !!mt?.length, xt = !!pt?.length;
-  if (gt || vt)
+import B from "react";
+import C from "../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as E, OPTIONS_ON_DENIED as O } from "../../permissionValidations.js";
+import { LeftSlot as q, RightSlot as z } from "../slot/index.js";
+import { InputBase as h } from "./base.js";
+const L = [O.disabled, O.unvisible, O.readOnly, O.hideContent], P = B.forwardRef((v, e) => {
+  const t = g.c(23);
+  let d, o, p, s, l, r;
+  t[0] !== v ? ({
+    onDeniedActions: s,
+    permissionAttr: l,
+    gridLayout: r,
+    readOnly: p,
+    disabled: d,
+    ...o
+  } = v, t[0] = v, t[1] = d, t[2] = o, t[3] = p, t[4] = s, t[5] = l, t[6] = r) : (d = t[1], o = t[2], p = t[3], s = t[4], l = t[5], r = t[6]);
+  const y = s === void 0 ? void 0 : s, b = l === void 0 ? void 0 : l, a = r === void 0 ? void 0 : r;
+  let c;
+  t[7] !== y || t[8] !== b ? (c = y || E(L, b), t[7] = y, t[8] = b, t[9] = c) : c = t[9];
+  const D = c, {
+    hideContent: A,
+    unvisible: N
+  } = D, x = !!(p || D.readOnly), I = !!(d || D.disabled);
+  let m;
+  t[10] !== I || t[11] !== x || t[12] !== o ? (m = {
+    readOnly: x,
+    disabled: I,
+    ...o
+  }, t[10] = I, t[11] = x, t[12] = o, t[13] = m) : m = t[13];
+  const i = m;
+  if (N || A)
     return null;
-  const st = `text-field-root ${ut}`;
-  let v;
-  t[32] !== K || t[33] !== lt || t[34] !== i || t[35] !== b || t[36] !== s || t[37] !== a || t[38] !== c || t[39] !== X || t[40] !== o || t[41] !== tt || t[42] !== l.required || t[43] !== e || t[44] !== Z ? (v = lt && /* @__PURE__ */ F("span", { className: `root-label ${K}`, "data-state-skeletonize": e, children: [
-    /* @__PURE__ */ r("label", { className: "label", title: c, htmlFor: o, "data-state-disabled": s, "data-state-read-only": a, "data-state-input-required": l.required, "data-state-label-uppercase": X, children: c }),
-    i && b === "onLabelRight" && !e && /* @__PURE__ */ r(Rt, { customClass: "label-popover", theme: Z, align: tt, iconColor: "#03bde2", children: /* @__PURE__ */ r(It, { text: i }) })
-  ] }), t[32] = K, t[33] = lt, t[34] = i, t[35] = b, t[36] = s, t[37] = a, t[38] = c, t[39] = X, t[40] = o, t[41] = tt, t[42] = l.required, t[43] = e, t[44] = Z, t[45] = v) : v = t[45];
-  const it = `container ${bt}`, nt = Ct && !e && mt, at = `input ${ht}`, rt = a ? -1 : 0;
-  let g;
-  t[46] !== n || t[47] !== s || t[48] !== a || t[49] !== o || t[50] !== P || t[51] !== m || t[52] !== e || t[53] !== at || t[54] !== rt || t[55] !== Q || t[56] !== M ? (g = /* @__PURE__ */ r("input", { ref: P, id: o, type: M, readOnly: a, disabled: s, className: at, tabIndex: rt, placeholder: m.placeholder, "data-state-error": n, "data-state-read-only": a, "data-state-text-align": Q, "data-state-skeletonize": e, ...m }), t[46] = n, t[47] = s, t[48] = a, t[49] = o, t[50] = P, t[51] = m, t[52] = e, t[53] = at, t[54] = rt, t[55] = Q, t[56] = M, t[57] = g) : g = t[57];
-  const dt = xt && !e && pt;
-  let C;
-  t[58] !== e || t[59] !== it || t[60] !== nt || t[61] !== g || t[62] !== dt ? (C = /* @__PURE__ */ F("div", { "data-state-skeletonize": e, className: it, children: [
-    nt,
-    g,
-    dt
-  ] }), t[58] = e, t[59] = it, t[60] = nt, t[61] = g, t[62] = dt, t[63] = C) : C = t[63];
-  let x;
-  t[64] !== ot || t[65] !== i || t[66] !== b || t[67] !== s || t[68] !== e ? (x = b === "below" && /* @__PURE__ */ r(At, { customClass: "hint", description: i, disabled: s, skeletonize: e, visible: ot }), t[64] = ot, t[65] = i, t[66] = b, t[67] = s, t[68] = e, t[69] = x) : x = t[69];
-  let y;
-  t[70] !== d || t[71] !== n || t[72] !== o || t[73] !== e ? (y = n && /* @__PURE__ */ r("span", { className: "error", "data-state-skeletonize": e, "aria-describedby": String(o).concat("-errors"), children: d?.map(zt) }), t[70] = d, t[71] = n, t[72] = o, t[73] = e, t[74] = y) : y = t[74];
-  let E;
-  t[75] !== n || t[76] !== st || t[77] !== v || t[78] !== C || t[79] !== x || t[80] !== y ? (E = /* @__PURE__ */ F("div", { ref: ct, className: st, "data-state-error": n, children: [
-    v,
-    C,
-    x,
-    y
-  ] }), t[75] = n, t[76] = st, t[77] = v, t[78] = C, t[79] = x, t[80] = y, t[81] = E) : E = t[81];
-  let N;
-  t[82] !== Y || t[83] !== E ? (N = /* @__PURE__ */ r(Pt, { cols: Y, children: E }), t[82] = Y, t[83] = E, t[84] = N) : N = t[84];
-  let O;
-  t[85] !== f || t[86] !== h || t[87] !== u ? (O = /* @__PURE__ */ r(Dt, { targetRef: ct, text: f, width: u, position: h }), t[85] = f, t[86] = h, t[87] = u, t[88] = O) : O = t[88];
-  let U;
-  return t[89] !== N || t[90] !== O ? (U = /* @__PURE__ */ F(ft, { children: [
-    N,
-    O
-  ] }), t[89] = N, t[90] = O, t[91] = U) : U = t[91], U;
+  if (a) {
+    let n;
+    t[14] !== i || t[15] !== e ? (n = /* @__PURE__ */ R(h, { ref: e, ...i }), t[14] = i, t[15] = e, t[16] = n) : n = t[16];
+    let u;
+    return t[17] !== a || t[18] !== n ? (u = /* @__PURE__ */ R(C, { cols: a, children: n }), t[17] = a, t[18] = n, t[19] = u) : u = t[19], u;
+  }
+  let f;
+  return t[20] !== i || t[21] !== e ? (f = /* @__PURE__ */ R(h, { ref: e, ...i }), t[20] = i, t[21] = e, t[22] = f) : f = t[22], f;
 });
-kt.displayName = "TextFieldInput";
-function zt(l, P) {
-  return /* @__PURE__ */ F(ft, { children: [
-    l,
-    " "
-  ] }, `${P + 1}-${l}`);
-}
+P.displayName = "TextFieldInput";
 export {
-  kt as Input,
-  Kt as LeftSlot,
-  Qt as RightSlot
+  P as Input,
+  q as LeftSlot,
+  z as RightSlot
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textfield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport { ComponentPropsWithoutRef, forwardRef, Fragment, useRef } from 'react';\nimport _ from 'lodash';\nimport GridCol from '../../gridlayout';\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 Hint from '../../hint';\nimport { getSlotsElements, LeftSlot, RightSlot } from '../slot';\nimport { Tooltip } from '../../tooltip';\nimport { ITooltipCommonProps } from '../../tooltip/types';\n\ninterface TextFieldInputProps extends ComponentPropsWithoutRef<'input'>, 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<HTMLInputElement, TextFieldInputProps>((props, ref) => {\n  const {\n    type = 'text', name, label, errors, children, onDeniedActions = undefined, permissionAttr = undefined,\n    customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '',\n    textAlign = 'left', labelUppercase = false, skeletonize = false, hintPosition = 'below', gridLayout = undefined,\n    themePopover = 'light', popoverAlign = 'left', tooltip, tooltipPosition, tooltipWidth, hint, ...rest\n  } = props;\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const inputRef = useRef<HTMLInputElement | 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 hasValidationErrors = Boolean(errors?.length);\n\n  const { leftSlotElements, rightSlotElements } = getSlotsElements(children, isDisabled);\n\n  const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n  const hasRightSlotElements = Boolean(rightSlotElements?.length);\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            <input\n              ref={ref}\n              id={name}\n              type={type}\n              readOnly={isReadOnly}\n              disabled={isDisabled}\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          {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={hint}\n              disabled={isDisabled}\n              skeletonize={skeletonize}\n              visible={hasHintMessages} />\n          )}\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 = 'TextFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { TextFieldInputProps };\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","type","onDeniedActions","permissionAttr","customClass","customClassLabel","customClassWrapper","customClassInputContainer","textAlign","labelUppercase","skeletonize","hintPosition","gridLayout","themePopover","popoverAlign","undefined","t14","actionsOnPermissionDenied","onDenied","inputRef","useRef","t15","_","isEmpty","hasLabel","isReadOnly","Boolean","isDisabled","hasHintMessages","length","hasValidationErrors","t16","getSlotsElements","leftSlotElements","rightSlotElements","hasLeftSlotElements","hasRightSlotElements","t17","t18","required","jsx","Popover","PopoverText","t19","t20","t21","t22","t23","placeholder","t24","t25","jsxs","t26","Hint","t27","String","concat","map","_temp","t28","t29","GridCol","t30","Tooltip","t31","Fragment","displayName","error","index"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/textfield/index.tsx"],"sourcesContent":["import '../../assets/styles/textfield.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { LeftSlot, RightSlot } from '../slot';\nimport { InputBase, TextFieldInputBaseProps } from './base';\n\ninterface TextFieldInputProps extends TextFieldInputBaseProps {\n  gridLayout?: string;\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];\n\nconst Input = React.forwardRef<HTMLInputElement, TextFieldInputProps>((\n  {\n    onDeniedActions = undefined, permissionAttr = undefined, gridLayout = undefined, readOnly, \n    disabled, ...props\n  }, ref,\n) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies TextFieldInputBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'TextFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { TextFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","React","forwardRef","t0","ref","$","_c","props","t1","t2","t3","onDeniedActions","permissionAttr","gridLayout","undefined","t4","actionsOnPermissionDenied","onDenied","isReadOnly","Boolean","isDisabled","t5","inputProps","t6","jsx","InputBase","t7","GridCol","displayName"],"mappings":";;;;;;;;AAeA,MAAMA,IAAU,CACdC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAGzBC,IAAQC,EAAMC,WAAkD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAV,GAAAW,GAAAT,GAAAU,GAAAC,GAAAC;AAAA,EAAAL,SAAAF,KACpE;AAAA,IAAAQ,iBAAAH;AAAAA,IAAAI,gBAAAH;AAAAA,IAAAI,YAAAH;AAAAA,IAAAZ,UAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAA,GAAAW;AAAAA,EAAAA,IAAAJ,GAGCE,OAAAF,GAAAE,OAAAT,GAAAS,OAAAE,GAAAF,OAAAP,GAAAO,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAd,IAAAS,EAAA,CAAA,GAAAE,IAAAF,EAAA,CAAA,GAAAP,IAAAO,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAFC,QAAAM,IAAAH,MAAAM,SAAAA,SAAAN,GAA6BI,IAAAH,MAAAK,SAAAA,SAAAL,GAA4BI,IAAAH,MAAAI,SAAAA,SAAAJ;AAAsB,MAAAK;AAAA,EAAAV,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAKxEG,IAAAJ,KAAmBK,EAA0BtB,GAASkB,CAAc,GAACP,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAD9E,QAAAY,IACEF,GAEF;AAAA,IAAAhB,aAAAA;AAAAA,IAAAF,WAAAA;AAAAA,EAAAA,IAAmCoB,GACnCC,IAAmBC,GAAQrB,KAAYmB,EAAQnB,WAC/CsB,IAAmBD,GAAQvB,KAAYqB,EAAQrB;AAAW,MAAAyB;AAAA,EAAAhB,EAAA,EAAA,MAAAe,KAAAf,UAAAa,KAAAb,EAAA,EAAA,MAAAE,KACvCc,IAAA;AAAA,IAAAvB,UACPoB;AAAAA,IAAUtB,UAAYwB;AAAAA,IAAU,GAAKb;AAAAA,EAAAA,GAChDF,QAAAe,GAAAf,QAAAa,GAAAb,QAAAE,GAAAF,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA;AAFD,QAAAiB,IAAmBD;AAInB,MAAIxB,KAAAE;AAAwB,WAAS;AAErC,MAAIc,GAAU;AAAA,QAAAU;AAAA,IAAAlB,EAAA,EAAA,MAAAiB,KAAAjB,UAAAD,KAGRmB,IAAA,gBAAAC,EAACC,GAAA,EAAerB,KAAAA,GAAG,GAAMkB,EAAAA,CAAU,GAAIjB,QAAAiB,GAAAjB,QAAAD,GAAAC,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AAAA,QAAAqB;AAAA,WAAArB,EAAA,EAAA,MAAAQ,KAAAR,UAAAkB,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAcd,MAAAA,GACbU,UAAAA,GACF,GAAUlB,QAAAQ,GAAAR,QAAAkB,GAAAlB,QAAAqB,KAAAA,IAAArB,EAAA,EAAA,GAFVqB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAlB,EAAA,EAAA,MAAAiB,KAAAjB,UAAAD,KAGCmB,IAAA,gBAAAC,EAACC,GAAA,EAAerB,KAAAA,GAAG,GAAMkB,EAAAA,CAAU,GAAIjB,QAAAiB,GAAAjB,QAAAD,GAAAC,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA,GAAvCkB;AAAuC,CAE1C;AAEDvB,EAAM4B,cAAc;"}

package/lib/tooltip/types.d.ts

@@ -1,9 +1,12 @@
-import { CSSProperties, RefObject } from 'react';
+import { CSSProperties } from 'react';
 import { Position } from '../@types/Position';
 type Dimensions = {
     width: number | string;
     height: number;
 };
+interface RefObject<T> extends React.RefObject<T> {
+    current: T;
+}
 export interface ITooltipProps {
     targetRef: RefObject<HTMLElement | null>;
     text?: string;