@machinerd/js-module 0.0.11 → 0.1.0

package/README.md

@@ -0,0 +1,30 @@
+# JS-Module
+- install
+```bash
+npm install @machinerd/js-module
+# or
+yarn add @machinerd/js-module
+# or
+pnpm add @machinerd/js-module
+```
+
+- api client
+```js
+import apiClient from '@machinerd/js-module';
+```
+
+- function
+```js
+import { sleep } '@machinerd/js-module/util';
+```
+
+- components
+```js
+import { Button } '@machinerd/js-module/ui';
+import '@machinerd/js-module/styles/index.css';
+```
+
+- hooks
+```js
+import { useOutsideClick } '@machinerd/js-module/hooks';
+```

package/dist/hooks/index.cjs

@@ -0,0 +1 @@
+const e=require(`../hooks-DPYIex_y.cjs`);exports.useOutsideClick=e.t,exports.useWindowSize=e.n;

package/dist/hooks/index.d.cts

@@ -0,0 +1,18 @@
+import { Dispatch, RefObject, SetStateAction } from "react";
+
+//#region src/hooks/use-window-size.d.ts
+declare function useWindowSize(defaultWidth?: number): {
+  windowSize: number;
+};
+//#endregion
+//#region src/hooks/use-outside-click.d.ts
+interface UseOutsideClickProps {
+  ref: RefObject<HTMLElement | null>;
+  setOpen: Dispatch<SetStateAction<boolean>>;
+}
+declare function useOutsideClick({
+  ref,
+  setOpen
+}: UseOutsideClickProps): void;
+//#endregion
+export { type UseOutsideClickProps, useOutsideClick, useWindowSize };

package/dist/hooks/index.d.mts

@@ -0,0 +1,18 @@
+import { Dispatch, RefObject, SetStateAction } from "react";
+
+//#region src/hooks/use-window-size.d.ts
+declare function useWindowSize(defaultWidth?: number): {
+  windowSize: number;
+};
+//#endregion
+//#region src/hooks/use-outside-click.d.ts
+interface UseOutsideClickProps {
+  ref: RefObject<HTMLElement | null>;
+  setOpen: Dispatch<SetStateAction<boolean>>;
+}
+declare function useOutsideClick({
+  ref,
+  setOpen
+}: UseOutsideClickProps): void;
+//#endregion
+export { type UseOutsideClickProps, useOutsideClick, useWindowSize };

package/dist/hooks/index.mjs

@@ -0,0 +1 @@
+import{n as e,t}from"../hooks-5I2NBtcY.mjs";export{t as useOutsideClick,e as useWindowSize};

package/dist/hooks-5I2NBtcY.mjs

@@ -0,0 +1 @@
+import{throttle as e}from"lodash-es";import{useCallback as t,useEffect as n,useState as r}from"react";function i(t=1280){let[i,a]=r(t);return n(()=>{let t=e(()=>{let e=window.innerWidth;a(e)},200);return window.addEventListener(`resize`,t),t(),()=>window.removeEventListener(`resize`,t)},[]),{windowSize:i}}function a({ref:e,setOpen:r}){let i=t(t=>{e.current?.contains(t.target)||r(!1)},[e,r]);n(()=>(document.addEventListener(`mousedown`,i),document.addEventListener(`touchstart`,i),()=>{document.removeEventListener(`mousedown`,i),document.removeEventListener(`touchstart`,i)}),[i])}export{i as n,a as t};

package/dist/hooks-DPYIex_y.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lodash-es`),n=require(`react`);function r(e=1280){let[r,i]=(0,n.useState)(e);return(0,n.useEffect)(()=>{let e=(0,t.throttle)(()=>{let e=window.innerWidth;i(e)},200);return window.addEventListener(`resize`,e),e(),()=>window.removeEventListener(`resize`,e)},[]),{windowSize:r}}function i({ref:e,setOpen:t}){let r=(0,n.useCallback)(n=>{e.current?.contains(n.target)||t(!1)},[e,t]);(0,n.useEffect)(()=>(document.addEventListener(`mousedown`,r),document.addEventListener(`touchstart`,r),()=>{document.removeEventListener(`mousedown`,r),document.removeEventListener(`touchstart`,r)}),[r])}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});