@kimdw-rtk/ui 0.0.8 → 0.0.11

package/dist/hooks/useDialog/index.js

@@ -1,28 +1,49 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef } from 'react';
-import { useOverlay } from '@kimdw-rtk/utils';
-import { Alert, Confirm } from '#components';
-export const useDialog = () => {
-    const { push } = useOverlay();
-    const dialogRef = useRef(null);
-    const alert = useCallback((message) => {
-        return new Promise((resolve) => {
-            push(_jsx(Alert, { children: message }), { onClose: () => resolve(true) });
-        });
-    }, [push]);
-    const confirm = useCallback((message) => {
-        return new Promise((resolve) => {
-            const handleConfirm = () => {
-                resolve(true);
-                dialogRef.current?.close();
-            };
-            const handleCancle = () => {
-                resolve(false);
-                dialogRef.current?.close();
-            };
-            push(_jsx(Confirm, { ref: dialogRef, onConfirm: handleConfirm, onCancle: handleCancle, children: message }), { onClose: () => resolve(false) });
-        });
-    }, [push]);
-    return useMemo(() => ({ alert, confirm }), [alert, confirm]);
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef } from "react";
+import { useOverlay } from "@kimdw-rtk/utils";
+import { Alert, Confirm } from "#components";
+const useDialog = () => {
+  const { push } = useOverlay();
+  const dialogRef = useRef(null);
+  const alert = useCallback(
+    (message) => {
+      return new Promise((resolve) => {
+        push(/* @__PURE__ */ jsx(Alert, { children: message }), { onClose: () => resolve(true) });
+      });
+    },
+    [push]
+  );
+  const confirm = useCallback(
+    (message) => {
+      return new Promise((resolve) => {
+        const handleConfirm = () => {
+          resolve(true);
+          dialogRef.current?.close();
+        };
+        const handleCancle = () => {
+          resolve(false);
+          dialogRef.current?.close();
+        };
+        push(
+          /* @__PURE__ */ jsx(
+            Confirm,
+            {
+              ref: dialogRef,
+              onConfirm: handleConfirm,
+              onCancle: handleCancle,
+              children: message
+            }
+          ),
+          { onClose: () => resolve(false) }
+        );
+      });
+    },
+    [push]
+  );
+  return useMemo(() => ({ alert, confirm }), [alert, confirm]);
 };
+export {
+  useDialog
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { useOverlay } from '@kimdw-rtk/utils';\n\nimport { Alert, Confirm } from '#components';\n\nexport const useDialog = () => {\n  const { push } = useOverlay();\n  const dialogRef = useRef<{ close: () => void }>(null);\n\n  const alert = useCallback(\n    (message: ReactNode) => {\n      return new Promise((resolve) => {\n        push(<Alert>{message}</Alert>, { onClose: () => resolve(true) });\n      });\n    },\n    [push],\n  );\n\n  const confirm = useCallback(\n    (message: ReactNode): Promise<boolean> => {\n      return new Promise((resolve) => {\n        const handleConfirm = () => {\n          resolve(true);\n          dialogRef.current?.close();\n        };\n\n        const handleCancle = () => {\n          resolve(false);\n          dialogRef.current?.close();\n        };\n\n        push(\n          <Confirm\n            ref={dialogRef}\n            onConfirm={handleConfirm}\n            onCancle={handleCancle}\n          >\n            {message}\n          </Confirm>,\n          { onClose: () => resolve(false) },\n        );\n      });\n    },\n    [push],\n  );\n\n  return useMemo(() => ({ alert, confirm }), [alert, confirm]);\n};\n"],"mappings":";AAea;AAbb,SAAyB,aAAa,SAAS,cAAc;AAE7D,SAAS,kBAAkB;AAE3B,SAAS,OAAO,eAAe;AAExB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,KAAK,IAAI,WAAW;AAC5B,QAAM,YAAY,OAA8B,IAAI;AAEpD,QAAM,QAAQ;AAAA,IACZ,CAAC,YAAuB;AACtB,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,aAAK,oBAAC,SAAO,mBAAQ,GAAU,EAAE,SAAS,MAAM,QAAQ,IAAI,EAAE,CAAC;AAAA,MACjE,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,YAAyC;AACxC,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,gBAAgB,MAAM;AAC1B,kBAAQ,IAAI;AACZ,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA,cAAM,eAAe,MAAM;AACzB,kBAAQ,KAAK;AACb,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA;AAAA,UACE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW;AAAA,cACX,UAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,EAAE,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,CAAC,OAAO,OAAO,CAAC;AAC7D;","names":[]}

package/dist/hooks/useDialog/useDialog.spec.cjs

@@ -0,0 +1,59 @@
+"use strict";var _jsxruntime = require('react/jsx-runtime');
+var _react = require('@testing-library/react');
+var _contexts = require('#contexts');
+var _hooks = require('#hooks');
+describe("useDialog \uD14C\uC2A4\uD2B8", () => {
+  const mockFn = jest.fn();
+  beforeEach(() => {
+    const TestComponent = () => {
+      const { alert, confirm } = _hooks.useDialog.call(void 0, );
+      const handleConfirmClick = async () => {
+        mockFn(await confirm("confirm"));
+      };
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: () => alert("alert"), children: "alert click" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: handleConfirmClick, children: "confirm click" })
+      ] });
+    };
+    _react.render.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _contexts.UIProvider, { overlayUnmountOn: "exit", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestComponent, {}) })
+    );
+  });
+  it("\uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 alert\uC744 \uB2EB\uC744 \uC218 \uC788\uB2E4.", async () => {
+    const alertButton = _react.screen.getByRole("button", { name: "alert click" });
+    expect(_react.screen.queryByText("alert")).not.toBeInTheDocument();
+    _react.act.call(void 0, () => {
+      alertButton.click();
+    });
+    expect(_react.screen.getByText("alert")).toBeInTheDocument();
+    const okButton = _react.screen.getByRole("button", { name: "\uD655\uC778" });
+    _react.act.call(void 0, () => {
+      okButton.click();
+    });
+    expect(_react.screen.queryByText("alert")).not.toBeInTheDocument();
+  });
+  it.skip("confirm\uC758 \uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 true, \uCDE8\uC18C \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 false\uB97C \uBC18\uD658\uD55C\uB2E4.", async () => {
+    const confirmButton = _react.screen.getByRole("button", { name: "confirm click" });
+    _react.act.call(void 0, () => {
+      confirmButton.click();
+    });
+    const okButton = _react.screen.getByRole("button", { name: "\uD655\uC778" });
+    _react.act.call(void 0, () => {
+      okButton.click();
+    });
+    await _react.waitFor.call(void 0, () => {
+      expect(mockFn.mock.calls[0][0]).toBe(true);
+    });
+    _react.act.call(void 0, () => {
+      confirmButton.click();
+    });
+    const cancelButton = _react.screen.getByRole("button", { name: "\uCDE8\uC18C" });
+    _react.act.call(void 0, () => {
+      cancelButton.click();
+    });
+    await _react.waitFor.call(void 0, () => {
+      expect(mockFn.mock.calls[1][0]).toBe(false);
+    });
+  });
+});
+//# sourceMappingURL=useDialog.spec.cjs.map

package/dist/hooks/useDialog/useDialog.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useDialog/useDialog.spec.cjs","sourcesContent":["import { act, render, screen, waitFor } from '@testing-library/react';\n\nimport { UIProvider } from '#contexts';\nimport { useDialog } from '#hooks';\n\ndescribe('useDialog 테스트', () => {\n  const mockFn = jest.fn();\n\n  beforeEach(() => {\n    const TestComponent = () => {\n      const { alert, confirm } = useDialog();\n\n      const handleConfirmClick = async () => {\n        mockFn(await confirm('confirm'));\n      };\n\n      return (\n        <>\n          <button onClick={() => alert('alert')}>alert click</button>\n          <button onClick={handleConfirmClick}>confirm click</button>\n        </>\n      );\n    };\n\n    render(\n      <UIProvider overlayUnmountOn={'exit'}>\n        <TestComponent />\n      </UIProvider>,\n    );\n  });\n\n  it('확인 버튼을 누르면 alert을 닫을 수 있다.', async () => {\n    const alertButton = screen.getByRole('button', { name: 'alert click' });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n\n    act(() => {\n      alertButton.click();\n    });\n\n    expect(screen.getByText('alert')).toBeInTheDocument();\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n  });\n\n  it.skip('confirm의 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.', async () => {\n    const confirmButton = screen.getByRole('button', { name: 'confirm click' });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[0][0]).toBe(true);\n    });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const cancelButton = screen.getByRole('button', { name: '취소' });\n    act(() => {\n      cancelButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[1][0]).toBe(false);\n    });\n  });\n});\n"]}

package/dist/hooks/useDialog/useDialog.spec.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/hooks/useDialog/useDialog.spec.d.ts

@@ -1,2 +1,2 @@
-export {};
-//# sourceMappingURL=useDialog.spec.d.ts.map
+
+export {  }

package/dist/hooks/useDialog/useDialog.spec.js

@@ -1,53 +1,59 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { act, render, screen, waitFor } from '@testing-library/react';
-import { UIProvider } from '#contexts';
-import { useDialog } from '#hooks';
-describe('useDialog 테스트', () => {
-    const mockFn = jest.fn();
-    beforeEach(() => {
-        const TestComponent = () => {
-            const { alert, confirm } = useDialog();
-            const handleConfirmClick = async () => {
-                mockFn(await confirm('confirm'));
-            };
-            return (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => alert('alert'), children: "alert click" }), _jsx("button", { onClick: handleConfirmClick, children: "confirm click" })] }));
-        };
-        render(_jsx(UIProvider, { overlayUnmountOn: 'exit', children: _jsx(TestComponent, {}) }));
-    });
-    it('확인 버튼을 누르면 alert을 닫을 수 있다.', async () => {
-        const alertButton = screen.getByRole('button', { name: 'alert click' });
-        expect(screen.queryByText('alert')).not.toBeInTheDocument();
-        act(() => {
-            alertButton.click();
-        });
-        expect(screen.getByText('alert')).toBeInTheDocument();
-        const okButton = screen.getByRole('button', { name: '확인' });
-        act(() => {
-            okButton.click();
-        });
-        expect(screen.queryByText('alert')).not.toBeInTheDocument();
-    });
-    it.skip('confirm의 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.', async () => {
-        const confirmButton = screen.getByRole('button', { name: 'confirm click' });
-        act(() => {
-            confirmButton.click();
-        });
-        const okButton = screen.getByRole('button', { name: '확인' });
-        act(() => {
-            okButton.click();
-        });
-        await waitFor(() => {
-            expect(mockFn.mock.calls[0][0]).toBe(true);
-        });
-        act(() => {
-            confirmButton.click();
-        });
-        const cancelButton = screen.getByRole('button', { name: '취소' });
-        act(() => {
-            cancelButton.click();
-        });
-        await waitFor(() => {
-            expect(mockFn.mock.calls[1][0]).toBe(false);
-        });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import { UIProvider } from "#contexts";
+import { useDialog } from "#hooks";
+describe("useDialog \uD14C\uC2A4\uD2B8", () => {
+  const mockFn = jest.fn();
+  beforeEach(() => {
+    const TestComponent = () => {
+      const { alert, confirm } = useDialog();
+      const handleConfirmClick = async () => {
+        mockFn(await confirm("confirm"));
+      };
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("button", { onClick: () => alert("alert"), children: "alert click" }),
+        /* @__PURE__ */ jsx("button", { onClick: handleConfirmClick, children: "confirm click" })
+      ] });
+    };
+    render(
+      /* @__PURE__ */ jsx(UIProvider, { overlayUnmountOn: "exit", children: /* @__PURE__ */ jsx(TestComponent, {}) })
+    );
+  });
+  it("\uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 alert\uC744 \uB2EB\uC744 \uC218 \uC788\uB2E4.", async () => {
+    const alertButton = screen.getByRole("button", { name: "alert click" });
+    expect(screen.queryByText("alert")).not.toBeInTheDocument();
+    act(() => {
+      alertButton.click();
     });
+    expect(screen.getByText("alert")).toBeInTheDocument();
+    const okButton = screen.getByRole("button", { name: "\uD655\uC778" });
+    act(() => {
+      okButton.click();
+    });
+    expect(screen.queryByText("alert")).not.toBeInTheDocument();
+  });
+  it.skip("confirm\uC758 \uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 true, \uCDE8\uC18C \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 false\uB97C \uBC18\uD658\uD55C\uB2E4.", async () => {
+    const confirmButton = screen.getByRole("button", { name: "confirm click" });
+    act(() => {
+      confirmButton.click();
+    });
+    const okButton = screen.getByRole("button", { name: "\uD655\uC778" });
+    act(() => {
+      okButton.click();
+    });
+    await waitFor(() => {
+      expect(mockFn.mock.calls[0][0]).toBe(true);
+    });
+    act(() => {
+      confirmButton.click();
+    });
+    const cancelButton = screen.getByRole("button", { name: "\uCDE8\uC18C" });
+    act(() => {
+      cancelButton.click();
+    });
+    await waitFor(() => {
+      expect(mockFn.mock.calls[1][0]).toBe(false);
+    });
+  });
 });
+//# sourceMappingURL=useDialog.spec.js.map

package/dist/hooks/useDialog/useDialog.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"sourcesContent":["import { act, render, screen, waitFor } from '@testing-library/react';\n\nimport { UIProvider } from '#contexts';\nimport { useDialog } from '#hooks';\n\ndescribe('useDialog 테스트', () => {\n  const mockFn = jest.fn();\n\n  beforeEach(() => {\n    const TestComponent = () => {\n      const { alert, confirm } = useDialog();\n\n      const handleConfirmClick = async () => {\n        mockFn(await confirm('confirm'));\n      };\n\n      return (\n        <>\n          <button onClick={() => alert('alert')}>alert click</button>\n          <button onClick={handleConfirmClick}>confirm click</button>\n        </>\n      );\n    };\n\n    render(\n      <UIProvider overlayUnmountOn={'exit'}>\n        <TestComponent />\n      </UIProvider>,\n    );\n  });\n\n  it('확인 버튼을 누르면 alert을 닫을 수 있다.', async () => {\n    const alertButton = screen.getByRole('button', { name: 'alert click' });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n\n    act(() => {\n      alertButton.click();\n    });\n\n    expect(screen.getByText('alert')).toBeInTheDocument();\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n  });\n\n  it.skip('confirm의 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.', async () => {\n    const confirmButton = screen.getByRole('button', { name: 'confirm click' });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[0][0]).toBe(true);\n    });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const cancelButton = screen.getByRole('button', { name: '취소' });\n    act(() => {\n      cancelButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[1][0]).toBe(false);\n    });\n  });\n});\n"],"mappings":"AAiBQ,mBACE,KADF;AAjBR,SAAS,KAAK,QAAQ,QAAQ,eAAe;AAE7C,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,gCAAiB,MAAM;AAC9B,QAAM,SAAS,KAAK,GAAG;AAEvB,aAAW,MAAM;AACf,UAAM,gBAAgB,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,IAAI,UAAU;AAErC,YAAM,qBAAqB,YAAY;AACrC,eAAO,MAAM,QAAQ,SAAS,CAAC;AAAA,MACjC;AAEA,aACE,iCACE;AAAA,4BAAC,YAAO,SAAS,MAAM,MAAM,OAAO,GAAG,yBAAW;AAAA,QAClD,oBAAC,YAAO,SAAS,oBAAoB,2BAAa;AAAA,SACpD;AAAA,IAEJ;AAEA;AAAA,MACE,oBAAC,cAAW,kBAAkB,QAC5B,8BAAC,iBAAc,GACjB;AAAA,IACF;AAAA,EACF,CAAC;AAED,KAAG,oGAA8B,YAAY;AAC3C,UAAM,cAAc,OAAO,UAAU,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtE,WAAO,OAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAE1D,QAAI,MAAM;AACR,kBAAY,MAAM;AAAA,IACpB,CAAC;AAED,WAAO,OAAO,UAAU,OAAO,CAAC,EAAE,kBAAkB;AAEpD,UAAM,WAAW,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,WAAO,OAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAAA,EAC5D,CAAC;AAED,KAAG,KAAK,mKAAqD,YAAY;AACvE,UAAM,gBAAgB,OAAO,UAAU,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1E,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,WAAW,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,QAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,IAAI;AAAA,IAC3C,CAAC;AAED,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC9D,QAAI,MAAM;AACR,mBAAa,MAAM;AAAA,IACrB,CAAC;AAED,UAAM,QAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK;AAAA,IAC5C,CAAC;AAAA,EACH,CAAC;AACH,CAAC;","names":[]}

package/dist/hooks/useMouseScroll/index.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+var _react = require('react');
+const useMouseScroll = (ref) => {
+  _react.useEffect.call(void 0, () => {
+    const element = ref.current;
+    let isDown = false, startX = 0, startLeft = 0;
+    if (element === null) {
+      return;
+    }
+    const handleMouseDown = (e) => {
+      if (!element.contains(e.target)) {
+        return;
+      }
+      isDown = true;
+      startLeft = element.scrollLeft;
+      startX = e.x;
+    };
+    const handleMouseMove = (e) => {
+      if (!isDown) {
+        return;
+      }
+      element.scrollLeft = startLeft + startX - e.x;
+    };
+    const handleMouseUp = () => {
+      isDown = false;
+    };
+    const handleWheel = (e) => {
+      element.scrollTo({
+        left: element.scrollLeft + e.deltaY,
+        behavior: "smooth"
+      });
+    };
+    window.addEventListener("mousedown", handleMouseDown);
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+    element.addEventListener("wheel", handleWheel);
+    return () => {
+      window.removeEventListener("mousedown", handleMouseDown);
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+      element.removeEventListener("wheel", handleWheel);
+    };
+  }, [ref]);
+};
+
+
+exports.useMouseScroll = useMouseScroll;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useMouseScroll/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useMouseScroll/index.cjs","../../../src/hooks/useMouseScroll/index.ts"],"names":[],"mappings":"AAAA,qFAAY;ACEZ,8BAA0B;AAKnB,MAAM,eAAA,EAAiB,CAC5B,GAAA,EAAA,GACS;AACT,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,QAAA,EAAU,GAAA,CAAI,OAAA;AACpB,IAAA,IAAI,OAAA,EAAS,KAAA,EACX,OAAA,EAAS,CAAA,EACT,UAAA,EAAY,CAAA;AAEd,IAAA,GAAA,CAAI,QAAA,IAAY,IAAA,EAAM;AACpB,MAAA,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,gBAAA,EAAkB,CAAC,CAAA,EAAA,GAAkB;AACzC,MAAA,GAAA,CAAI,CAAC,OAAA,CAAQ,QAAA,CAAS,CAAA,CAAE,MAAc,CAAA,EAAG;AACvC,QAAA,MAAA;AAAA,MACF;AAEA,MAAA,OAAA,EAAS,IAAA;AAET,MAAA,UAAA,EAAY,OAAA,CAAQ,UAAA;AACpB,MAAA,OAAA,EAAS,CAAA,CAAE,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,MAAM,gBAAA,EAAkB,CAAC,CAAA,EAAA,GAAkB;AACzC,MAAA,GAAA,CAAI,CAAC,MAAA,EAAQ;AACX,QAAA,MAAA;AAAA,MACF;AAEA,MAAA,OAAA,CAAQ,WAAA,EAAa,UAAA,EAAY,OAAA,EAAS,CAAA,CAAE,CAAA;AAAA,IAC9C,CAAA;AAEA,IAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM;AAC1B,MAAA,OAAA,EAAS,KAAA;AAAA,IACX,CAAA;AAEA,IAAA,MAAM,YAAA,EAAc,CAAC,CAAA,EAAA,GAAkB;AACrC,MAAA,OAAA,CAAQ,QAAA,CAAS;AAAA,QACf,IAAA,EAAM,OAAA,CAAQ,WAAA,EAAa,CAAA,CAAE,MAAA;AAAA,QAC7B,QAAA,EAAU;AAAA,MACZ,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAA,EAAa,eAAe,CAAA;AACpD,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAA,EAAa,eAAe,CAAA;AACpD,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAA,EAAW,aAAa,CAAA;AAChD,IAAA,OAAA,CAAQ,gBAAA,CAAiB,OAAA,EAAS,WAAW,CAAA;AAE7C,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAA,EAAa,eAAe,CAAA;AACvD,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAA,EAAa,eAAe,CAAA;AACvD,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AACnD,MAAA,OAAA,CAAQ,mBAAA,CAAoB,OAAA,EAAS,WAAW,CAAA;AAAA,IAClD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACV,CAAA;ADlBA;AACE;AACF,wCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useMouseScroll/index.cjs","sourcesContent":[null,"'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook\n */\nexport const useMouseScroll = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      startX = 0,\n      startLeft = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!element.contains(e.target as Node)) {\n        return;\n      }\n\n      isDown = true;\n\n      startLeft = element.scrollLeft;\n      startX = e.x;\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      element.scrollLeft = startLeft + startX - e.x;\n    };\n\n    const handleMouseUp = () => {\n      isDown = false;\n    };\n\n    const handleWheel = (e: WheelEvent) => {\n      element.scrollTo({\n        left: element.scrollLeft + e.deltaY,\n        behavior: 'smooth',\n      });\n    };\n\n    window.addEventListener('mousedown', handleMouseDown);\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    element.addEventListener('wheel', handleWheel);\n\n    return () => {\n      window.removeEventListener('mousedown', handleMouseDown);\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      element.removeEventListener('wheel', handleWheel);\n    };\n  }, [ref]);\n};\n"]}

package/dist/hooks/useMouseScroll/index.d.cts

@@ -0,0 +1,6 @@
+/**
+ * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook
+ */
+declare const useMouseScroll: <T extends React.RefObject<HTMLElement | null>>(ref: T) => void;
+
+export { useMouseScroll };

package/dist/hooks/useMouseScroll/index.d.ts

@@ -1,5 +1,6 @@
 /**
  * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook
  */
-export declare const useMouseScroll: <T extends React.RefObject<HTMLElement | null>>(ref: T) => void;
-//# sourceMappingURL=index.d.ts.map
+declare const useMouseScroll: <T extends React.RefObject<HTMLElement | null>>(ref: T) => void;
+
+export { useMouseScroll };

package/dist/hooks/useMouseScroll/index.js

@@ -1,47 +1,48 @@
-'use client';
-import { useEffect } from 'react';
-/**
- * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook
- */
-export const useMouseScroll = (ref) => {
-    useEffect(() => {
-        const element = ref.current;
-        let isDown = false, startX = 0, startLeft = 0;
-        if (element === null) {
-            return;
-        }
-        const handleMouseDown = (e) => {
-            if (!element.contains(e.target)) {
-                return;
-            }
-            isDown = true;
-            startLeft = element.scrollLeft;
-            startX = e.x;
-        };
-        const handleMouseMove = (e) => {
-            if (!isDown) {
-                return;
-            }
-            element.scrollLeft = startLeft + startX - e.x;
-        };
-        const handleMouseUp = () => {
-            isDown = false;
-        };
-        const handleWheel = (e) => {
-            element.scrollTo({
-                left: element.scrollLeft + e.deltaY,
-                behavior: 'smooth',
-            });
-        };
-        window.addEventListener('mousedown', handleMouseDown);
-        window.addEventListener('mousemove', handleMouseMove);
-        window.addEventListener('mouseup', handleMouseUp);
-        element.addEventListener('wheel', handleWheel);
-        return () => {
-            window.removeEventListener('mousedown', handleMouseDown);
-            window.removeEventListener('mousemove', handleMouseMove);
-            window.removeEventListener('mouseup', handleMouseUp);
-            element.removeEventListener('wheel', handleWheel);
-        };
-    }, [ref]);
+"use client";
+import { useEffect } from "react";
+const useMouseScroll = (ref) => {
+  useEffect(() => {
+    const element = ref.current;
+    let isDown = false, startX = 0, startLeft = 0;
+    if (element === null) {
+      return;
+    }
+    const handleMouseDown = (e) => {
+      if (!element.contains(e.target)) {
+        return;
+      }
+      isDown = true;
+      startLeft = element.scrollLeft;
+      startX = e.x;
+    };
+    const handleMouseMove = (e) => {
+      if (!isDown) {
+        return;
+      }
+      element.scrollLeft = startLeft + startX - e.x;
+    };
+    const handleMouseUp = () => {
+      isDown = false;
+    };
+    const handleWheel = (e) => {
+      element.scrollTo({
+        left: element.scrollLeft + e.deltaY,
+        behavior: "smooth"
+      });
+    };
+    window.addEventListener("mousedown", handleMouseDown);
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+    element.addEventListener("wheel", handleWheel);
+    return () => {
+      window.removeEventListener("mousedown", handleMouseDown);
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+      element.removeEventListener("wheel", handleWheel);
+    };
+  }, [ref]);
 };
+export {
+  useMouseScroll
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useMouseScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useMouseScroll/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook\n */\nexport const useMouseScroll = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      startX = 0,\n      startLeft = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!element.contains(e.target as Node)) {\n        return;\n      }\n\n      isDown = true;\n\n      startLeft = element.scrollLeft;\n      startX = e.x;\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      element.scrollLeft = startLeft + startX - e.x;\n    };\n\n    const handleMouseUp = () => {\n      isDown = false;\n    };\n\n    const handleWheel = (e: WheelEvent) => {\n      element.scrollTo({\n        left: element.scrollLeft + e.deltaY,\n        behavior: 'smooth',\n      });\n    };\n\n    window.addEventListener('mousedown', handleMouseDown);\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    element.addEventListener('wheel', handleWheel);\n\n    return () => {\n      window.removeEventListener('mousedown', handleMouseDown);\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      element.removeEventListener('wheel', handleWheel);\n    };\n  }, [ref]);\n};\n"],"mappings":";AAEA,SAAS,iBAAiB;AAKnB,MAAM,iBAAiB,CAC5B,QACS;AACT,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,SAAS,GACT,YAAY;AAEd,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ,SAAS,EAAE,MAAc,GAAG;AACvC;AAAA,MACF;AAEA,eAAS;AAET,kBAAY,QAAQ;AACpB,eAAS,EAAE;AAAA,IACb;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,cAAQ,aAAa,YAAY,SAAS,EAAE;AAAA,IAC9C;AAEA,UAAM,gBAAgB,MAAM;AAC1B,eAAS;AAAA,IACX;AAEA,UAAM,cAAc,CAAC,MAAkB;AACrC,cAAQ,SAAS;AAAA,QACf,MAAM,QAAQ,aAAa,EAAE;AAAA,QAC7B,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAEA,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,WAAW,aAAa;AAChD,YAAQ,iBAAiB,SAAS,WAAW;AAE7C,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,WAAW,aAAa;AACnD,cAAQ,oBAAoB,SAAS,WAAW;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;","names":[]}

package/dist/hooks/usePointerSlider/index.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+var _react = require('react');
+const usePointerSlider = (ref, {
+  min,
+  max,
+  defaultValue
+}) => {
+  const [value, setValue] = _react.useState.call(void 0, defaultValue);
+  _react.useEffect.call(void 0, () => {
+    const element = ref.current;
+    let isDown = false, parentWidth = 0, parentX = 0;
+    if (element === null) {
+      return;
+    }
+    element.style.left = `${(value - min) / (max - min) * 100}%`;
+    const handlePointerDown = (e) => {
+      element.setPointerCapture(e.pointerId);
+      isDown = true;
+      const boundingRect = _optionalChain([element, 'access', _ => _.parentElement, 'optionalAccess', _2 => _2.getBoundingClientRect, 'call', _3 => _3()]);
+      if (boundingRect === void 0) {
+        return;
+      }
+      parentWidth = boundingRect.width;
+      parentX = boundingRect.x;
+    };
+    const handlePointerMove = (e) => {
+      if (!isDown) {
+        return;
+      }
+      const currentValue = Math.min(
+        max,
+        Math.max(
+          min,
+          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min
+        )
+      );
+      element.style.left = `${(currentValue - min) / (max - min) * 100}%`;
+      setValue(currentValue);
+    };
+    const handlePointerUp = (e) => {
+      element.releasePointerCapture(e.pointerId);
+      isDown = false;
+    };
+    element.addEventListener("pointerdown", handlePointerDown);
+    element.addEventListener("pointermove", handlePointerMove);
+    element.addEventListener("pointerup", handlePointerUp);
+    return () => {
+      element.removeEventListener("pointerdown", handlePointerDown);
+      element.removeEventListener("pointermove", handlePointerMove);
+      element.removeEventListener("pointerup", handlePointerUp);
+    };
+  }, [ref, max, min, value]);
+  return value;
+};
+
+
+exports.usePointerSlider = usePointerSlider;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/usePointerSlider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/usePointerSlider/index.cjs","../../../src/hooks/usePointerSlider/index.ts"],"names":[],"mappings":"AAAA,ylBAAY;ACEZ,8BAAoC;AAE7B,MAAM,iBAAA,EAAmB,CAC9B,GAAA,EACA;AAAA,EACE,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAA,GAKW;AACX,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,YAA6B,CAAA;AAEvD,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,QAAA,EAAU,GAAA,CAAI,OAAA;AACpB,IAAA,IAAI,OAAA,EAAS,KAAA,EACX,YAAA,EAAc,CAAA,EACd,QAAA,EAAU,CAAA;AAEZ,IAAA,GAAA,CAAI,QAAA,IAAY,IAAA,EAAM;AACpB,MAAA,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,EAAO,CAAA,EAAA;AAEf,IAAA;AACI,MAAA;AACC,MAAA;AACH,MAAA;AAEF,MAAA;AACF,QAAA;AACF,MAAA;AAEc,MAAA;AACJ,MAAA;AACZ,IAAA;AAEM,IAAA;AACS,MAAA;AACX,QAAA;AACF,MAAA;AAEM,MAAA;AACJ,QAAA;AACK,QAAA;AACH,UAAA;AACc,UAAA;AAChB,QAAA;AACF,MAAA;AAEc,MAAA;AAEL,MAAA;AACX,IAAA;AAEM,IAAA;AACI,MAAA;AACC,MAAA;AACX,IAAA;AAEQ,IAAA;AACA,IAAA;AACA,IAAA;AAEK,IAAA;AACH,MAAA;AACA,MAAA;AACA,MAAA;AACV,IAAA;AACsB,EAAA;AAEjB,EAAA;AACT;ADxB0B;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/usePointerSlider/index.cjs","sourcesContent":[null,"'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const usePointerSlider = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n  {\n    min,\n    max,\n    defaultValue,\n  }: {\n    min: number;\n    max: number;\n    defaultValue: number;\n  },\n): number => {\n  const [value, setValue] = useState<number>(defaultValue);\n\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      parentWidth = 0,\n      parentX = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    element.style.left = `${((value - min) / (max - min)) * 100}%`;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      element.setPointerCapture(e.pointerId);\n      isDown = true;\n      const boundingRect = element.parentElement?.getBoundingClientRect();\n\n      if (boundingRect === undefined) {\n        return;\n      }\n\n      parentWidth = boundingRect.width;\n      parentX = boundingRect.x;\n    };\n\n    const handlePointerMove = (e: PointerEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      const currentValue = Math.min(\n        max,\n        Math.max(\n          min,\n          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min,\n        ),\n      );\n\n      element.style.left = `${((currentValue - min) / (max - min)) * 100}%`;\n\n      setValue(currentValue);\n    };\n\n    const handlePointerUp = (e: PointerEvent) => {\n      element.releasePointerCapture(e.pointerId);\n      isDown = false;\n    };\n\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointermove', handlePointerMove);\n    element.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointermove', handlePointerMove);\n      element.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [ref, max, min, value]);\n\n  return value;\n};\n"]}

package/dist/hooks/usePointerSlider/index.d.cts

@@ -0,0 +1,7 @@
+declare const usePointerSlider: <T extends React.RefObject<HTMLElement | null>>(ref: T, { min, max, defaultValue, }: {
+    min: number;
+    max: number;
+    defaultValue: number;
+}) => number;
+
+export { usePointerSlider };

package/dist/hooks/usePointerSlider/index.d.ts

@@ -1,6 +1,7 @@
-export declare const usePointerSlider: <T extends React.RefObject<HTMLElement | null>>(ref: T, { min, max, defaultValue, }: {
+declare const usePointerSlider: <T extends React.RefObject<HTMLElement | null>>(ref: T, { min, max, defaultValue, }: {
     min: number;
     max: number;
     defaultValue: number;
 }) => number;
-//# sourceMappingURL=index.d.ts.map
+
+export { usePointerSlider };