linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/inputs/base/InputTextBase.js

@@ -1,278 +1,198 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip as t } from "../../tooltip/index.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { OPTIONS_ON_DENIED as r, actionsOnPermissionDenied as i } from "../../permissionValidations.js";
+import { ErrorMessage as ee } from "../errorMessage/index.js";
+import a from "../../textContent/index.js";
+import te from "../../popover/PopoverText.js";
+import ne from "../../popover/index.js";
+import re from "../../hint/index.js";
+import o from "../inputHOC.js";
+import '../../assets/styles/input.css';/* empty css                        */
+import { getInputClass as ie, getInputWrapperClass as s, getRightElements as c } from "./helpers.js";
+import { useEffect as l, useRef as u, useState as ae } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/inputs/base/InputTextBase.tsx
+var oe = /* @__PURE__ */ e(n(), 1), p = o((e) => {
+	let { textAlign: n = "left", value: o, defaultValue: p, type: m = "text", readOnly: h = !1, placeHolder: g, required: _, leftElements: v, rightElements: se, children: ce, customClass: le, customClassForInputContent: ue, customClassForLabel: y, customClassForSideButtons: de, inputRef: b, inputBaseRef: fe, label: x, labelUppercase: S, hint: C, hintPosition: w = "below", errorMessages: T, visible: pe = !0, permissionAttr: me, onDeniedActions: he, handlerSetOnDenied: E, skeletonize: D = !1, style: O, styleForInputContent: k, styleForWrapper: A, styleForSideButtons: j, disabled: M = !1, autoFocus: N, maxLength: P, name: F, id: I, multiple: L = !1, accept: R, onChange: z, onDragOver: B, onDrop: V, onDragLeave: H, onClick: U, readOnlyClass: ge, autoComplete: _e = "on", themePopover: ve = "light", popoverAlign: ye = "left", tabIndex: be, tooltip: xe, tooltipPosition: Se, tooltipWidth: Ce } = e, W, we = [
+		r.disabled,
+		r.unvisible,
+		r.readOnly,
+		r.hideContent
+	], G = u(null), K = he || i(we, me), { hideContent: q, unvisible: Te } = K, [Ee, J] = ae(!1), Y = u(null);
+	l(() => {
+		E && E(K);
+	}, []);
+	let X = () => h ? -1 : be || 0, Z = () => M || K.disabled, Q = () => h || K.readOnly, $ = () => {
+		let t = Q() || Z() || q;
+		return W = {
+			value: q ? "" : o,
+			defaultValue: p,
+			accept: R,
+			type: m,
+			readOnly: Q(),
+			placeholder: g,
+			disabled: Z() || q,
+			autoFocus: N,
+			maxLength: P,
+			name: F,
+			id: I,
+			multiple: L,
+			className: ie({
+				textAlign: n,
+				readOnly: h,
+				readOnlyClass: ge
+			}),
+			ref: (e) => {
+				b && (oe.default.isFunction(b) ? b(e) : b.current = e), Y.current = e;
+			}
+		}, t || (W = {
+			...W,
+			onFocus: (t) => {
+				e.onInputReceiveFocus?.(), e.onFocus && e.onFocus(t);
+			},
+			onBlur: (t) => {
+				e.onInputLostFocus?.(), e.onBlur && e.onBlur(t);
+			},
+			onKeyDown: (t) => {
+				e.onKeyDown && e.onKeyDown(t);
+			},
+			onKeyPress: (t) => {
+				e.onKeyPress && e.onKeyPress(t);
+			},
+			onChange: (e) => {
+				z && z(e);
+			},
+			onDragOver: (e) => {
+				B && B(e);
+			},
+			onDrop: (e) => {
+				V && V(e);
+			},
+			onDragLeave: (e) => {
+				H && H(e);
+			},
+			onClick: (e) => {
+				U && U(e);
+			}
+		}), W;
+	}, De = (e) => {
+		let t = e.target;
+		t.offsetWidth < t.scrollWidth && J(!0);
+	};
+	if (l(() => {
+		let e = new ResizeObserver(([e]) => {
+			let { target: t } = e;
+			J((e) => {
+				let n = t.clientWidth < t.scrollWidth;
+				return e === n ? e : n;
+			});
+		});
+		return G.current && e.observe(G.current), () => {
+			e && e.disconnect();
+		};
+	}, []), G.current) {
+		let e = G.current;
+		e.offsetWidth < e.scrollWidth && !Ee && J(!0);
+	}
+	return !pe || Te ? null : /* @__PURE__ */ f("div", {
+		style: O,
+		className: `input-base-component ${D ? "-skeletonized" : ""} ${le}`,
+		ref: fe,
+		children: [
+			x && /* @__PURE__ */ f("div", {
+				className: "labelcontainer",
+				style: { textAlign: n === "center" ? "left" : n },
+				children: [
+					/* @__PURE__ */ d(a, {
+						ref: G,
+						required: _,
+						label: x,
+						onHoverLabel: De,
+						className: y,
+						labelUppercase: S,
+						tooltip: x.toString(),
+						tooltipPosition: "top"
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "text-content",
+						style: { display: "flex" },
+						children: /* @__PURE__ */ f("div", {
+							className: `label ${y} ${S && " -uppercase"}`,
+							style: { alignSelf: "center" },
+							children: [
+								x,
+								_ && /* @__PURE__ */ d("span", {
+									className: "-requiredlabel",
+									children: "*"
+								}),
+								!!C && w === "onLabelRight" && !D && /* @__PURE__ */ d(ne, {
+									theme: ve,
+									align: ye,
+									customClass: "-hint",
+									iconColor: "#03bde2",
+									style: {
+										margin: "0px 5px",
+										height: "auto",
+										width: 20
+									},
+									children: /* @__PURE__ */ d(te, { text: C })
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ d(a, {})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				"data-testid": "testInputWrapper",
+				style: A,
+				className: s({
+					...e,
+					disabled: Z() || q
+				}),
+				children: [
+					v && /* @__PURE__ */ d("div", {
+						style: j,
+						className: `sidebuttons ${de}`,
+						children: v
+					}),
+					/* @__PURE__ */ f("div", {
+						"data-testid": "testInputContent",
+						style: k,
+						className: `inputcontent ${ue}`,
+						children: [m === "textarea" ? /* @__PURE__ */ d("textarea", {
+							rows: e.rows,
+							cols: e.cols,
+							tabIndex: X(),
+							...$()
+						}) : /* @__PURE__ */ d("input", {
+							autoComplete: _e,
+							tabIndex: X(),
+							"data-testid": "teste-123",
+							...$()
+						}), ce]
+					}),
+					c(T || [], D, se)
+				]
+			}),
+			/* @__PURE__ */ d(re, {
+				disabled: M,
+				visible: !!C && w === "below",
+				customClass: "hint",
+				description: C
+			}),
+			/* @__PURE__ */ d(ee, { messages: T }),
+			/* @__PURE__ */ d(t, {
+				targetRef: Y,
+				text: xe,
+				width: Ce,
+				position: Se
+			})
+		]
+	});
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _inputHOC = _interopRequireDefault(require("../inputHOC"));
-require("../../assets/styles/input.scss");
-var helpers = _interopRequireWildcard(require("./helpers"));
-var _permissionValidations = require("../../permissionValidations");
-var _hint = _interopRequireDefault(require("../../hint"));
-var _errorMessage = require("../errorMessage");
-var _textContent = _interopRequireDefault(require("../../textContent"));
-var _popover = _interopRequireWildcard(require("../../popover"));
-var _tooltip = require("../../tooltip");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const InputTextBase = props => {
-  const {
-    textAlign = 'left',
-    value,
-    defaultValue,
-    type = 'text',
-    readOnly = false,
-    placeHolder,
-    required,
-    leftElements,
-    rightElements,
-    children,
-    customClass,
-    customClassForInputContent,
-    customClassForLabel,
-    customClassForSideButtons,
-    inputRef,
-    inputBaseRef,
-    label,
-    labelUppercase,
-    hint,
-    hintPosition = 'below',
-    errorMessages,
-    visible = true,
-    permissionAttr,
-    onDeniedActions,
-    handlerSetOnDenied,
-    skeletonize = false,
-    style,
-    styleForInputContent,
-    styleForWrapper,
-    styleForSideButtons,
-    disabled = false,
-    autoFocus,
-    maxLength,
-    name,
-    id,
-    multiple = false,
-    accept,
-    onChange,
-    onDragOver,
-    onDrop,
-    onDragLeave,
-    onClick,
-    readOnlyClass,
-    autoComplete = 'on',
-    themePopover = 'light',
-    popoverAlign = 'left',
-    tabIndex,
-    tooltip,
-    tooltipPosition,
-    tooltipWidth
-  } = props;
-  let propsInput;
-  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-  const labelRef = (0, _react.useRef)(null);
-  const onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  const inputElementRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
-  }, []);
-  const applyTabIndex = () => {
-    if (readOnly) return -1;
-    if (tabIndex) return tabIndex;
-    return 0;
-  };
-  const shouldDisable = () => disabled || onDenied.disabled;
-  const shouldBeReadOnly = () => readOnly || onDenied.readOnly;
-  const inputProps = () => {
-    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
-    propsInput = {
-      value: hideContent ? '' : value,
-      defaultValue,
-      accept,
-      type,
-      readOnly: shouldBeReadOnly(),
-      placeholder: placeHolder,
-      disabled: shouldDisable() || hideContent,
-      autoFocus,
-      maxLength,
-      name,
-      id,
-      multiple,
-      className: helpers.getInputClass({
-        textAlign,
-        readOnly,
-        readOnlyClass
-      }),
-      ref: r => {
-        if (inputRef) {
-          if (!_lodash.default.isFunction(inputRef)) {
-            inputRef.current = r;
-          } else {
-            inputRef(r);
-          }
-        }
-        inputElementRef.current = r;
-      }
-    };
-    if (!disableCallbacks) {
-      propsInput = _objectSpread(_objectSpread({}, propsInput), {}, {
-        onFocus: e => {
-          var _props$onInputReceive;
-          (_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
-          if (props.onFocus) props.onFocus(e);
-        },
-        onBlur: e => {
-          var _props$onInputLostFoc;
-          (_props$onInputLostFoc = props.onInputLostFocus) === null || _props$onInputLostFoc === void 0 ? void 0 : _props$onInputLostFoc.call(props);
-          if (props.onBlur) props.onBlur(e);
-        },
-        onKeyDown: e => {
-          if (props.onKeyDown) props.onKeyDown(e);
-        },
-        onKeyPress: e => {
-          if (props.onKeyPress) props.onKeyPress(e);
-        },
-        onChange: e => {
-          if (onChange) onChange(e);
-        },
-        onDragOver: e => {
-          if (onDragOver) onDragOver(e);
-        },
-        onDrop: e => {
-          if (onDrop) onDrop(e);
-        },
-        onDragLeave: e => {
-          if (onDragLeave) onDragLeave(e);
-        },
-        onClick: e => {
-          if (onClick) onClick(e);
-        }
-      });
-    }
-    return propsInput;
-  };
-  const onHoverLabel = e => {
-    const target = e.target;
-    if (target.offsetWidth < target.scrollWidth) {
-      setShowTooltip(true);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    const resize = new ResizeObserver(_ref => {
-      let [element] = _ref;
-      const {
-        target
-      } = element;
-      setShowTooltip(prevState => {
-        var overflowing = target.clientWidth < target.scrollWidth;
-        return prevState === overflowing ? prevState : overflowing;
-      });
-    });
-    if (labelRef.current) {
-      resize.observe(labelRef.current);
-    }
-    return () => {
-      if (resize) {
-        resize.disconnect();
-      }
-    };
-  }, []);
-  if (labelRef.current) {
-    const element = labelRef.current;
-    const overflowing = element.offsetWidth < element.scrollWidth;
-    if (overflowing && !showTooltip) {
-      setShowTooltip(true);
-    }
-  }
-  if (!visible || unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: style,
-    className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
-    ref: inputBaseRef
-  }, label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "labelcontainer",
-    style: {
-      textAlign: textAlign === 'center' ? 'left' : textAlign
-    }
-  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    ref: labelRef,
-    required: required,
-    label: label,
-    onHoverLabel: onHoverLabel,
-    className: customClassForLabel,
-    labelUppercase: labelUppercase,
-    tooltip: label.toString(),
-    tooltipPosition: "top"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "text-content",
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase'),
-    style: {
-      alignSelf: 'center'
-    }
-  }, label, required && /*#__PURE__*/_react.default.createElement("span", {
-    className: "-requiredlabel"
-  }, "*"), !!hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    theme: themePopover,
-    align: popoverAlign,
-    customClass: "-hint",
-    iconColor: "#03bde2",
-    style: {
-      margin: '0px 5px',
-      height: 'auto',
-      width: 20
-    }
-  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
-    text: hint
-  })))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "testInputWrapper",
-    style: styleForWrapper,
-    className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
-      disabled: shouldDisable() || hideContent
-    }))
-  }, leftElements && /*#__PURE__*/_react.default.createElement("div", {
-    style: styleForSideButtons,
-    className: "sidebuttons ".concat(customClassForSideButtons)
-  }, leftElements), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "testInputContent",
-    style: styleForInputContent,
-    className: "inputcontent ".concat(customClassForInputContent)
-  }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
-    rows: props.rows,
-    cols: props.cols,
-    tabIndex: applyTabIndex()
-  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
-    autoComplete: autoComplete,
-    tabIndex: applyTabIndex(),
-    "data-testid": "teste-123"
-  }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
-    disabled: disabled,
-    visible: !!hint && hintPosition === 'below',
-    customClass: "hint",
-    description: hint
-  }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
-    messages: errorMessages
-  }), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    targetRef: inputElementRef,
-    text: tooltip,
-    width: tooltipWidth,
-    position: tooltipPosition
-  }));
-};
-var _default = exports.default = (0, _inputHOC.default)(InputTextBase);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=InputTextBase.js.map

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

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

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

@@ -1,17 +1,10 @@
-import { IBaseProps } from './types.js';
-import { TextAlign } from '../../@types/Align.js';
-import 'react';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
-    textAlign?: TextAlign | undefined;
-    readOnly?: boolean | undefined;
-    readOnlyClass?: string | undefined;
+import { JSX } from 'react';
+import { IBaseProps } from './types';
+import { TextAlign } from '../../../lib/@types/Align';
+export declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
+    textAlign?: TextAlign;
+    readOnly?: boolean;
+    readOnlyClass?: string;
 }) => string;
-declare const getInputWrapperClass: (props: IBaseProps) => string;
-declare const getRightElements: (errorMessages: string[], skeletonize: boolean, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element[] | null;
-
-export { getInputClass, getInputWrapperClass, getRightElements };
+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,42 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getInputClass = _ref => {
-  let {
-    textAlign,
-    readOnly,
-    readOnlyClass
-  } = _ref;
-  return "textinput text-align-".concat(textAlign, " ").concat(readOnlyClass, " ").concat(readOnly ? ' -readonly' : '');
-};
-exports.getInputClass = getInputClass;
-const getInputWrapperClass = props => {
-  const {
-    inputHasFocus,
-    customClassForWrapper,
-    rounded,
-    errorMessages,
-    disabled
-  } = props;
-  return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n          ").concat(customClassForWrapper, "\n          ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n          ").concat(rounded && ' -roundedborders', "\n          ").concat(disabled && ' -disabled');
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { cloneElement as n } from "react";
+//#region src/lib/inputs/base/helpers.tsx
+var r = /* @__PURE__ */ e(t(), 1), i = ({ textAlign: e, readOnly: t, readOnlyClass: n }) => `textinput text-align-${e} ${n} ${t ? " -readonly" : ""}`, a = (e) => {
+	let { inputHasFocus: t, customClassForWrapper: n, rounded: r, errorMessages: i, disabled: a } = e;
+	return `inputwrapper ${t && " -focusable"}
+          ${n}
+          ${i && i.length > 0 && " -requirederror"}
+          ${r && " -roundedborders"}
+          ${a && " -disabled"}`;
+}, o = (e, t, i) => {
+	let a = i || [];
+	return t ? null : (r.default.isArray(a) || (a = [a]), a = a.map((e, t) => e && n(e, { key: `rightelement-${t + 1}` })), a);
 };
-exports.getInputWrapperClass = getInputWrapperClass;
-const getRightElements = (errorMessages, skeletonize, rightElements) => {
-  let elements = rightElements || [];
-  if (skeletonize) return null;
-  if (!_lodash.default.isArray(elements)) {
-    elements = [elements];
-  }
-  elements = elements.map((element, index) => element && /*#__PURE__*/_react.default.cloneElement(element, {
-    key: "rightelement-".concat(index + 1)
-  }));
-  if (errorMessages) return elements;
-  return elements;
-};
-exports.getRightElements = getRightElements;
+//#endregion
+export { i as getInputClass, a as getInputWrapperClass, o as getRightElements };
+
+//# sourceMappingURL=helpers.js.map

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

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

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

@@ -1,11 +1,9 @@
-import { MouseEvent, KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
-import { TextAlign } from '../../@types/Align.js';
-import { Period } from '../../@types/Period.js';
-import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
-import { ITooltipCommonProps } from '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-interface CustomInputEvent {
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode } from 'react';
+import { TextAlign } from 'src/lib/@types/Align';
+import { ITooltipCommonProps } from 'src/lib/tooltip/types';
+import { Period } from '../../@types/Period';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+export interface CustomInputEvent {
     preventDefault?: () => void;
     stopPropagation?: () => void;
     dataTransfer?: DataTransfer;
@@ -20,7 +18,7 @@ interface CustomInputEvent {
         files?: FileList | null;
     };
 }
-interface IBaseProps extends ITooltipCommonProps {
+export interface IBaseProps extends ITooltipCommonProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
     onInputLostFocus?: () => void;
@@ -54,7 +52,7 @@ interface IBaseProps extends ITooltipCommonProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: React.ReactNode;
+    children?: ReactNode;
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;
@@ -88,5 +86,3 @@ interface IBaseProps extends ITooltipCommonProps {
     tabIndex?: number;
     defaultValue?: string | string[];
 }
-
-export { CustomInputEvent, IBaseProps };

package/lib/inputs/color/index.d.ts

@@ -1,7 +1,3 @@
-import { IColorProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-
-declare const ColorPicker: (props: IColorProps) => JSX.Element;
-
-export { ColorPicker as default };
+import { IColorProps } from './types';
+declare const ColorPicker: (props: IColorProps) => import("react/jsx-runtime").JSX.Element;
+export default ColorPicker;