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

package/lib/index.js

@@ -1,69 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () {
-    return _buttons.default;
-  }
-});
-Object.defineProperty(exports, "Dialog", {
-  enumerable: true,
-  get: function () {
-    return _base.default;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function () {
-    return _icons.default;
-  }
-});
-Object.defineProperty(exports, "Label", {
-  enumerable: true,
-  get: function () {
-    return _labels.default;
-  }
-});
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function () {
-    return _list.default;
-  }
-});
-Object.defineProperty(exports, "Panel", {
-  enumerable: true,
-  get: function () {
-    return _panel.default;
-  }
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function () {
-    return _radio.default;
-  }
-});
-Object.defineProperty(exports, "Tab", {
-  enumerable: true,
-  get: function () {
-    return _tabs.default;
-  }
-});
-Object.defineProperty(exports, "Toolbar", {
-  enumerable: true,
-  get: function () {
-    return _toolbar.default;
-  }
-});
-var _panel = _interopRequireDefault(require("./panel"));
-var _toolbar = _interopRequireDefault(require("./toolbar"));
-var _buttons = _interopRequireDefault(require("./buttons"));
-var _labels = _interopRequireDefault(require("./labels"));
-var _icons = _interopRequireDefault(require("./icons"));
-var _list = _interopRequireDefault(require("./list"));
-var _radio = _interopRequireDefault(require("./radio"));
-var _tabs = _interopRequireDefault(require("./tabs"));
-var _base = _interopRequireDefault(require("./dialog/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { default as p } from "./panel/Default.js";
+import './assets/styles/label.css';import './assets/styles/button.css';import './assets/styles/panel.css';/* empty css                         */
+import { default as d } from "./toolbar/index.js";
+import "react/jsx-runtime";
+import "./_virtual/compiler-runtime.js";
+import { default as u } from "./buttons/Button.js";
+/* empty css                          */
+import { default as i } from "./labels/DefaultLabel.js";
+/* empty css                         */
+import { default as n } from "./icons/index.js";
+import { default as T } from "./list/index.js";
+import { default as g } from "./radio/index.js";
+import { default as D } from "./tabs/index.js";
+import { default as P } from "./dialog/base/index.js";
+export {
+  u as Button,
+  P as Dialog,
+  n as Icon,
+  i as Label,
+  T as List,
+  p as Panel,
+  g as Radio,
+  D as Tab,
+  d as Toolbar
+};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

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

@@ -1,11 +1,3 @@
-import { IBaseProps } from './types.js';
-import 'react';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const _default: (props: IBaseProps) => JSX.Element;
-
-export { _default as default };
+import { IBaseProps } from './types';
+declare const _default: (props: IBaseProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/inputs/base/InputTextBase.js

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

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

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

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

@@ -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;