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

package/lib/uitour/index.js

@@ -1,186 +1,187 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as r, useRef as v, useCallback as V, useEffect as w, useMemo as X } from "react";
-import { createPortal as Y } from "react-dom";
-import Z from "../buttons/Button.js";
-import y from "../buttons/PrimaryButton.js";
+import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as xe } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as a, useRef as se, useEffect as ne } from "react";
+import { createPortal as ge } from "react-dom";
+import Ie from "../buttons/Button.js";
+import oe from "../buttons/PrimaryButton.js";
 import "../icons/index.js";
 import '../assets/button.css';import '../assets/index19.css';/* empty css                        */
-import { STEP_POSITIONS as h, ARROW_WIDTH as G, ARROW_HEIGHT as U } from "./helpers.js";
-const re = ($) => {
-  const {
-    data: i,
-    nextButtonLabel: j,
-    backButtonLabel: k,
-    finishButtonLabel: N,
-    showCloseButton: C = !0,
-    showBackButton: R = !0,
-    visible: a = !0,
-    onFinish: T,
-    onStepChange: P
-  } = $, [s, b] = r(void 0), [x, g] = r(!1), [I, S] = r(!1), [u, B] = r(!1), [L, H] = r(null), [f, A] = r(a), [W, O] = r(h.left), m = v(null), E = v(null), l = v([]), M = () => {
-    if (x) {
-      const e = i.findIndex((c) => c.id === (s == null ? void 0 : s.id)), t = i[e + 1], n = i.findIndex((c) => c.id === t.id);
-      document.getElementById(t.targetId) && b({ ...t, number: n + 1 });
+import { STEP_POSITIONS as W, ARROW_WIDTH as me, ARROW_HEIGHT as pe } from "./helpers.js";
+const Ce = (he) => {
+  const e = xe.c(54), {
+    data: o,
+    nextButtonLabel: M,
+    backButtonLabel: $,
+    finishButtonLabel: z,
+    showCloseButton: ie,
+    showBackButton: le,
+    visible: ce,
+    onFinish: b,
+    onStepChange: x
+  } = he, D = ie === void 0 ? !0 : ie, F = le === void 0 ? !0 : le, c = ce === void 0 ? !0 : ce, [n, G] = a(void 0), [f, U] = a(!1), [u, q] = a(!1), [g, J] = a(!1), [K, re] = a(null), [m, de] = a(c), [Q, ae] = a(W.left), V = se(null), X = se(null);
+  let I;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (I = [], e[0] = I) : I = e[0];
+  const d = se(I);
+  let S;
+  e[1] !== n?.id || e[2] !== o || e[3] !== f ? (S = () => {
+    if (f) {
+      const t = o.findIndex((r) => r.id === n?.id), s = o[t + 1], i = o.findIndex((r) => r.id === s.id);
+      document.getElementById(s.targetId) && G({
+        ...s,
+        number: i + 1
+      });
     }
-  }, _ = () => {
-    if (I) {
-      const e = i.findIndex((c) => c.id === (s == null ? void 0 : s.id)), t = i[e - 1], n = i.findIndex((c) => c.id === t.id);
-      document.getElementById(t.targetId) && b({ ...t, number: n + 1 });
+  }, e[1] = n?.id, e[2] = o, e[3] = f, e[4] = S) : S = e[4];
+  const Y = S;
+  let v;
+  e[5] !== n?.id || e[6] !== o || e[7] !== u ? (v = () => {
+    if (u) {
+      const t = o.findIndex((r) => r.id === n?.id), s = o[t - 1], i = o.findIndex((r) => r.id === s.id);
+      document.getElementById(s.targetId) && G({
+        ...s,
+        number: i + 1
+      });
     }
-  }, p = () => {
-    A(!1), T && T(!0);
-  }, q = (e) => {
-    if (m.current) {
-      const t = m.current.getBoundingClientRect(), n = window.innerWidth;
-      t.right >= n || (s == null ? void 0 : s.position) === h.right ? (O(h.right), H({
-        top: e.top - U,
-        left: e.left - t.width - G
-      })) : (O(h.left), H({
-        top: e.top - U,
-        left: e.left + e.width + G
+  }, e[5] = n?.id, e[6] = o, e[7] = u, e[8] = v) : v = e[8];
+  const Z = v;
+  let B;
+  e[9] !== b ? (B = () => {
+    de(!1), b && b(!0);
+  }, e[9] = b, e[10] = B) : B = e[10];
+  const y = B;
+  let E;
+  e[11] !== n?.position ? (E = (t) => {
+    if (V.current) {
+      const s = V.current.getBoundingClientRect(), i = window.innerWidth;
+      s.right >= i || n?.position === W.right ? (ae(W.right), re({
+        top: t.top - pe,
+        left: t.left - s.width - me
+      })) : (ae(W.left), re({
+        top: t.top - pe,
+        left: t.left + t.width + me
       }));
     }
-  }, D = (e) => {
-    A(a), b(e);
-  }, z = () => {
-    l.current.length > 0 && l.current.forEach((t) => {
-      const n = document.getElementById(t.elementId);
-      n && (delete n.dataset.uitour, l.current = l.current.filter((d) => d.elementId !== t.elementId));
+  }, e[11] = n?.position, e[12] = E) : E = e[12];
+  const ee = E;
+  let w;
+  e[13] !== c ? (w = (t) => {
+    de(c), G(t);
+  }, e[13] = c, e[14] = w) : w = e[14];
+  const j = w;
+  let k;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
+    d.current.length > 0 && d.current.forEach((s) => {
+      const i = document.getElementById(s.elementId);
+      i && (delete i.dataset.uitour, d.current = d.current.filter((h) => h.elementId !== s.elementId));
     });
-  }, F = V((e) => {
-    const t = document.getElementById(e.elementId);
-    t && (t.dataset.uitour = e.effect, l.current && l.current.push(e));
-  }, []), J = (e) => {
-    if (e.effect) {
-      const { effect: t, targetId: n } = e;
-      F({ effect: t, elementId: n });
+  }, e[15] = k) : k = e[15];
+  const fe = k;
+  let _;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (_ = (t) => {
+    const s = document.getElementById(t.elementId);
+    s && (s.dataset.uitour = t.effect, d.current && d.current.push(t));
+  }, e[16] = _) : _ = e[16];
+  const ue = _;
+  let C;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (C = (t) => {
+    if (t.effect) {
+      const {
+        effect: s,
+        targetId: i
+      } = t;
+      ue({
+        effect: s,
+        elementId: i
+      });
     }
-    if (e.elementsEffects) {
-      let { elementsEffects: t } = e;
-      Array.isArray(t) || (t = [t]), t.forEach((n) => {
-        F(n);
+    if (t.elementsEffects) {
+      let {
+        elementsEffects: s
+      } = t;
+      Array.isArray(s) || (s = [s]), s.forEach((i) => {
+        ue(i);
       });
     }
-  };
-  w(() => {
-    if (s) {
-      const e = document.getElementById(s.targetId);
-      if (e) {
-        const t = e.getBoundingClientRect(), n = i.findIndex((Q) => Q.id === s.id), d = i.length - 1, c = 0;
-        switch (n) {
-          case d:
-            g(!1), S(!0), B(!0);
-            break;
-          case c:
-            g(!0), B(!1), S(!1);
-            break;
+  }, e[17] = C) : C = e[17];
+  const be = C;
+  let N;
+  e[18] !== n || e[19] !== o || e[20] !== ee || e[21] !== x ? (N = () => {
+    if (n) {
+      const t = document.getElementById(n.targetId);
+      if (t) {
+        const s = t.getBoundingClientRect(), i = o.findIndex((r) => r.id === n.id), h = o.length - 1;
+        e: switch (i) {
+          case h: {
+            U(!1), q(!0), J(!0);
+            break e;
+          }
+          case 0: {
+            U(!0), J(!1), q(!1);
+            break e;
+          }
           default:
-            g(!0), S(!0), B(!1);
+            U(!0), q(!0), J(!1);
         }
-        q(t), z(), J(i[n]), P && P(e);
+        ee(s), fe(), be(o[i]), x && x(t);
       }
-      E.current && (E.current.innerHTML = s.description);
+      X.current && (X.current.innerHTML = n.description);
     }
-  }, [s, m.current]), w(() => {
-    let e = null;
-    if (i && a) {
-      const n = { ...i[0], number: 1 };
-      document.getElementById(n.targetId) ? D(n) : (e = new MutationObserver(() => {
-        document.getElementById(n.targetId) && (D(n), e == null || e.disconnect(), e = null);
-      }), e.observe(document, { subtree: !0, childList: !0 }));
+  }, e[18] = n, e[19] = o, e[20] = ee, e[21] = x, e[22] = N) : N = e[22];
+  let R;
+  e[23] !== n ? (R = [n], e[23] = n, e[24] = R) : R = e[24], ne(N, R);
+  let T;
+  e[25] !== o || e[26] !== j || e[27] !== c ? (T = () => {
+    let t = null;
+    if (o && c) {
+      const s = {
+        ...o[0],
+        number: 1
+      };
+      document.getElementById(s.targetId) ? j(s) : (t = new MutationObserver(() => {
+        document.getElementById(s.targetId) && (j(s), t?.disconnect(), t = null);
+      }), t.observe(document, {
+        subtree: !0,
+        childList: !0
+      }));
     }
     return () => {
-      e == null || e.disconnect(), e = null;
+      t?.disconnect(), t = null;
     };
-  }, [a, i]), w(() => {
-    !f && l.current.length > 0 && z(), f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
-  }, [f, l.current.length]);
-  const K = X(() => /* @__PURE__ */ o.jsx("div", { className: "uitour-component", children: s && /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      ref: m,
-      className: `step -${W}`,
-      style: { ...L },
-      children: [
-        C && /* @__PURE__ */ o.jsx("div", { className: "closebutton", children: /* @__PURE__ */ o.jsx(
-          Z,
-          {
-            iconName: "cancel2",
-            iconAlign: "center",
-            size: "large",
-            transparent: !0,
-            boxShadow: !1,
-            style: { padding: 0 },
-            onClick: p
-          }
-        ) }),
-        /* @__PURE__ */ o.jsxs("div", { className: "content", children: [
-          /* @__PURE__ */ o.jsx("span", { className: "number", children: s.number }),
-          /* @__PURE__ */ o.jsxs("div", { className: "about", children: [
-            /* @__PURE__ */ o.jsx("h3", { children: s.title }),
-            /* @__PURE__ */ o.jsx(
-              "p",
-              {
-                className: "description",
-                ref: E
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ o.jsxs("div", { className: "footer", children: [
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              label: k,
-              onClick: _,
-              disabled: !I,
-              visible: R,
-              customClass: "back-button"
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              label: j,
-              onClick: M,
-              disabled: !x,
-              visible: !u,
-              customClass: "next-button"
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              label: N,
-              visible: u,
-              onClick: p,
-              customClass: "finish-button"
-            }
-          )
-        ] })
-      ]
-    },
-    s.id
-  ) }), [
-    s,
-    W,
-    L,
-    C,
-    p,
-    k,
-    _,
-    I,
-    R,
-    j,
-    M,
-    x,
-    u,
-    N,
-    u,
-    p
-  ]);
-  return f ? Y(K, document.body) : null;
+  }, e[25] = o, e[26] = j, e[27] = c, e[28] = T) : T = e[28];
+  let O;
+  e[29] !== o || e[30] !== c ? (O = [c, o], e[29] = o, e[30] = c, e[31] = O) : O = e[31], ne(T, O);
+  let P, L;
+  e[32] !== m ? (P = () => {
+    !m && d.current.length > 0 && fe(), m ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+  }, L = [m], e[32] = m, e[33] = P, e[34] = L) : (P = e[33], L = e[34]), ne(P, L);
+  let p;
+  e[35] !== $ || e[36] !== n || e[37] !== z || e[38] !== Z || e[39] !== Y || e[40] !== u || e[41] !== f || e[42] !== g || e[43] !== M || e[44] !== y || e[45] !== F || e[46] !== D || e[47] !== K || e[48] !== Q ? (p = n && /* @__PURE__ */ l.jsxs("div", { ref: V, className: `step -${Q}`, style: {
+    ...K
+  }, children: [
+    D && /* @__PURE__ */ l.jsx("div", { className: "closebutton", children: /* @__PURE__ */ l.jsx(Ie, { iconName: "cancel2", iconAlign: "center", size: "large", transparent: !0, boxShadow: !1, style: {
+      padding: 0
+    }, onClick: y }) }),
+    /* @__PURE__ */ l.jsxs("div", { className: "content", children: [
+      /* @__PURE__ */ l.jsx("span", { className: "number", children: n.number }),
+      /* @__PURE__ */ l.jsxs("div", { className: "about", children: [
+        /* @__PURE__ */ l.jsx("h3", { children: n.title }),
+        /* @__PURE__ */ l.jsx("p", { className: "description", ref: X })
+      ] })
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: "footer", children: [
+      /* @__PURE__ */ l.jsx(oe, { label: $, onClick: Z, disabled: !u, visible: F, customClass: "back-button" }),
+      /* @__PURE__ */ l.jsx(oe, { label: M, onClick: Y, disabled: !f, visible: !g, customClass: "next-button" }),
+      /* @__PURE__ */ l.jsx(oe, { label: z, visible: g, onClick: y, customClass: "finish-button" })
+    ] })
+  ] }, n.id), e[35] = $, e[36] = n, e[37] = z, e[38] = Z, e[39] = Y, e[40] = u, e[41] = f, e[42] = g, e[43] = M, e[44] = y, e[45] = F, e[46] = D, e[47] = K, e[48] = Q, e[49] = p) : p = e[49];
+  let H;
+  e[50] !== p ? (H = /* @__PURE__ */ l.jsx("div", { className: "uitour-component", children: p }), e[50] = p, e[51] = H) : H = e[51];
+  const te = H;
+  if (!m)
+    return null;
+  let A;
+  return e[52] !== te ? (A = ge(te, document.body), e[52] = te, e[53] = A) : A = e[53], A;
 };
 export {
-  re as default
+  Ce as default
 };

package/package.json

@@ -1,17 +1,20 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.26-beta-1",
+  "version": "1.1.26-beta.10",
   "description": "Linear Sistemas ReactJs Components",
   "type": "module",
   "files": [
     "lib"
   ],
+  "exports": {
+    "./*": "./lib/*"
+  },
+  "imports": {},
   "scripts": {
     "lib": "vite build",
     "demo": "vite",
     "demo:prod": "vite preview",
     "check:js": "eslint --cache",
-    "deploy:heroku": "npm run demo:prod && cd demo && git commit -am 'Deploy' && git push heroku master",
     "deploy:vercel": "npm run demo:prod && vercel --prod demo",
     "publish:npm": "npm run lib && npm publish",
     "publish:npm:beta": "npm run lib && npm publish --tag beta",
@@ -42,61 +45,47 @@
     ]
   },
   "dependencies": {
-    "attach-dom-events": "1.0.0",
-    "browserslist": "4.23.0",
-    "esbuild": "0.21.5",
-    "history": "5.0.0",
-    "init": "0.1.2",
     "lodash": "4.17.21",
     "moment": "2.30.1",
-    "prop-types": "15.8.1",
-    "react-dev-utils": "12.0.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-imask": "7.6.1",
-    "react-router-dom": "6.21.3",
-    "react-syntax-highlighter": "15.5.0",
-    "semver": "7.5.4",
-    "uuid": "9.0.1"
+    "react-router-dom": "7.9.4",
+    "react-syntax-highlighter": "15.6.6",
+    "uuid": "13.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "9.34.0",
+    "@eslint/js": "9.35.0",
     "@stylistic/eslint-plugin": "5.3.1",
-    "@swc/core": "1.4.13",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.8.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@types/lodash": "4.14.191",
-    "@types/node": "22.13.14",
-    "@types/react": "19.0.12",
-    "@types/react-dev-utils": "9.0.11",
-    "@types/react-dom": "19.0.4",
-    "@types/react-router-dom": "5.3.3",
-    "@types/react-syntax-highlighter": "15.5.6",
-    "@types/uuid": "8.3.4",
-    "@vitejs/plugin-react": "4.3.4",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
-    "eslint": "9.34.0",
+    "@types/eslint-plugin-jsx-a11y": "6.10.1",
+    "@types/lodash": "4.17.20",
+    "@types/node": "22.18.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.0",
+    "@types/react-syntax-highlighter": "15.5.13",
+    "@vitejs/plugin-react": "5.0.4",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "9.35.0",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "6.0.0-rc.1",
+    "eslint-plugin-react-hooks": "7.0.0",
     "fast-glob": "3.3.3",
-    "globals": "16.3.0",
-    "husky": "9.0.7",
-    "identity-obj-proxy": "3.0.0",
+    "globals": "16.4.0",
+    "husky": "9.1.7",
     "jiti": "2.5.1",
     "jsdom": "26.1.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "sass": "1.74.1",
-    "ts-node": "10.9.2",
-    "tsup": "6.6.0",
-    "typescript": "4.9.5",
-    "typescript-eslint": "8.42.0",
-    "vite": "6.2.3",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "2.2.1",
+    "sass-embedded": "1.92.1",
+    "typescript": "5.9.2",
+    "typescript-eslint": "8.43.0",
+    "vite": "7.1.11",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-lib-inject-css": "2.2.2",
     "vitest": "3.2.4"
   }
 }