linear-react-components-ui 1.1.26-beta.12 → 1.1.26-beta.14

package/lib/inputs/base/InputTextBase.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextBase.js","sources":["../../../src/lib/inputs/base/InputTextBase.tsx"],"sourcesContent":["import React, { useEffect, KeyboardEvent, useRef, useState, MouseEvent } from 'react';\nimport _ from 'lodash';\nimport inputHOC from '../inputHOC';\nimport '../../assets/styles/input.scss';\nimport * as helpers from './helpers';\nimport withTooltip from '../../internals/withTooltip';\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 from '../../popover';\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    targetRef,\n    skeletonize = false,\n    style,\n    styleForInputContent,\n    styleForWrapper,\n    styleForLabel,\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  } = 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\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        if (targetRef) targetRef(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: React.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: React.DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDragOver) onDragOver(e);\n        },\n        onDrop: (e: React.DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDrop) onDrop(e);\n        },\n        onDragLeave: (e: React.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: React.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            labelRef={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                  {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    </div>\n  );\n};\n\nexport default inputHOC(withTooltip(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","targetRef","skeletonize","style","styleForInputContent","styleForWrapper","styleForSideButtons","disabled","autoFocus","maxLength","name","id","multiple","accept","onChange","onDragOver","onDrop","onDragLeave","onClick","readOnlyClass","autoComplete","themePopover","popoverAlign","tabIndex","propsInput","options","OPTIONS_ON_DENIED","unvisible","hideContent","labelRef","useRef","onDenied","actionsOnPermissionDenied","showTooltip","setShowTooltip","useState","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","rows","cols","Hint","ErrorMessage","InputTextBase$1","inputHOC","withTooltip"],"mappings":"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"}

package/lib/inputs/base/Label.js

@@ -1,30 +1,31 @@
-import { j as f } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as d } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import L from "../../internals/withTooltip.js";
-const j = (b) => {
-  const e = d.c(12), {
+import { jsx as d, jsxs as L } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import h from "../../internals/withTooltip.js";
+const x = (b) => {
+  const e = $(12), {
     label: o,
     styleForLabel: i,
-    customClassForLabel: u,
-    labelUppercase: x,
+    customClassForLabel: m,
+    labelUppercase: u,
     required: c,
-    targetRef: t,
+    targetRef: s,
     labelRef: r,
     onHoverLabel: n
   } = b;
   let l;
-  e[0] !== r || e[1] !== t ? (l = (m) => {
-    m && (r && (r.current = m), t && t(m));
-  }, e[0] = r, e[1] = t, e[2] = l) : l = e[2];
-  const p = `label ${u} ${x && " -uppercase"}`;
-  let s;
-  e[3] !== c ? (s = c && /* @__PURE__ */ f.jsx("span", { className: "-requiredlabel", children: "*" }), e[3] = c, e[4] = s) : s = e[4];
+  e[0] !== r || e[1] !== s ? (l = (p) => {
+    p && (r && (r.current = p), s && s(p));
+  }, e[0] = r, e[1] = s, e[2] = l) : l = e[2];
+  const f = `label ${m} ${u && " -uppercase"}`;
+  let t;
+  e[3] !== c ? (t = c && /* @__PURE__ */ d("span", { className: "-requiredlabel", children: "*" }), e[3] = c, e[4] = t) : t = e[4];
   let a;
-  return e[5] !== o || e[6] !== n || e[7] !== i || e[8] !== l || e[9] !== p || e[10] !== s ? (a = /* @__PURE__ */ f.jsxs("span", { style: i, ref: l, onMouseEnter: n, className: p, children: [
+  return e[5] !== o || e[6] !== n || e[7] !== i || e[8] !== l || e[9] !== f || e[10] !== t ? (a = /* @__PURE__ */ L("span", { style: i, ref: l, onMouseEnter: n, className: f, children: [
     o,
-    s
-  ] }), e[5] = o, e[6] = n, e[7] = i, e[8] = l, e[9] = p, e[10] = s, e[11] = a) : a = e[11], a;
-}, E = L(j);
+    t
+  ] }), e[5] = o, e[6] = n, e[7] = i, e[8] = l, e[9] = f, e[10] = t, e[11] = a) : a = e[11], a;
+}, F = h(x);
 export {
-  E as default
+  F as default
 };
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/lib/inputs/base/Label.tsx"],"sourcesContent":["import React from 'react';\nimport withTooltip from '../../internals/withTooltip';\nimport { InputLabelProps } from './types';\n\nconst Label = (props: InputLabelProps) => {\n  const { \n    label,\n    styleForLabel,\n    customClassForLabel,\n    labelUppercase,\n    required,\n    targetRef,\n    labelRef,\n    onHoverLabel, \n  } = props;\n\n  return (\n    <span\n      style={styleForLabel}\n      ref={\n        (ref) => {\n          if (ref) {\n            if (labelRef) labelRef.current = ref;\n            if (targetRef) targetRef(ref);\n          }\n        }\n      }\n      onMouseEnter={onHoverLabel}\n      className={`label ${customClassForLabel} ${labelUppercase && ' -uppercase'}`}>\n      {label}\n      {required && <span className=\"-requiredlabel\">*</span>}\n    </span>\n  );\n};\n\nexport default withTooltip(Label);\n"],"names":["Label","props","$","_c","label","styleForLabel","customClassForLabel","labelUppercase","required","targetRef","labelRef","onHoverLabel","t0","ref","current","t1","t2","jsx","t3","jsxs","Label$1","withTooltip"],"mappings":";;;AAIA,MAAMA,IAAQC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACZ;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,qBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IASIV;AAAM,MAAAW;AAAA,EAAAV,EAAA,CAAA,MAAAQ,KAAAR,SAAAO,KAMJG,IAAAC,CAAAA,MAAA;AACE,IAAIA,MACEH,MAAUA,EAAQI,UAAWD,IAC7BJ,KAAWA,EAAUI,CAAG;AAAA,EAC7B,GACFX,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAGQ,QAAAa,IAAA,SAAST,CAAmB,IAAIC,KAAA,aAA+B;AAAE,MAAAS;AAAA,EAAAd,SAAAM,KAE3EQ,IAAAR,KAAY,gBAAAS,EAAA,QAAA,EAAgB,WAAA,kBAAiB,UAAA,KAAC,GAAOf,OAAAM,GAAAN,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,SAAAE,KAAAF,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAU,KAAAV,SAAAa,KAAAb,EAAA,EAAA,MAAAc,KAbxDE,IAAA,gBAAAC,EAAA,UACSd,OAAAA,GAEL,KAAAO,GAOYD,cAAAA,GACH,WAAAI,GACVX,UAAAA;AAAAA,IAAAA;AAAAA,IACAY;AAAAA,EAAAA,GACH,GAAOd,OAAAE,GAAAF,OAAAS,GAAAT,OAAAG,GAAAH,OAAAU,GAAAV,OAAAa,GAAAb,QAAAc,GAAAd,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAdPgB;AAcO,GAIXE,IAAeC,EAAYrB,CAAK;"}

package/lib/inputs/base/helpers.js

@@ -1,5 +1,5 @@
 import a from "react";
-import { _ as l } from "../../chunks/lodash.CIAK_hAg.js";
+import l from "../../_virtual/lodash.js";
 const p = ({
   textAlign: r,
   readOnly: t,
@@ -28,3 +28,4 @@ export {
   d as getInputWrapperClass,
   c as getRightElements
 };
+//# sourceMappingURL=helpers.js.map

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

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

package/lib/inputs/color/index.js

@@ -1,57 +1,59 @@
-import { j as c } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as N } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as R, useRef as S, useEffect as B } from "react";
-import { _ as F } from "../../chunks/lodash.CIAK_hAg.js";
-import T from "../text/index.js";
-import _ from "../../buttons/Button.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as B } from "react/compiler-runtime";
+import { useState as E, useRef as F, useEffect as T } from "react";
+import _ from "../../_virtual/lodash.js";
+import P from "../text/index.js";
+import R from "../../buttons/Button.js";
 import "../../icons/index.js";
-import '../../assets/button.css';import '../../assets/index20.css';/* empty css                           */
-const A = (l) => {
-  const t = N.c(17), {
-    asTextField: j,
-    value: y,
+import '../../styles/assets/styles/colorpicker.css';import '../../styles/assets/styles/button.css';/* empty css                              */
+/* empty css                                   */
+const G = (l) => {
+  const t = B(17), {
+    asTextField: y,
+    value: I,
     onChange: o,
     onButtonClick: n,
     name: a
-  } = l, g = j === void 0 ? !0 : j, i = y === void 0 ? "#aaaaaa" : y, [r, h] = R(i), s = S(null);
+  } = l, h = y === void 0 ? !0 : y, i = I === void 0 ? "#aaaaaa" : I, [r, v] = E(i), s = F(null);
   let u;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = F.debounce(P, 300), t[0] = u) : u = t[0];
-  const E = u;
-  let m;
-  t[1] !== o ? (m = (e) => {
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = _.debounce(V, 300), t[0] = u) : u = t[0];
+  const N = u;
+  let f;
+  t[1] !== o ? (f = (e) => {
     const {
-      target: b
+      target: x
     } = e;
-    h(b.value), o && E(o, e);
-  }, t[1] = o, t[2] = m) : m = t[2];
-  const v = m;
-  let f;
-  t[3] !== o ? (f = (e) => {
+    v(x.value), o && N(o, e);
+  }, t[1] = o, t[2] = f) : f = t[2];
+  const b = f;
+  let m;
+  t[3] !== o ? (m = (e) => {
     const {
-      target: b
+      target: x
     } = e;
-    h(b.value), o && (e.persist(), E(o, e));
-  }, t[3] = o, t[4] = f) : f = t[4];
-  const p = f;
+    v(x.value), o && (e.persist(), N(o, e));
+  }, t[3] = o, t[4] = m) : m = t[4];
+  const p = m;
   let d;
   t[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
     s.current && s.current.click();
   }, t[5] = d) : d = t[5];
-  const I = d;
-  let C, x;
+  const S = d;
+  let C, k;
   t[6] !== i ? (C = () => {
-    h(i);
-  }, x = [i], t[6] = i, t[7] = C, t[8] = x) : (C = t[7], x = t[8]), B(C, x);
-  let k;
-  return t[9] !== g || t[10] !== r || t[11] !== a || t[12] !== n || t[13] !== v || t[14] !== p || t[15] !== l ? (k = g ? /* @__PURE__ */ c.jsx(T, { ...l, value: r, onChange: (e) => {
-    e && v(e);
-  }, leftElements: [/* @__PURE__ */ c.jsx("div", { className: "colorpicker-colormirror", style: {
+    v(i);
+  }, k = [i], t[6] = i, t[7] = C, t[8] = k) : (C = t[7], k = t[8]), T(C, k);
+  let g;
+  return t[9] !== h || t[10] !== r || t[11] !== a || t[12] !== n || t[13] !== b || t[14] !== p || t[15] !== l ? (g = h ? /* @__PURE__ */ c(P, { ...l, value: r, onChange: (e) => {
+    e && b(e);
+  }, leftElements: [/* @__PURE__ */ c("div", { className: "colorpicker-colormirror", style: {
     background: r
-  } }, "colorMirror"), /* @__PURE__ */ c.jsx("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: a, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c.jsx(_, { className: "colorpicker-palettebutton", onClick: I, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c.jsx("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor"), t[9] = g, t[10] = r, t[11] = a, t[12] = n, t[13] = v, t[14] = p, t[15] = l, t[16] = k) : k = t[16], k;
+  } }, "colorMirror"), /* @__PURE__ */ c("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: a, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c(R, { className: "colorpicker-palettebutton", onClick: S, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor"), t[9] = h, t[10] = r, t[11] = a, t[12] = n, t[13] = b, t[14] = p, t[15] = l, t[16] = g) : g = t[16], g;
 };
-function P(l, t) {
+function V(l, t) {
   l(t);
 }
 export {
-  A as default
+  G as default
 };
+//# sourceMappingURL=index.js.map

package/lib/inputs/color/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/color/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, MouseEvent, ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport TextField from '../text';\nimport Button from '../../buttons';\nimport '../../assets/styles/colorpicker.scss';\nimport { IColorProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\nconst ColorPicker = (props: IColorProps) => {\n  const {\n    asTextField = true,\n    value = '#aaaaaa',\n    onChange,\n    onButtonClick,\n    name,\n  } = props;\n  const [color, setColor] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedOnChange = _.debounce((func, e) => { func(e); }, 300);\n\n  const onInputChange = (e: CustomInputEvent) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou\n      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR\n      // e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onInputChangeDefault = (e: ChangeEvent<HTMLInputElement>) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onPaletteButtonClick = () => {\n    if (inputRef.current) inputRef.current.click();\n  };\n\n  useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  return (\n    asTextField\n      ? (\n        <TextField\n          {...props}\n          value={color}\n          onChange={(e?: CustomInputEvent) => {\n            if (e) onInputChange(e);\n          }}\n          leftElements={[\n            <div key=\"colorMirror\" className=\"colorpicker-colormirror\" style={{ background: color }} />,\n            <input\n              key=\"inputColor\"\n              className=\"colorpicker-hideinputcolor\"\n              ref={inputRef}\n              type=\"color\"\n              defaultValue={color}\n              name={name}\n              onClick={(e: MouseEvent<HTMLInputElement>) => (\n                onButtonClick ? onButtonClick(e) : undefined\n              )}\n              onInput={onInputChangeDefault} />,\n          ]}\n          rightElements={\n            <Button\n              className=\"colorpicker-palettebutton\"\n              key=\"palettebutton\"\n              onClick={onPaletteButtonClick}\n              iconName=\"pallete\"\n              boxShadow={false} />} />\n        )\n      : (\n        <input\n          key=\"inputColor\"\n          name={name}\n          ref={inputRef}\n          type=\"color\"\n          defaultValue={color}\n          onClick={(e: MouseEvent<HTMLInputElement>) => (\n            onButtonClick ? onButtonClick(e) : undefined\n          )}\n          onInput={onInputChangeDefault} />\n        )\n  );\n};\n\nexport default ColorPicker;\n"],"names":["ColorPicker","props","$","_c","asTextField","t0","value","t1","onChange","onButtonClick","name","undefined","color","setColor","useState","inputRef","useRef","t2","Symbol","for","_","debounce","_temp","debouncedOnChange","t3","e_0","target","e","onInputChange","t4","e_1","target_0","persist","onInputChangeDefault","t5","current","click","onPaletteButtonClick","t6","t7","useEffect","t8","TextField","e_2","background","jsx","e_3","Button","e_4","func"],"mappings":"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"}

package/lib/inputs/date/Dialog.js

@@ -1,17 +1,18 @@
-import { j as a } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as h } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { B as n } from "../../chunks/index.aw0XaUkg.js";
-const p = (r) => {
-  const e = h.c(8), {
+import { jsx as r } from "react/jsx-runtime";
+import { c as a } from "react/compiler-runtime";
+import n from "../../dialog/base/index.js";
+const f = (h) => {
+  const e = a(8), {
     handlerClose: t,
-    children: l,
+    children: s,
     dialogSize: i
-  } = r;
-  let s;
-  e[0] !== t ? (s = () => t(!1), e[0] = t, e[1] = s) : s = e[1];
+  } = h;
+  let l;
+  e[0] !== t ? (l = () => t(!1), e[0] = t, e[1] = l) : l = e[1];
   let o;
-  return e[2] !== l || e[3] !== i.height || e[4] !== i.width || e[5] !== t || e[6] !== s ? (o = /* @__PURE__ */ a.jsx(n, { closeOnEsc: !0, closeOnOutsideClick: !0, handlerClose: s, wrapperClassName: "", width: i.width, height: i.height, onOpenChange: t, children: l }), e[2] = l, e[3] = i.height, e[4] = i.width, e[5] = t, e[6] = s, e[7] = o) : o = e[7], o;
+  return e[2] !== s || e[3] !== i.height || e[4] !== i.width || e[5] !== t || e[6] !== l ? (o = /* @__PURE__ */ r(n, { closeOnEsc: !0, closeOnOutsideClick: !0, handlerClose: l, wrapperClassName: "", width: i.width, height: i.height, onOpenChange: t, children: s }), e[2] = s, e[3] = i.height, e[4] = i.width, e[5] = t, e[6] = l, e[7] = o) : o = e[7], o;
 };
 export {
-  p as default
+  f as default
 };
+//# sourceMappingURL=Dialog.js.map

package/lib/inputs/date/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/lib/inputs/date/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport BaseDialog from '../../dialog/base';\nimport { IDateDialogProps } from './types';\n\nconst Dialog = ({ handlerClose, children, dialogSize }: IDateDialogProps) => (\n  <BaseDialog\n    closeOnEsc\n    closeOnOutsideClick\n    handlerClose={() => handlerClose(false)}\n    wrapperClassName=''\n    width={dialogSize.width}\n    height={dialogSize.height}\n    onOpenChange={handlerClose}>\n    {children}\n  </BaseDialog>\n);\n\nexport default Dialog;\n"],"names":["Dialog","t0","$","_c","handlerClose","children","dialogSize","t1","t2","height","width","BaseDialog"],"mappings":";;;AAIA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAL;AAAwD,MAAAM;AAAA,EAAAL,SAAAE,KAItDG,IAAAA,MAAMH,EAAa,EAAK,GAACF,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,SAAAG,KAAAH,EAAA,CAAA,MAAAI,EAAAG,UAAAP,SAAAI,EAAAI,SAAAR,SAAAE,KAAAF,EAAA,CAAA,MAAAK,KAHzCC,sBAACG,GAAA,EACC,YAAA,IACA,qBAAA,IACc,cAAAJ,GACG,kBAAA,IACV,OAAAD,EAAUI,OACT,QAAAJ,EAAUG,QACJL,cAAAA,GACbC,UAAAA,GACH,GAAaH,OAAAG,GAAAH,EAAA,CAAA,IAAAI,EAAAG,QAAAP,EAAA,CAAA,IAAAI,EAAAI,OAAAR,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GATbM;AASa;"}

package/lib/inputs/date/Dropdown.js

@@ -17,3 +17,4 @@ const p = 24, m = 250, h = (n) => {
 export {
   h as default
 };
+//# sourceMappingURL=Dropdown.js.map

package/lib/inputs/date/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/date/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { IDateDropdownProps } from './types';\n\nconst CALENDAR_BUTTON_WIDTH = 24;\nconst CALENDAR_MIN_WIDTH = 250;\n\nconst Dropdown = (props: IDateDropdownProps) => {\n  const { containerRef, showButtonOpen, dropdownRef, children, inputDimensions } = props;\n  const elementRef = useRef<HTMLDivElement>(document.createElement('div'));\n  const width = inputDimensions && inputDimensions.width + (\n    showButtonOpen ? CALENDAR_BUTTON_WIDTH : 0\n  ) + 4 || CALENDAR_MIN_WIDTH;\n\n  useEffect(() => {\n    elementRef.current.className = 'datepicker-component';\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n\n    containerRef.current?.appendChild(elementRef.current);\n    dropdownRef(elementRef.current);\n\n    return () => {\n      containerRef.current?.removeChild(elementRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n  }, [props]);\n\n  return ReactDOM.createPortal(children, elementRef.current);\n};\n\nexport default Dropdown;\n"],"names":["CALENDAR_BUTTON_WIDTH","CALENDAR_MIN_WIDTH","Dropdown","props","containerRef","showButtonOpen","dropdownRef","children","inputDimensions","elementRef","useRef","document","createElement","width","useEffect","current","className","style","String","concat","top","bottom","appendChild","removeChild","ReactDOM","createPortal"],"mappings":";;AAIA,MAAMA,IAAwB,IACxBC,IAAqB,KAErBC,IAAWA,CAACC,MAA8B;AAC9C,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,gBAAAA;AAAAA,IAAgBC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAAUC,iBAAAA;AAAAA,EAAAA,IAAoBL,GAC3EM,IAAaC,EAAuBC,SAASC,cAAc,KAAK,CAAC,GACjEC,IAAQL,KAAmBA,EAAgBK,SAC/CR,IAAiBL,IAAwB,KACvC,KAAKC;AAETa,SAAAA,EAAU,OACRL,EAAWM,QAAQC,YAAY,wBAC/BP,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOV,GAAiBa,MAAM,EAAEF,OAAO,IAAI,GAE1Ef,EAAaW,SAASO,YAAYb,EAAWM,OAAO,GACpDT,EAAYG,EAAWM,OAAO,GAEvB,MAAM;AACXX,IAAAA,EAAaW,SAASQ,YAAYd,EAAWM,OAAO;AAAA,EACtD,IACC,CAAA,CAAE,GAELD,EAAU,MAAM;AACdL,IAAAA,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOV,GAAiBa,MAAM,EAAEF,OAAO,IAAI;AAAA,EAC5E,GAAG,CAAChB,CAAK,CAAC,GAEHqB,EAASC,aAAalB,GAAUE,EAAWM,OAAO;AAC3D;"}