linear-react-components-ui 1.1.26-beta-1 → 1.1.26-beta.10

package/lib/icons/index.js

@@ -1,61 +1,66 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.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
-}) => {
-  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))
+import { j } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as T } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useRef as q } from "react";
+import A from "./helper.js";
+import D from "../internals/withTooltip.js";
+import '../assets/index2.css';const P = A, G = "rgb(193, 193, 193)", H = (l) => {
+  const t = T.c(27), {
+    name: o,
+    onClick: c,
+    svgStruct: e,
+    size: k,
+    style: a,
+    visible: F,
+    disabled: R,
+    customClass: _,
+    customClassForContainer: B,
+    colorStyle: z,
+    color: n,
+    viewBox: x,
+    pointerEvents: N,
+    targetRef: r,
+    tooltip: g
+  } = l, f = k === void 0 ? 16 : k;
+  let d;
+  t[0] !== a ? (d = a === void 0 ? {} : a, t[0] = a, t[1] = d) : d = t[1];
+  const b = d, y = F === void 0 ? !0 : F, p = R === void 0 ? !1 : R, S = _ === void 0 ? "" : _, w = B === void 0 ? "" : B, i = z === void 0 ? "default" : z, C = N === void 0 ? "none" : N, E = i !== "default" || !n ? void 0 : n, U = q(null), I = o ? P[o].viewbox : e?.viewbox;
+  let m;
+  t[2] !== o || t[3] !== e?.paths ? (m = () => o ? P[o].paths : e?.paths, t[2] = o, t[3] = e?.paths, t[4] = m) : m = t[4];
+  const $ = m;
+  let u, s;
+  if (t[5] !== n || t[6] !== E || t[7] !== i || t[8] !== S || t[9] !== w || t[10] !== p || t[11] !== $ || t[12] !== o || t[13] !== c || t[14] !== C || t[15] !== f || t[16] !== b || t[17] !== e || t[18] !== r || t[19] !== g || t[20] !== x || t[21] !== I || t[22] !== y) {
+    s = Symbol.for("react.early_return_sentinel");
+    t: {
+      const O = () => /* @__PURE__ */ j.jsx("svg", { "data-testid": "icon", "data-color-style": i, onClick: () => {
+        c && !p && c();
+      }, ref: (h) => {
+        U.current = h;
+      }, width: `${f}px`, height: `${f}px`, fill: p ? G : E, viewBox: x || I, className: `icon-component ${S}`, pointerEvents: C, style: b, children: $()?.map(J) });
+      if (n && i !== "default")
+        throw new Error("Expected only one of the two properties: colorStyle or color");
+      if (!o && !e)
+        throw new Error('One of the "name" and "svgStruct" props must be filled');
+      if (!y) {
+        s = null;
+        break 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(
-    "div",
-    {
-      className: `icon-component-container ${w}`,
-      ref: (n) => {
-        c && n && c(n);
-      },
-      children: a()
+      if (!g) {
+        s = O();
+        break t;
+      }
+      let v;
+      t[25] !== r ? (v = (h) => {
+        r && h && r(h);
+      }, t[25] = r, t[26] = v) : v = t[26], u = /* @__PURE__ */ j.jsx("div", { className: `icon-component-container ${w}`, ref: v, children: O() });
     }
-  ) : a() : null;
-}, k = F(O);
+    t[5] = n, t[6] = E, t[7] = i, t[8] = S, t[9] = w, t[10] = p, t[11] = $, t[12] = o, t[13] = c, t[14] = C, t[15] = f, t[16] = b, t[17] = e, t[18] = r, t[19] = g, t[20] = x, t[21] = I, t[22] = y, t[23] = u, t[24] = s;
+  } else
+    u = t[23], s = t[24];
+  return s !== Symbol.for("react.early_return_sentinel") ? s : u;
+}, X = D(H);
+function J(l) {
+  return /* @__PURE__ */ j.jsx("path", { "data-testid": "icon-path", d: l }, l);
+}
 export {
-  k as default
+  X as default
 };

package/lib/index.js

@@ -1,27 +1,28 @@
-import { default as i } from "./panel/Default.js";
-import "./chunks/jsx-runtime.CYK1ROHF.js";
+import { default as s } from "./panel/Default.js";
+import "./chunks/jsx-runtime.D1SHvdVE.js";
+import "./chunks/compiler-runtime.Cu50tn6L.js";
 import "react";
-import { default as d } from "./icons/index.js";
-import { default as x } from "./buttons/Button.js";
+import { default as u } from "./icons/index.js";
+import { default as b } from "./buttons/Button.js";
 import './assets/label.css';import './assets/panel.css';import './assets/noPermission.css';import './assets/button.css';/* empty css                       */
 import "./panel/helpers.js";
 /* empty css                             */
 /* empty css                      */
-import { default as n } from "./toolbar/index.js";
-import { default as L } from "./labels/DefaultLabel.js";
+import { default as B } from "./toolbar/index.js";
+import { default as T } from "./labels/DefaultLabel.js";
 /* empty css                      */
-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.yztgndLc.js";
+import { default as g } from "./list/index.js";
+import { default as I } from "./radio/index.js";
+import { default as R } from "./tabs/index.js";
+import { B as j } from "./chunks/index.aw0XaUkg.js";
 export {
-  x as Button,
-  h as Dialog,
-  d as Icon,
-  L as Label,
-  c as List,
-  i as Panel,
-  D as Radio,
-  P as Tab,
-  n as Toolbar
+  b as Button,
+  j as Dialog,
+  u as Icon,
+  T as Label,
+  g as List,
+  s as Panel,
+  I as Radio,
+  R as Tab,
+  B as Toolbar
 };

package/lib/inputs/base/InputTextBase.js

@@ -1,269 +1,183 @@
-import { j as n } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useRef as ge, useState as pe, useEffect as k } from "react";
-import ye from "lodash";
+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 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 k 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",
-    value: z,
-    defaultValue: H,
-    type: p = "text",
-    readOnly: h = !1,
-    placeHolder: _,
-    required: y,
-    leftElements: v,
+    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: 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;
-  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);
-  k(() => {
-    w && w(d);
+    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);
   }, []);
-  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,
-      defaultValue: H,
+  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: p,
-      readOnly: T(),
-      placeholder: _,
-      disabled: g() || u,
-      autoFocus: se,
+      type: b,
+      readOnly: L(),
+      placeholder: H,
+      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;
-        return $ === K ? $ : K;
+  if (K(() => {
+    const n = new ResizeObserver(([e]) => {
+      const {
+        target: S
+      } = e;
+      h((_) => {
+        const $ = S.clientWidth < S.scrollWidth;
+        return _ === $ ? _ : $;
       });
     });
-    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(
-    "div",
-    {
-      style: Z,
-      className: `input-base-component ${x ? "-skeletonized" : ""} ${U}`,
-      ref: J,
-      children: [
-        r && /* @__PURE__ */ n.jsxs(
-          "div",
-          {
-            className: "labelcontainer",
-            style: { textAlign: m === "center" ? "left" : m },
-            children: [
-              /* @__PURE__ */ n.jsx(
-                A,
-                {
-                  labelRef: i,
-                  required: y,
-                  label: r,
-                  onHoverLabel: be,
-                  className: C,
-                  labelUppercase: I,
-                  tooltip: r.toString(),
-                  tooltipPosition: "top"
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "div",
-                {
-                  className: "text-content",
-                  style: { display: "flex" },
-                  children: /* @__PURE__ */ n.jsxs(
-                    "div",
-                    {
-                      className: `label ${C} ${I && " -uppercase"}`,
-                      style: { alignSelf: "center" },
-                      children: [
-                        r,
-                        y && /* @__PURE__ */ n.jsx("span", { className: "-requiredlabel", children: "*" }),
-                        !!a && j === "onLabelRight" && !x && /* @__PURE__ */ n.jsx(
-                          Ne,
-                          {
-                            theme: ue,
-                            align: fe,
-                            customClass: "-hint",
-                            iconColor: "#03bde2",
-                            style: { margin: "0px 5px", height: "auto", width: 20 },
-                            children: a
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ n.jsx(A, {})
-            ]
-          }
-        ),
-        /* @__PURE__ */ n.jsxs(
-          "div",
-          {
-            "data-testid": "testInputWrapper",
-            style: te,
-            className: Ie({
-              ...t,
-              disabled: g() || u
-            }),
-            children: [
-              v && /* @__PURE__ */ n.jsx(
-                "div",
-                {
-                  style: ne,
-                  className: `sidebuttons ${G}`,
-                  children: v
-                }
-              ),
-              /* @__PURE__ */ n.jsxs(
-                "div",
-                {
-                  "data-testid": "testInputContent",
-                  style: ee,
-                  className: `inputcontent ${V}`,
-                  children: [
-                    p === "textarea" ? /* @__PURE__ */ n.jsx(
-                      "textarea",
-                      {
-                        rows: t.rows,
-                        cols: t.cols,
-                        tabIndex: L(),
-                        ...S()
-                      }
-                    ) : /* @__PURE__ */ n.jsx(
-                      "input",
-                      {
-                        autoComplete: de,
-                        tabIndex: L(),
-                        "data-testid": "teste-123",
-                        ...S()
-                      }
-                    ),
-                    M
-                  ]
-                }
-              ),
-              Ce(D || [], x, q)
-            ]
-          }
-        ),
-        /* @__PURE__ */ n.jsx(
-          Oe,
-          {
-            disabled: F,
-            visible: !!a && j === "below",
-            customClass: "hint",
-            description: a
-          }
-        ),
-        /* @__PURE__ */ n.jsx(Fe, { messages: D })
-      ]
-    }
-  );
-}, He = ve(De(Re));
+  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
+    }, 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: {
+        display: "flex"
+      }, children: /* @__PURE__ */ t.jsxs("div", { className: `label ${v} ${C && " -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: {
+          margin: "0px 5px",
+          height: "auto",
+          width: 20
+        }, children: r })
+      ] }) }),
+      /* @__PURE__ */ t.jsx(k, {})
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { "data-testid": "testInputWrapper", style: te, className: Ie({
+      ...s,
+      disabled: x() || d
+    }), 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
+      ] }),
+      Ce(j || [], p, q)
+    ] }),
+    /* @__PURE__ */ t.jsx(Oe, { disabled: O, visible: !!r && I === "below", customClass: "hint", description: r }),
+    /* @__PURE__ */ t.jsx(Fe, { messages: j })
+  ] });
+}, ze = ve(De(Re));
 export {
-  He as default
+  ze as default
 };

package/lib/inputs/base/Label.js

@@ -1,32 +1,30 @@
-import { j as a } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import b from "../../internals/withTooltip.js";
-const u = (r) => {
-  const {
-    label: t,
-    styleForLabel: o,
-    customClassForLabel: n,
-    labelUppercase: i,
+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), {
+    label: o,
+    styleForLabel: i,
+    customClassForLabel: u,
+    labelUppercase: x,
     required: c,
-    targetRef: l,
-    labelRef: s,
-    onHoverLabel: p
-  } = r;
-  return /* @__PURE__ */ a.jsxs(
-    "span",
-    {
-      style: o,
-      ref: (e) => {
-        e && (s && (s.current = e), l && l(e));
-      },
-      onMouseEnter: p,
-      className: `label ${n} ${i && " -uppercase"}`,
-      children: [
-        t,
-        c && /* @__PURE__ */ a.jsx("span", { className: "-requiredlabel", children: "*" })
-      ]
-    }
-  );
-}, d = b(u);
+    targetRef: t,
+    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];
+  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: [
+    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);
 export {
-  d as default
+  E as default
 };

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;