linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/uitour/index.js

@@ -1,187 +1,184 @@
-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 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
-      });
-    }
-  }, 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
-      });
-    }
-  }, 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
-      }));
-    }
-  }, 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));
-    });
-  }, 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 (t.elementsEffects) {
-      let {
-        elementsEffects: s
-      } = t;
-      Array.isArray(s) || (s = [s]), s.forEach((i) => {
-        ue(i);
-      });
-    }
-  }, 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:
-            U(!0), q(!0), J(!1);
-        }
-        ee(s), fe(), be(o[i]), x && x(t);
-      }
-      X.current && (X.current.innerHTML = n.description);
-    }
-  }, 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 () => {
-      t?.disconnect(), t = 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 {
-  Ce as default
+import e from "../buttons/PrimaryButton.js";
+import t from "../buttons/index.js";
+import '../assets/styles/uitour.css';/* empty css                      */
+import { STEP_POSITIONS as n } from "./helpers.js";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as u } from "react-dom";
+//#region src/lib/uitour/index.tsx
+var d = (d) => {
+	let { data: f, nextButtonLabel: p, backButtonLabel: m, finishButtonLabel: h, showCloseButton: g = !0, showBackButton: _ = !0, visible: v = !0, onFinish: y, onStepChange: b } = d, [x, S] = s(void 0), [C, w] = s(!1), [T, E] = s(!1), [D, O] = s(!1), [k, A] = s(null), [j, M] = s(v), [N, P] = s(n.left), F = o(null), I = o(null), L = o([]), R = () => {
+		if (C) {
+			let e = f[f.findIndex((e) => e.id === x?.id) + 1], t = f.findIndex((t) => t.id === e.id);
+			document.getElementById(e.targetId) && S({
+				...e,
+				number: t + 1
+			});
+		}
+	}, z = () => {
+		if (T) {
+			let e = f[f.findIndex((e) => e.id === x?.id) - 1], t = f.findIndex((t) => t.id === e.id);
+			document.getElementById(e.targetId) && S({
+				...e,
+				number: t + 1
+			});
+		}
+	}, B = () => {
+		M(!1), y && y(!0);
+	}, V = (e) => {
+		if (F.current) {
+			let t = F.current.getBoundingClientRect(), r = window.innerWidth;
+			t.right >= r || x?.position === n.right ? (P(n.right), A({
+				top: e.top - 20,
+				left: e.left - t.width - 26
+			})) : (P(n.left), A({
+				top: e.top - 20,
+				left: e.left + e.width + 26
+			}));
+		}
+	}, H = (e) => {
+		M(v), S(e);
+	}, U = () => {
+		L.current.length > 0 && L.current.forEach((e) => {
+			let t = document.getElementById(e.elementId);
+			t && (delete t.dataset.uitour, L.current = L.current.filter((t) => t.elementId !== e.elementId));
+		});
+	}, W = r((e) => {
+		let t = document.getElementById(e.elementId);
+		t && (t.dataset.uitour = e.effect, L.current && L.current.push(e));
+	}, []), G = (e) => {
+		if (e.effect) {
+			let { effect: t, targetId: n } = e;
+			W({
+				effect: t,
+				elementId: n
+			});
+		}
+		if (e.elementsEffects) {
+			let { elementsEffects: t } = e;
+			Array.isArray(t) || (t = [t]), t.forEach((e) => {
+				W(e);
+			});
+		}
+	};
+	i(() => {
+		if (x) {
+			let e = document.getElementById(x.targetId);
+			if (e) {
+				let t = e.getBoundingClientRect(), n = f.findIndex((e) => e.id === x.id), r = f.length - 1;
+				switch (n) {
+					case r:
+						w(!1), E(!0), O(!0);
+						break;
+					case 0:
+						w(!0), O(!1), E(!1);
+						break;
+					default: w(!0), E(!0), O(!1);
+				}
+				V(t), U(), G(f[n]), b && b(e);
+			}
+			I.current && (I.current.innerHTML = x.description);
+		}
+	}, [x]), i(() => {
+		let e = null;
+		if (f && v) {
+			let t = {
+				...f[0],
+				number: 1
+			};
+			document.getElementById(t.targetId) ? H(t) : (e = new MutationObserver(() => {
+				document.getElementById(t.targetId) && (H(t), e?.disconnect(), e = null);
+			}), e.observe(document, {
+				subtree: !0,
+				childList: !0
+			}));
+		}
+		return () => {
+			e?.disconnect(), e = null;
+		};
+	}, [v, f]), i(() => {
+		!j && L.current.length > 0 && U(), j ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+	}, [j]);
+	let K = a(() => /* @__PURE__ */ c("div", {
+		className: "uitour-component",
+		children: x && /* @__PURE__ */ l("div", {
+			ref: F,
+			className: `step -${N}`,
+			style: { ...k },
+			children: [
+				g && /* @__PURE__ */ c("div", {
+					className: "closebutton",
+					children: /* @__PURE__ */ c(t, {
+						iconName: "cancel2",
+						iconAlign: "center",
+						size: "large",
+						transparent: !0,
+						boxShadow: !1,
+						style: { padding: 0 },
+						onClick: B
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "content",
+					children: [/* @__PURE__ */ c("span", {
+						className: "number",
+						children: x.number
+					}), /* @__PURE__ */ l("div", {
+						className: "about",
+						children: [/* @__PURE__ */ c("h3", { children: x.title }), /* @__PURE__ */ c("p", {
+							className: "description",
+							ref: I
+						})]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "footer",
+					children: [
+						/* @__PURE__ */ c(e, {
+							label: m,
+							onClick: z,
+							disabled: !T,
+							visible: _,
+							customClass: "back-button"
+						}),
+						/* @__PURE__ */ c(e, {
+							label: p,
+							onClick: R,
+							disabled: !C,
+							visible: !D,
+							customClass: "next-button"
+						}),
+						/* @__PURE__ */ c(e, {
+							label: h,
+							visible: D,
+							onClick: B,
+							customClass: "finish-button"
+						})
+					]
+				})
+			]
+		}, x.id)
+	}), [
+		x,
+		N,
+		k,
+		g,
+		B,
+		m,
+		z,
+		T,
+		_,
+		p,
+		R,
+		C,
+		D,
+		h,
+		D,
+		B
+	]);
+	return j ? u(K, document.body) : null;
 };
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=index.js.map

package/lib/uitour/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/uitour/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport DefaultButton, { PrimaryButton } from '../buttons';\nimport '../assets/styles/uitour.scss';\nimport { ARROW_HEIGHT, ARROW_WIDTH, STEP_POSITIONS } from './helpers';\nimport { CurrentStep, ElementEffect, IUITourProps, StepDimensions, UITourData } from './types';\n\nconst UiTour = (props: IUITourProps) => {\n  const {\n    data, nextButtonLabel, backButtonLabel, finishButtonLabel, showCloseButton = true,\n    showBackButton = true, visible = true, onFinish, onStepChange,\n  } = props;\n  const [currentStep, setCurrentStep] = useState<CurrentStep | undefined>(undefined);\n  const [hasNextStep, setHasNextStep] = useState(false);\n  const [hasBackStep, setHasBackStep] = useState(false);\n  const [isLastStep, setIsLastStep] = useState(false);\n  const [stepDimensions, setStepDimensions] = useState<StepDimensions | null>(null);\n  const [showTour, setShowTour] = useState(visible);\n  const [stepPosition, setStepPosition] = useState(STEP_POSITIONS.left);\n  const stepRef = useRef<HTMLDivElement>(null);\n  const descriptionRef = useRef<HTMLParagraphElement>(null);\n  const activatedEffects = useRef<ElementEffect[]>([]);\n\n  const handleNextStep = () => {\n    if (hasNextStep) {\n      const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);\n      const nextStep = data[currentStepIndex + 1];\n      const nextStepIndex = data.findIndex(item => item.id === nextStep.id);\n      const target = document.getElementById(nextStep.targetId);\n      if (target) {\n        setCurrentStep({ ...nextStep, number: nextStepIndex + 1 });\n      }\n    }\n  };\n\n  const handleBackStep = () => {\n    if (hasBackStep) {\n      const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);\n      const backStep = data[currentStepIndex - 1];\n      const backStepIndex = data.findIndex(item => item.id === backStep.id);\n      const target = document.getElementById(backStep.targetId);\n      if (target) {\n        setCurrentStep({ ...backStep, number: backStepIndex + 1 });\n      }\n    }\n  };\n\n  const onCloseTour = () => {\n    setShowTour(false);\n    if (onFinish) onFinish(true);\n  };\n\n  const getStepPosition = (target: DOMRect) => {\n    if (stepRef.current) {\n      const stepRect = stepRef.current.getBoundingClientRect();\n      const windowWidth = window.innerWidth;\n\n      if (stepRect.right >= windowWidth || currentStep?.position === STEP_POSITIONS.right) {\n        setStepPosition(STEP_POSITIONS.right);\n        setStepDimensions({\n          top: target.top - ARROW_HEIGHT,\n          left: target.left - stepRect.width - ARROW_WIDTH,\n        });\n      } else {\n        setStepPosition(STEP_POSITIONS.left);\n        setStepDimensions({\n          top: target.top - ARROW_HEIGHT,\n          left: target.left + target.width + ARROW_WIDTH,\n        });\n      }\n    }\n  };\n\n  const showStepTour = (step: CurrentStep) => {\n    setShowTour(visible);\n    setCurrentStep(step);\n  };\n\n  const removePreviousElementsEffects = () => {\n    if (activatedEffects.current.length > 0) {\n      const effects = activatedEffects.current;\n\n      effects.forEach((ef) => {\n        const element = document.getElementById(ef.elementId);\n        if (element) {\n          delete element.dataset.uitour;\n          activatedEffects.current = activatedEffects.current\n            .filter(r => r.elementId !== ef.elementId);\n        }\n      });\n    }\n  };\n\n  const addElementEffect = useCallback((elementEffect: ElementEffect) => {\n    const element = document.getElementById(elementEffect.elementId);\n    if (element) {\n      element.dataset.uitour = elementEffect.effect;\n      if (activatedEffects.current) activatedEffects.current.push(elementEffect);\n    }\n  }, []);\n\n  const showElementsEffects = (currentData: UITourData) => {\n    if (currentData.effect) {\n      const { effect, targetId } = currentData;\n      addElementEffect({ effect, elementId: targetId });\n    }\n\n    if (currentData.elementsEffects) {\n      let { elementsEffects } = currentData;\n      if (!Array.isArray(elementsEffects)) elementsEffects = [elementsEffects];\n      elementsEffects.forEach((ef) => {\n        addElementEffect(ef);\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (currentStep) {\n      const target = document.getElementById(currentStep.targetId);\n      if (target) {\n        const targetRect = target.getBoundingClientRect();\n        const currentStepIndex = data.findIndex(item => item.id === currentStep.id);\n        const lastDataIndex = data.length - 1;\n        const initialDataIndex = 0;\n\n        switch (currentStepIndex) {\n          case lastDataIndex:\n            setHasNextStep(false);\n            setHasBackStep(true);\n            setIsLastStep(true);\n            break;\n          case initialDataIndex:\n            setHasNextStep(true);\n            setIsLastStep(false);\n            setHasBackStep(false);\n            break;\n          default:\n            setHasNextStep(true);\n            setHasBackStep(true);\n            setIsLastStep(false);\n        }\n        getStepPosition(targetRect);\n        removePreviousElementsEffects();\n        showElementsEffects(data[currentStepIndex]);\n        if (onStepChange) onStepChange(target);\n      }\n\n      if (descriptionRef.current) {\n        descriptionRef.current.innerHTML = currentStep.description;\n      }\n    }\n  }, [currentStep]);\n\n  useEffect(() => {\n    let mutationObserver: MutationObserver | null = null;\n    if (data && visible) {\n      const initialNumber = 1;\n      const initialStep = { ...data[0], number: initialNumber };\n\n      const target = document.getElementById(initialStep.targetId);\n      if (target) {\n        showStepTour(initialStep);\n      } else {\n        mutationObserver = new MutationObserver(() => {\n          const targetObserved = document.getElementById(initialStep.targetId);\n          if (targetObserved) {\n            showStepTour(initialStep);\n            mutationObserver?.disconnect();\n            mutationObserver = null;\n          }\n        });\n        mutationObserver.observe(document, { subtree: true, childList: true });\n      }\n    }\n\n    return () => {\n      mutationObserver?.disconnect();\n      mutationObserver = null;\n    };\n  }, [visible, data]);\n\n  useEffect(() => {\n    if (!showTour && activatedEffects.current.length > 0) {\n      removePreviousElementsEffects();\n    }\n\n    if (showTour) document.body.style.overflow = 'hidden';\n    else document.body.style.overflow = 'auto';\n  }, [showTour]);\n\n  const component = useMemo(() => (\n    <div className=\"uitour-component\">\n      {currentStep && (\n        <div\n          ref={stepRef}\n          className={`step -${stepPosition}`}\n          key={currentStep.id}\n          style={{ ...stepDimensions }}>\n          {showCloseButton && (\n            <div className=\"closebutton\">\n              <DefaultButton\n                iconName=\"cancel2\"\n                iconAlign=\"center\"\n                size=\"large\"\n                transparent\n                boxShadow={false}\n                style={{ padding: 0 }}\n                onClick={onCloseTour} />\n            </div>\n          )}\n          <div className=\"content\">\n            <span className=\"number\">{currentStep.number}</span>\n            <div className=\"about\">\n              <h3>{currentStep.title}</h3>\n              <p\n                className=\"description\"\n                ref={descriptionRef} />\n            </div>\n          </div>\n          <div className=\"footer\">\n            <PrimaryButton\n              label={backButtonLabel}\n              onClick={handleBackStep}\n              disabled={!hasBackStep}\n              visible={showBackButton}\n              customClass=\"back-button\" />\n            <PrimaryButton\n              label={nextButtonLabel}\n              onClick={handleNextStep}\n              disabled={!hasNextStep}\n              visible={!isLastStep}\n              customClass=\"next-button\" />\n            <PrimaryButton\n              label={finishButtonLabel}\n              visible={isLastStep}\n              onClick={onCloseTour}\n              customClass=\"finish-button\" />\n          </div>\n        </div>\n      )}\n    </div>\n  ), [\n    currentStep, stepPosition, stepDimensions, showCloseButton, onCloseTour, backButtonLabel,\n    handleBackStep, hasBackStep, showBackButton, nextButtonLabel, handleNextStep, hasNextStep,\n    isLastStep, finishButtonLabel, isLastStep, onCloseTour,\n  ]);\n\n  if (!showTour) return null;\n  return createPortal(component, document.body);\n};\n\nexport default UiTour;\n"],"mappings":"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"}