linear-react-components-ui 1.1.26-beta.5 → 1.1.26-beta.6

package/lib/icons/index.js

@@ -1,61 +1,58 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import { useRef as C } from "react";
-import B from "./helper.js";
-import F from "../internals/withTooltip.js";
-import '../assets/index2.css';const d = B, N = "rgb(193, 193, 193)", O = ({
-  name: e,
-  onClick: l,
-  svgStruct: o,
-  size: f = 16,
-  style: h = {},
-  visible: m = !0,
-  disabled: p = !1,
-  customClass: x = "",
-  customClassForContainer: w = "",
-  colorStyle: i = "default",
-  color: r,
-  viewBox: I,
-  pointerEvents: j = "none",
-  targetRef: c,
-  tooltip: u
+import { j as i } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import { useRef as b } from "react";
+import E from "./helper.js";
+import S from "../internals/withTooltip.js";
+import '../assets/index2.css';const a = E, y = "rgb(193, 193, 193)", C = ({
+  name: t,
+  onClick: s,
+  svgStruct: r,
+  size: c = 16,
+  style: d = {},
+  visible: h = !0,
+  disabled: l = !1,
+  customClass: m = "",
+  customClassForContainer: u = "",
+  colorStyle: e = "default",
+  color: n,
+  viewBox: x,
+  pointerEvents: w = "none",
+  targetRef: f,
+  tooltip: g
 }) => {
-  const $ = i !== "default" || !r ? void 0 : r, b = C(null), E = e ? d[e].viewbox : o == null ? void 0 : o.viewbox, y = () => e ? d[e].paths : o == null ? void 0 : o.paths, a = () => {
-    var n;
-    return /* @__PURE__ */ s.jsx(
-      "svg",
-      {
-        "data-testid": "icon",
-        "data-color-style": i,
-        onClick: () => {
-          l && !p && l();
-        },
-        ref: (t) => {
-          b.current = t;
-        },
-        width: `${f}px`,
-        height: `${f}px`,
-        fill: p ? N : $,
-        viewBox: I || E,
-        className: `icon-component ${x}`,
-        pointerEvents: j,
-        style: h,
-        children: (n = y()) == null ? void 0 : n.map((t) => /* @__PURE__ */ s.jsx("path", { "data-testid": "icon-path", d: t }, t))
-      }
-    );
-  };
-  if (r && i !== "default") throw new Error("Expected only one of the two properties: colorStyle or color");
-  if (!e && !o) throw new Error('One of the "name" and "svgStruct" props must be filled');
-  return m ? u ? /* @__PURE__ */ s.jsx(
+  const v = e !== "default" || !n ? void 0 : n, I = b(null), j = t ? a[t].viewbox : r?.viewbox, $ = () => t ? a[t].paths : r?.paths, p = () => /* @__PURE__ */ i.jsx(
+    "svg",
+    {
+      "data-testid": "icon",
+      "data-color-style": e,
+      onClick: () => {
+        s && !l && s();
+      },
+      ref: (o) => {
+        I.current = o;
+      },
+      width: `${c}px`,
+      height: `${c}px`,
+      fill: l ? y : v,
+      viewBox: x || j,
+      className: `icon-component ${m}`,
+      pointerEvents: w,
+      style: d,
+      children: $()?.map((o) => /* @__PURE__ */ i.jsx("path", { "data-testid": "icon-path", d: o }, o))
+    }
+  );
+  if (n && e !== "default") throw new Error("Expected only one of the two properties: colorStyle or color");
+  if (!t && !r) throw new Error('One of the "name" and "svgStruct" props must be filled');
+  return h ? g ? /* @__PURE__ */ i.jsx(
     "div",
     {
-      className: `icon-component-container ${w}`,
-      ref: (n) => {
-        c && n && c(n);
+      className: `icon-component-container ${u}`,
+      ref: (o) => {
+        f && o && f(o);
       },
-      children: a()
+      children: p()
     }
-  ) : a() : null;
-}, k = F(O);
+  ) : p() : null;
+}, U = S(C);
 export {
-  k as default
+  U as default
 };

package/lib/index.js

@@ -1,5 +1,5 @@
 import { default as i } from "./panel/Default.js";
-import "./chunks/jsx-runtime.gtoSnx-V.js";
+import "./chunks/jsx-runtime.C7wFtzyj.js";
 import "react";
 import { default as d } from "./icons/index.js";
 import { default as x } from "./buttons/Button.js";
@@ -13,7 +13,7 @@ import { default as L } from "./labels/DefaultLabel.js";
 import { default as c } from "./list/index.js";
 import { default as D } from "./radio/index.js";
 import { default as P } from "./tabs/index.js";
-import { B as h } from "./chunks/index.CjD97zna.js";
+import { B as h } from "./chunks/index.CM1aLH2W.js";
 export {
   x as Button,
   h as Dialog,

package/lib/inputs/base/InputTextBase.js

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

package/lib/inputs/base/Label.js

@@ -1,4 +1,4 @@
-import { j as a } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as a } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import b from "../../internals/withTooltip.js";
 const u = (r) => {
   const {

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

@@ -2,9 +2,9 @@ import { JSX } from 'react';
 import { IBaseProps } from './types';
 import { TextAlign } from '../../../lib/@types/Align';
 export declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
-    textAlign?: TextAlign | undefined;
-    readOnly?: boolean | undefined;
-    readOnlyClass?: string | undefined;
+    textAlign?: TextAlign;
+    readOnly?: boolean;
+    readOnlyClass?: string;
 }) => string;
 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,5 +1,5 @@
 import a from "react";
-import { _ as l } from "../../chunks/lodash.C68pWaTB.js";
+import { _ as l } from "../../chunks/lodash.CIAK_hAg.js";
 const p = ({
   textAlign: r,
   readOnly: t,

package/lib/inputs/color/index.js

@@ -1,6 +1,6 @@
-import { j as e } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as e } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import { useState as k, useRef as x, useEffect as g } from "react";
-import { _ as h } from "../../chunks/lodash.C68pWaTB.js";
+import { _ as h } from "../../chunks/lodash.CIAK_hAg.js";
 import j from "../text/index.js";
 import v from "../../buttons/Button.js";
 import "../../icons/index.js";

package/lib/inputs/date/Dialog.js

@@ -1,5 +1,5 @@
-import { j as a } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { B as o } from "../../chunks/index.CjD97zna.js";
+import { j as a } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { B as o } from "../../chunks/index.CM1aLH2W.js";
 const h = ({ handlerClose: e, children: t, dialogSize: s }) => /* @__PURE__ */ a.jsx(
   o,
   {

package/lib/inputs/date/Dropdown.js

@@ -1,17 +1,13 @@
-import { useRef as f, useEffect as d } from "react";
-import m from "react-dom";
-const s = 24, h = 250, R = (r) => {
-  const { containerRef: c, showButtonOpen: u, dropdownRef: l, children: p, inputDimensions: e } = r, t = f(document.createElement("div")), n = e && e.width + (u ? s : 0) + 4 || h;
-  return d(() => {
-    var o;
-    return t.current.className = "datepicker-component", t.current.style.width = String(n).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px"), (o = c.current) == null || o.appendChild(t.current), l(t.current), () => {
-      var a;
-      (a = c.current) == null || a.removeChild(t.current);
-    };
-  }, []), d(() => {
-    t.current.style.width = String(n).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px");
-  }, [r]), m.createPortal(p, t.current);
+import { useRef as a, useEffect as o } from "react";
+import d from "react-dom";
+const p = 24, m = 250, h = (n) => {
+  const { containerRef: r, showButtonOpen: i, dropdownRef: u, children: s, inputDimensions: e } = n, t = a(document.createElement("div")), c = e && e.width + (i ? p : 0) + 4 || m;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(e?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e?.bottom).concat("px");
+  }, [n]), d.createPortal(s, t.current);
 };
 export {
-  R as default
+  h as default
 };

package/lib/inputs/date/helpers.js

@@ -1,4 +1,4 @@
-import { h as o } from "../../chunks/moment.CwOqp704.js";
+import { h as o } from "../../chunks/moment.DMLRxgRE.js";
 const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", s = (r) => {
   let t = r;
   return o(t, e, !0).isValid() && (t = o(t, e).format(e)), typeof t == "string" ? o(t, Y) : t;