@siberiacancode/reactuse 0.3.15 → 0.3.18

package/dist/esm/hooks/useWindowSize/useWindowSize.mjs

@@ -1,24 +1,25 @@
-import { useState as h, useEffect as l } from "react";
-const m = (n) => {
-  const e = n?.includeScrollbar ?? !0, [i, o] = h(() => typeof window > "u" ? {
-    width: Number.POSITIVE_INFINITY,
-    height: Number.POSITIVE_INFINITY
-  } : {
-    width: e ? window.innerWidth : window.document.documentElement.clientWidth,
-    height: e ? window.innerHeight : window.document.documentElement.clientHeight
-  });
-  return l(() => {
-    const t = () => {
-      const { innerWidth: d, innerHeight: r, document: c } = window, { clientWidth: u, clientHeight: w } = c.documentElement;
-      o({
-        width: e ? d : u,
-        height: e ? r : w
-      });
-    };
-    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-  }, [n?.includeScrollbar]), i;
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useWindowSize/useWindowSize.ts
+var n = (n) => {
+	let r = n?.includeScrollbar ?? !0, [i, a] = t(() => typeof window > "u" ? {
+		width: Infinity,
+		height: Infinity
+	} : {
+		width: r ? window.innerWidth : window.document.documentElement.clientWidth,
+		height: r ? window.innerHeight : window.document.documentElement.clientHeight
+	});
+	return e(() => {
+		let e = () => {
+			let { innerWidth: e, innerHeight: t, document: n } = window, { clientWidth: i, clientHeight: o } = n.documentElement;
+			a({
+				width: r ? e : i,
+				height: r ? t : o
+			});
+		};
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [n?.includeScrollbar]), i;
 };
-export {
-  m as useWindowSize
-};
-//# sourceMappingURL=useWindowSize.mjs.map
+//#endregion
+export { n as useWindowSize };
+
+//# sourceMappingURL=useWindowSize.mjs.map

package/dist/esm/hooks/useWindowSize/useWindowSize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.mjs","sources":["../../../../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use window size return type */\ninterface UseWindowSizeParams {\n  /** Whether to include the scrollbar in the window size calculation */\n  includeScrollbar?: boolean;\n}\n\n/** The use window size return type */\nexport interface UseWindowSizeReturn {\n  /** The current window height */\n  height: number;\n  /** The current window width */\n  width: number;\n}\n\n/**\n * @name useWindowSize\n * @description - Hook that manages a window size\n * @category Elements\n * @usage low\n *\n * @param {number} [params.initialWidth=Number.POSITIVE_INFINITY] The initial window width\n * @param {number} [params.initialHeight=Number.POSITIVE_INFINITY] The initial window height\n * @returns {UseWindowSizeReturn} An object containing the current window width and height\n *\n * @example\n * const { width, height } = useWindowSize();\n */\nexport const useWindowSize = (params?: UseWindowSizeParams) => {\n  const includeScrollbar = params?.includeScrollbar ?? true;\n  const [size, setSize] = useState(() => {\n    if (typeof window === 'undefined') {\n      return {\n        width: Number.POSITIVE_INFINITY,\n        height: Number.POSITIVE_INFINITY\n      };\n    }\n\n    return {\n      width: includeScrollbar ? window.innerWidth : window.document.documentElement.clientWidth,\n      height: includeScrollbar ? window.innerHeight : window.document.documentElement.clientHeight\n    };\n  });\n\n  useEffect(() => {\n    const onResize = () => {\n      const { innerWidth, innerHeight, document } = window;\n      const { clientWidth, clientHeight } = document.documentElement;\n\n      setSize({\n        width: includeScrollbar ? innerWidth : clientWidth,\n        height: includeScrollbar ? innerHeight : clientHeight\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, [params?.includeScrollbar]);\n\n  return size;\n};\n"],"names":["useWindowSize","params","includeScrollbar","size","setSize","useState","useEffect","onResize","innerWidth","innerHeight","document","clientWidth","clientHeight"],"mappings":";AA6BO,MAAMA,IAAgB,CAACC,MAAiC;AAC7D,QAAMC,IAAmBD,GAAQ,oBAAoB,IAC/C,CAACE,GAAMC,CAAO,IAAIC,EAAS,MAC3B,OAAO,SAAW,MACb;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EAAA,IAIZ;AAAA,IACL,OAAOH,IAAmB,OAAO,aAAa,OAAO,SAAS,gBAAgB;AAAA,IAC9E,QAAQA,IAAmB,OAAO,cAAc,OAAO,SAAS,gBAAgB;AAAA,EAAA,CAEnF;AAED,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,YAAM,EAAE,YAAAC,GAAY,aAAAC,GAAa,UAAAC,EAAA,IAAa,QACxC,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiBF,EAAS;AAE/C,MAAAN,EAAQ;AAAA,QACN,OAAOF,IAAmBM,IAAaG;AAAA,QACvC,QAAQT,IAAmBO,IAAcG;AAAA,MAAA,CAC1C;AAAA,IAAA;AAGH,kBAAO,iBAAiB,UAAUL,CAAQ,GACnC,MAAM,OAAO,oBAAoB,UAAUA,CAAQ;AAAA,EAAA,GACzD,CAACN,GAAQ,gBAAgB,CAAC,GAEtBE;AACT;"}
+{"version":3,"file":"useWindowSize.mjs","names":[],"sources":["../../../../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use window size return type */\ninterface UseWindowSizeParams {\n  /** Whether to include the scrollbar in the window size calculation */\n  includeScrollbar?: boolean;\n}\n\n/** The use window size return type */\nexport interface UseWindowSizeReturn {\n  /** The current window height */\n  height: number;\n  /** The current window width */\n  width: number;\n}\n\n/**\n * @name useWindowSize\n * @description - Hook that manages a window size\n * @category Elements\n * @usage low\n *\n * @param {number} [params.initialWidth=Number.POSITIVE_INFINITY] The initial window width\n * @param {number} [params.initialHeight=Number.POSITIVE_INFINITY] The initial window height\n * @returns {UseWindowSizeReturn} An object containing the current window width and height\n *\n * @example\n * const { width, height } = useWindowSize();\n */\nexport const useWindowSize = (params?: UseWindowSizeParams) => {\n  const includeScrollbar = params?.includeScrollbar ?? true;\n  const [size, setSize] = useState(() => {\n    if (typeof window === 'undefined') {\n      return {\n        width: Number.POSITIVE_INFINITY,\n        height: Number.POSITIVE_INFINITY\n      };\n    }\n\n    return {\n      width: includeScrollbar ? window.innerWidth : window.document.documentElement.clientWidth,\n      height: includeScrollbar ? window.innerHeight : window.document.documentElement.clientHeight\n    };\n  });\n\n  useEffect(() => {\n    const onResize = () => {\n      const { innerWidth, innerHeight, document } = window;\n      const { clientWidth, clientHeight } = document.documentElement;\n\n      setSize({\n        width: includeScrollbar ? innerWidth : clientWidth,\n        height: includeScrollbar ? innerHeight : clientHeight\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, [params?.includeScrollbar]);\n\n  return size;\n};\n"],"mappings":";;AA6BA,IAAa,KAAiB,MAAiC;CAC7D,IAAM,IAAmB,GAAQ,oBAAoB,IAC/C,CAAC,GAAM,KAAW,QAClB,OAAO,SAAW,MACb;EACL,OAAO;EACP,QAAQ;EACT,GAGI;EACL,OAAO,IAAmB,OAAO,aAAa,OAAO,SAAS,gBAAgB;EAC9E,QAAQ,IAAmB,OAAO,cAAc,OAAO,SAAS,gBAAgB;EACjF,CACD;AAiBF,QAfA,QAAgB;EACd,IAAM,UAAiB;GACrB,IAAM,EAAE,eAAY,gBAAa,gBAAa,QACxC,EAAE,gBAAa,oBAAiB,EAAS;AAE/C,KAAQ;IACN,OAAO,IAAmB,IAAa;IACvC,QAAQ,IAAmB,IAAc;IAC1C,CAAC;;AAIJ,SADA,OAAO,iBAAiB,UAAU,EAAS,QAC9B,OAAO,oBAAoB,UAAU,EAAS;IAC1D,CAAC,GAAQ,iBAAiB,CAAC,EAEvB"}

package/dist/esm/hooks/useWizard/useWizard.mjs

@@ -1,21 +1,26 @@
-import { useState as a } from "react";
-const f = (c, u) => {
-  const r = u ?? c[0].id, i = new Map(c.map((t) => [t.id, t])), [o, n] = a(r), [e, s] = a([r]);
-  return { currentStepId: o, set: (t) => {
-    if (!i.get(o)?.nodes?.includes(t))
-      throw new Error(`Can't go to ${t} from ${o}`);
-    s([...e, t]), n(t);
-  }, reset: () => {
-    n(r), s([r]);
-  }, back: () => {
-    if (e.length === 1) return;
-    const t = e[e.length - 2];
-    if (!i.get(o)?.nodes?.includes(t))
-      throw new Error(`Can't go to ${t} from ${o}`);
-    s(e.slice(0, -1)), n(e[e.length - 2]);
-  }, history: e };
+import { useState as e } from "react";
+//#region src/hooks/useWizard/useWizard.ts
+var t = (t, n) => {
+	let r = n ?? t[0].id, i = new Map(t.map((e) => [e.id, e])), [a, o] = e(r), [s, c] = e([r]);
+	return {
+		currentStepId: a,
+		set: (e) => {
+			if (!i.get(a)?.nodes?.includes(e)) throw Error(`Can't go to ${e} from ${a}`);
+			c([...s, e]), o(e);
+		},
+		reset: () => {
+			o(r), c([r]);
+		},
+		back: () => {
+			if (s.length === 1) return;
+			let e = s[s.length - 2];
+			if (!i.get(a)?.nodes?.includes(e)) throw Error(`Can't go to ${e} from ${a}`);
+			c(s.slice(0, -1)), o(s[s.length - 2]);
+		},
+		history: s
+	};
 };
-export {
-  f as useWizard
-};
-//# sourceMappingURL=useWizard.mjs.map
+//#endregion
+export { t as useWizard };
+
+//# sourceMappingURL=useWizard.mjs.map

package/dist/esm/hooks/useWizard/useWizard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useWizard.mjs","sources":["../../../../src/hooks/useWizard/useWizard.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface WizardItem<WizardStepId> {\n  id: WizardStepId;\n  nodes?: WizardStepId[];\n}\n\n/**\n * @name useWizard\n * @description - Hook that manages a wizard\n * @category State\n * @usage medium\n *\n * @param {WizardItem<WizardStepId>[]} map The map of the wizard\n * @param {WizardStepId} [initialStepId] The initial step id\n * @returns {UseWizardReturn<WizardStepId>} An object containing the current step id and functions to interact with the wizard\n *\n * @example\n * const { currentStepId, set, reset, back, next, history } = useWizard([\n *  { id: 'step1', nodes: ['step2', 'step3'] },\n *  { id: 'step2', nodes: ['step3'] },\n *  { id: 'step3', nodes: [] },\n * ])\n */\nexport const useWizard = <WizardStepId extends string>(\n  map: WizardItem<WizardStepId>[],\n  initialStepId?: WizardStepId\n) => {\n  const initialId = initialStepId ?? map[0].id;\n  const wizardMap = new Map(map.map((wizardItem) => [wizardItem.id, wizardItem]));\n  const [currentStepId, setCurrentStepId] = useState(initialId);\n  const [history, setHistory] = useState<WizardStepId[]>([initialId]);\n\n  const set = (id: WizardStepId) => {\n    if (!wizardMap.get(currentStepId)?.nodes?.includes(id))\n      throw new Error(`Can't go to ${id} from ${currentStepId}`);\n\n    setHistory([...history, id]);\n    setCurrentStepId(id);\n  };\n\n  const back = () => {\n    if (history.length === 1) return;\n\n    const previousStepId = history[history.length - 2];\n    if (!wizardMap.get(currentStepId)?.nodes?.includes(previousStepId))\n      throw new Error(`Can't go to ${previousStepId} from ${currentStepId}`);\n\n    setHistory(history.slice(0, -1));\n    setCurrentStepId(history[history.length - 2]);\n  };\n\n  const reset = () => {\n    setCurrentStepId(initialId);\n    setHistory([initialId]);\n  };\n\n  return { currentStepId, set, reset, back, history };\n};\n"],"names":["useWizard","map","initialStepId","initialId","wizardMap","wizardItem","currentStepId","setCurrentStepId","useState","history","setHistory","id","previousStepId"],"mappings":";AAwBO,MAAMA,IAAY,CACvBC,GACAC,MACG;AACH,QAAMC,IAAYD,KAAiBD,EAAI,CAAC,EAAE,IACpCG,IAAY,IAAI,IAAIH,EAAI,IAAI,CAACI,MAAe,CAACA,EAAW,IAAIA,CAAU,CAAC,CAAC,GACxE,CAACC,GAAeC,CAAgB,IAAIC,EAASL,CAAS,GACtD,CAACM,GAASC,CAAU,IAAIF,EAAyB,CAACL,CAAS,CAAC;AA0BlE,SAAO,EAAE,eAAAG,GAAe,KAxBZ,CAACK,MAAqB;AAChC,QAAI,CAACP,EAAU,IAAIE,CAAa,GAAG,OAAO,SAASK,CAAE;AACnD,YAAM,IAAI,MAAM,eAAeA,CAAE,SAASL,CAAa,EAAE;AAE3D,IAAAI,EAAW,CAAC,GAAGD,GAASE,CAAE,CAAC,GAC3BJ,EAAiBI,CAAE;AAAA,EAAA,GAmBQ,OALf,MAAM;AAClB,IAAAJ,EAAiBJ,CAAS,GAC1BO,EAAW,CAACP,CAAS,CAAC;AAAA,EAAA,GAGY,MAhBvB,MAAM;AACjB,QAAIM,EAAQ,WAAW,EAAG;AAE1B,UAAMG,IAAiBH,EAAQA,EAAQ,SAAS,CAAC;AACjD,QAAI,CAACL,EAAU,IAAIE,CAAa,GAAG,OAAO,SAASM,CAAc;AAC/D,YAAM,IAAI,MAAM,eAAeA,CAAc,SAASN,CAAa,EAAE;AAEvE,IAAAI,EAAWD,EAAQ,MAAM,GAAG,EAAE,CAAC,GAC/BF,EAAiBE,EAAQA,EAAQ,SAAS,CAAC,CAAC;AAAA,EAAA,GAQJ,SAAAA,EAAA;AAC5C;"}
+{"version":3,"file":"useWizard.mjs","names":[],"sources":["../../../../src/hooks/useWizard/useWizard.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface WizardItem<WizardStepId> {\n  id: WizardStepId;\n  nodes?: WizardStepId[];\n}\n\n/**\n * @name useWizard\n * @description - Hook that manages a wizard\n * @category State\n * @usage medium\n *\n * @param {WizardItem<WizardStepId>[]} map The map of the wizard\n * @param {WizardStepId} [initialStepId] The initial step id\n * @returns {UseWizardReturn<WizardStepId>} An object containing the current step id and functions to interact with the wizard\n *\n * @example\n * const { currentStepId, set, reset, back, next, history } = useWizard([\n *  { id: 'step1', nodes: ['step2', 'step3'] },\n *  { id: 'step2', nodes: ['step3'] },\n *  { id: 'step3', nodes: [] },\n * ])\n */\nexport const useWizard = <WizardStepId extends string>(\n  map: WizardItem<WizardStepId>[],\n  initialStepId?: WizardStepId\n) => {\n  const initialId = initialStepId ?? map[0].id;\n  const wizardMap = new Map(map.map((wizardItem) => [wizardItem.id, wizardItem]));\n  const [currentStepId, setCurrentStepId] = useState(initialId);\n  const [history, setHistory] = useState<WizardStepId[]>([initialId]);\n\n  const set = (id: WizardStepId) => {\n    if (!wizardMap.get(currentStepId)?.nodes?.includes(id))\n      throw new Error(`Can't go to ${id} from ${currentStepId}`);\n\n    setHistory([...history, id]);\n    setCurrentStepId(id);\n  };\n\n  const back = () => {\n    if (history.length === 1) return;\n\n    const previousStepId = history[history.length - 2];\n    if (!wizardMap.get(currentStepId)?.nodes?.includes(previousStepId))\n      throw new Error(`Can't go to ${previousStepId} from ${currentStepId}`);\n\n    setHistory(history.slice(0, -1));\n    setCurrentStepId(history[history.length - 2]);\n  };\n\n  const reset = () => {\n    setCurrentStepId(initialId);\n    setHistory([initialId]);\n  };\n\n  return { currentStepId, set, reset, back, history };\n};\n"],"mappings":";;AAwBA,IAAa,KACX,GACA,MACG;CACH,IAAM,IAAY,KAAiB,EAAI,GAAG,IACpC,IAAY,IAAI,IAAI,EAAI,KAAK,MAAe,CAAC,EAAW,IAAI,EAAW,CAAC,CAAC,EACzE,CAAC,GAAe,KAAoB,EAAS,EAAU,EACvD,CAAC,GAAS,KAAc,EAAyB,CAAC,EAAU,CAAC;AA0BnE,QAAO;EAAE;EAAe,MAxBX,MAAqB;AAChC,OAAI,CAAC,EAAU,IAAI,EAAc,EAAE,OAAO,SAAS,EAAG,CACpD,OAAU,MAAM,eAAe,EAAG,QAAQ,IAAgB;AAG5D,GADA,EAAW,CAAC,GAAG,GAAS,EAAG,CAAC,EAC5B,EAAiB,EAAG;;EAmBO,aALT;AAElB,GADA,EAAiB,EAAU,EAC3B,EAAW,CAAC,EAAU,CAAC;;EAGW,YAhBjB;AACjB,OAAI,EAAQ,WAAW,EAAG;GAE1B,IAAM,IAAiB,EAAQ,EAAQ,SAAS;AAChD,OAAI,CAAC,EAAU,IAAI,EAAc,EAAE,OAAO,SAAS,EAAe,CAChE,OAAU,MAAM,eAAe,EAAe,QAAQ,IAAgB;AAGxE,GADA,EAAW,EAAQ,MAAM,GAAG,GAAG,CAAC,EAChC,EAAiB,EAAQ,EAAQ,SAAS,GAAG;;EAQL;EAAS"}