@empreint/ui 1.1.0 → 1.2.0

package/dist/hooks/use-disclosure/use-disclosure.js

@@ -0,0 +1,20 @@
+import { useOutsideAlerter as e } from "../use-outside-alerter/use-outside-alerter.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/use-disclosure/use-disclosure.ts
+var i = ({ closeOnOutsideClick: i = !0 } = {}) => {
+	let [a, o] = r(!1), s = n(null), { hasClickedOutside: c, onReset: l } = e(s);
+	return t(() => {
+		i && c && (o(!1), l());
+	}, [
+		i,
+		c,
+		l
+	]), {
+		isOpen: a,
+		onClose: () => o(!1),
+		onToggle: () => o(!a),
+		ref: s
+	};
+};
+//#endregion
+export { i as useDisclosure };

package/dist/hooks/use-match-device/use-match-device.js

@@ -0,0 +1,13 @@
+import { UAParser as e } from "ua-parser-js";
+//#region src/hooks/use-match-device/use-match-device.ts
+var t = (t) => {
+	let n = new e(t).getDevice();
+	return {
+		isMobile: n.is("mobile"),
+		isTablet: n.is("tablet"),
+		isMobileOrTablet: n.is("mobile") || n.is("tablet"),
+		isDesktop: !n.type
+	};
+};
+//#endregion
+export { t as useMatchDevice };

package/dist/hooks/use-match-resolution/use-match-resolution.js

@@ -0,0 +1,53 @@
+import { useMatchDevice as e } from "../use-match-device/use-match-device.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+//#region src/hooks/use-match-resolution/use-match-resolution.ts
+var i = {
+	desktop: "(min-width: 1281px)",
+	laptop: "(min-width: 1025px) and (max-width: 1280px)",
+	laptopOrUpper: "(min-width: 1025px)",
+	laptopOrLower: "(max-width: 1280px)",
+	tablet: "(min-width: 768px) and (max-width: 1024px)",
+	tabletOrUpper: "(min-width: 768px)",
+	tabletOrLower: "(max-width: 1024px)",
+	largeMobile: "(min-width: 481px) and (max-width: 767px)",
+	largeMobileOrUpper: "(min-width: 481px)",
+	largeMobileOrLower: "(max-width: 767px)",
+	mobile: "(min-width: 320px) and (max-width: 480px)",
+	portrait: "(orientation: portrait)",
+	landscape: "(orientation: landscape)"
+}, a = (a, o = i) => {
+	let s = typeof window < "u", { isDesktop: c, isMobile: l } = e(a), u = t((e) => s && window.matchMedia(e).matches, [s]), d = t(() => ({
+		isDesktop: s ? u(o.desktop) : c,
+		isLaptop: s ? u(o.laptop) : c,
+		isLaptopOrUpper: s ? u(o.laptopOrUpper) : c,
+		isLaptopOrLower: s ? u(o.laptopOrLower) : !1,
+		isTablet: s ? u(o.tablet) : l,
+		isTabletOrUpper: s ? u(o.tabletOrUpper) : !1,
+		isTabletOrLower: s ? u(o.tabletOrLower) : l,
+		isLargeMobile: s ? u(o.largeMobile) : l,
+		isLargeMobileOrUpper: s ? u(o.largeMobileOrUpper) : !1,
+		isLargeMobileOrLower: s ? u(o.largeMobileOrLower) : l,
+		isMobile: s ? u(o.mobile) : l,
+		isPortrait: s ? u(o.portrait) : !1,
+		isLandscape: s ? u(o.landscape) : !1
+	}), [
+		o,
+		s,
+		c,
+		l,
+		u
+	]), [f, p] = r(d());
+	return n(() => {
+		if (!s) return;
+		let e = () => p(d());
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [s, d]), {
+		resolution: f,
+		breakpoints: o,
+		match: u
+	};
+};
+//#endregion
+export { i as defaultBreakpoints, a as useMatchResolution };

package/dist/hooks/use-outside-alerter/use-outside-alerter.js

@@ -0,0 +1,20 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-outside-alerter/use-outside-alerter.ts
+var n = (n) => {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = (e) => {
+			e.target && n.current && i(!n.current.contains(e.target));
+		};
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [n]), {
+		hasClickedOutside: r,
+		onReset: () => {
+			i(!1);
+		}
+	};
+};
+//#endregion
+export { n as useOutsideAlerter };

package/dist/hooks/use-pagination/use-pagination.js

@@ -0,0 +1,31 @@
+import { useMemo as e, useState as t } from "react";
+//#region src/hooks/use-pagination/use-pagination.ts
+var n = ({ page: n, totalRecords: r, maxRecordsPerPage: i = 10, itemNeighbours: a = 2, minItems: o = 5, onChange: s }) => {
+	let [c, l] = t(n), u = Math.ceil(r / i), d = e(() => {
+		let e = [], t = Math.max(1, Math.min(c - a, u + 1 - o)), n = Math.min(u, Math.max(o, c + a));
+		for (let r = t; r <= n; r++) e.push(r);
+		return e;
+	}, [
+		c,
+		u,
+		a,
+		o
+	]), f = (e) => {
+		let t = Math.max(1, Math.min(e, u));
+		t !== c && (l(t), s?.(t));
+	};
+	return {
+		currentPage: c,
+		total: u,
+		items: d,
+		goToPage: f,
+		goToFirst: () => f(1),
+		goToPrevious: () => f(c - 1),
+		goToNext: () => f(c + 1),
+		goToLast: () => f(u),
+		isFirst: c === 1,
+		isLast: c === u
+	};
+};
+//#endregion
+export { n as usePagination };

package/dist/hooks/use-scroll-to/use-scroll-to.js

@@ -0,0 +1,6 @@
+//#region src/hooks/use-scroll-to/use-scroll-to.tsx
+var e = (e) => typeof window < "u" ? { scrollToTop: () => {
+	e?.current && window.scrollTo(0, e.current.offsetTop);
+} } : { scrollToTop: () => null };
+//#endregion
+export { e as useScrollTo };

package/dist/hooks/use-visible/use-visible.js

@@ -0,0 +1,13 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-visible/use-visible.ts
+var n = (n) => {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = new IntersectionObserver(([e]) => i(e.isIntersecting));
+		return n?.current && e.observe(n.current), () => {
+			n?.current && e.unobserve(n.current);
+		};
+	}, [n]), r;
+};
+//#endregion
+export { n as useVisible };

package/dist/hooks/use-wizard/use-wizard.js

@@ -0,0 +1,14 @@
+import { useState as e } from "react";
+//#region src/hooks/use-wizard/use-wizard.ts
+var t = ({ totalSteps: t, step: n = 1 }) => {
+	let [r, i] = e(n);
+	return {
+		currentIndex: r,
+		nextStep: () => i(r + 1),
+		previousStep: () => i(r - 1),
+		isFirstStep: r === 1,
+		isLastStep: r === t
+	};
+};
+//#endregion
+export { t as useWizard };