@scglab/admin-ui 0.1.6 → 0.1.8

package/dist/stores/index.cjs

@@ -0,0 +1,89 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/stores/index.ts
+var stores_exports = {};
+__export(stores_exports, {
+  useDialogStore: () => DialogStore_default,
+  useLoadingStore: () => LoadingStore_default
+});
+module.exports = __toCommonJS(stores_exports);
+
+// src/store/DialogStore.tsx
+var import_zustand = require("zustand");
+var useDialogStore = (0, import_zustand.create)((set) => ({
+  isOpen: false,
+  type: "alert",
+  message: "",
+  showAlert: ({ title, message, onConfirm }) => set({
+    isOpen: true,
+    type: "alert",
+    title,
+    message,
+    onConfirm: () => {
+      onConfirm?.();
+      set({ isOpen: false });
+    }
+  }),
+  showConfirm: ({ title, message, onConfirm, onCancel }) => set({
+    isOpen: true,
+    type: "confirm",
+    title,
+    message,
+    onConfirm: () => {
+      onConfirm();
+      set({ isOpen: false });
+    },
+    onCancel: () => {
+      onCancel?.();
+      set({ isOpen: false });
+    }
+  }),
+  showPrompt: ({ title, message, defaultValue, onConfirm, onCancel }) => set({
+    isOpen: true,
+    type: "prompt",
+    title,
+    message,
+    defaultValue,
+    onConfirm: (value) => {
+      onConfirm(value || "");
+      set({ isOpen: false });
+    },
+    onCancel: () => {
+      onCancel?.();
+      set({ isOpen: false });
+    }
+  }),
+  close: () => set({ isOpen: false })
+}));
+var DialogStore_default = useDialogStore;
+
+// src/store/LoadingStore.tsx
+var import_zustand2 = require("zustand");
+var useLoadingStore = (0, import_zustand2.create)((set) => ({
+  isLoading: false,
+  setLoading: (loading) => set({ isLoading: loading })
+}));
+var LoadingStore_default = useLoadingStore;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDialogStore,
+  useLoadingStore
+});
+//# sourceMappingURL=index.cjs.map

package/dist/stores/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/stores/index.ts","../../src/store/DialogStore.tsx","../../src/store/LoadingStore.tsx"],"sourcesContent":["export { default as useDialogStore } from '../store/DialogStore';\nexport { default as useLoadingStore } from '../store/LoadingStore';\n","import { create } from \"zustand\";\n\ninterface DialogState {\n  isOpen: boolean;\n  type: \"alert\" | \"confirm\" | \"prompt\";\n  title?: string;\n  message: string | React.ReactNode;\n  defaultValue?: string;\n  onConfirm?: (value?: string) => void;\n  onCancel?: () => void;\n  showAlert: (options: {\n    title?: string;\n    message: string;\n    onConfirm?: () => void;\n  }) => void;\n  showConfirm: (options: {\n    title?: string;\n    message: string | React.ReactNode;\n    onConfirm: () => void;\n    onCancel?: () => void;\n  }) => void;\n  showPrompt: (options: {\n    title?: string;\n    message: string;\n    defaultValue?: string;\n    onConfirm: (value: string) => void;\n    onCancel?: () => void;\n  }) => void;\n  close: () => void;\n}\n\nconst useDialogStore = create<DialogState>((set) => ({\n  isOpen: false,\n  type: \"alert\",\n  message: \"\",\n\n  showAlert: ({ title, message, onConfirm }) =>\n    set({\n      isOpen: true,\n      type: \"alert\",\n      title,\n      message,\n      onConfirm: () => {\n        onConfirm?.();\n        set({ isOpen: false });\n      },\n    }),\n\n  showConfirm: ({ title, message, onConfirm, onCancel }) =>\n    set({\n      isOpen: true,\n      type: \"confirm\",\n      title,\n      message,\n      onConfirm: () => {\n        onConfirm();\n        set({ isOpen: false });\n      },\n      onCancel: () => {\n        onCancel?.();\n        set({ isOpen: false });\n      },\n    }),\n\n  showPrompt: ({ title, message, defaultValue, onConfirm, onCancel }) =>\n    set({\n      isOpen: true,\n      type: \"prompt\",\n      title,\n      message,\n      defaultValue,\n      onConfirm: (value?: string) => {\n        onConfirm(value || \"\");\n        set({ isOpen: false });\n      },\n      onCancel: () => {\n        onCancel?.();\n        set({ isOpen: false });\n      },\n    }),\n\n  close: () => set({ isOpen: false }),\n}));\n\nexport default useDialogStore;\n","import { create } from \"zustand\";\n\ninterface LoadingState {\n  isLoading: boolean;\n  setLoading: (loading: boolean) => void;\n}\n\nconst useLoadingStore = create<LoadingState>((set) => ({\n  isLoading: false,\n  setLoading: (loading) => set({ isLoading: loading }),\n}));\n\nexport default useLoadingStore;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,qBAAuB;AA+BvB,IAAM,qBAAiB,uBAAoB,CAAC,SAAS;AAAA,EACnD,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EAET,WAAW,CAAC,EAAE,OAAO,SAAS,UAAU,MACtC,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AACf,kBAAY;AACZ,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EAEH,aAAa,CAAC,EAAE,OAAO,SAAS,WAAW,SAAS,MAClD,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AACf,gBAAU;AACV,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,IACA,UAAU,MAAM;AACd,iBAAW;AACX,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EAEH,YAAY,CAAC,EAAE,OAAO,SAAS,cAAc,WAAW,SAAS,MAC/D,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,UAAmB;AAC7B,gBAAU,SAAS,EAAE;AACrB,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,IACA,UAAU,MAAM;AACd,iBAAW;AACX,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EAEH,OAAO,MAAM,IAAI,EAAE,QAAQ,MAAM,CAAC;AACpC,EAAE;AAEF,IAAO,sBAAQ;;;ACpFf,IAAAA,kBAAuB;AAOvB,IAAM,sBAAkB,wBAAqB,CAAC,SAAS;AAAA,EACrD,WAAW;AAAA,EACX,YAAY,CAAC,YAAY,IAAI,EAAE,WAAW,QAAQ,CAAC;AACrD,EAAE;AAEF,IAAO,uBAAQ;","names":["import_zustand"]}

package/dist/stores/index.d.cts

@@ -0,0 +1,39 @@
+import * as zustand from 'zustand';
+
+interface DialogState {
+    isOpen: boolean;
+    type: "alert" | "confirm" | "prompt";
+    title?: string;
+    message: string | React.ReactNode;
+    defaultValue?: string;
+    onConfirm?: (value?: string) => void;
+    onCancel?: () => void;
+    showAlert: (options: {
+        title?: string;
+        message: string;
+        onConfirm?: () => void;
+    }) => void;
+    showConfirm: (options: {
+        title?: string;
+        message: string | React.ReactNode;
+        onConfirm: () => void;
+        onCancel?: () => void;
+    }) => void;
+    showPrompt: (options: {
+        title?: string;
+        message: string;
+        defaultValue?: string;
+        onConfirm: (value: string) => void;
+        onCancel?: () => void;
+    }) => void;
+    close: () => void;
+}
+declare const useDialogStore: zustand.UseBoundStore<zustand.StoreApi<DialogState>>;
+
+interface LoadingState {
+    isLoading: boolean;
+    setLoading: (loading: boolean) => void;
+}
+declare const useLoadingStore: zustand.UseBoundStore<zustand.StoreApi<LoadingState>>;
+
+export { useDialogStore, useLoadingStore };

package/dist/stores/index.d.ts

@@ -0,0 +1,39 @@
+import * as zustand from 'zustand';
+
+interface DialogState {
+    isOpen: boolean;
+    type: "alert" | "confirm" | "prompt";
+    title?: string;
+    message: string | React.ReactNode;
+    defaultValue?: string;
+    onConfirm?: (value?: string) => void;
+    onCancel?: () => void;
+    showAlert: (options: {
+        title?: string;
+        message: string;
+        onConfirm?: () => void;
+    }) => void;
+    showConfirm: (options: {
+        title?: string;
+        message: string | React.ReactNode;
+        onConfirm: () => void;
+        onCancel?: () => void;
+    }) => void;
+    showPrompt: (options: {
+        title?: string;
+        message: string;
+        defaultValue?: string;
+        onConfirm: (value: string) => void;
+        onCancel?: () => void;
+    }) => void;
+    close: () => void;
+}
+declare const useDialogStore: zustand.UseBoundStore<zustand.StoreApi<DialogState>>;
+
+interface LoadingState {
+    isLoading: boolean;
+    setLoading: (loading: boolean) => void;
+}
+declare const useLoadingStore: zustand.UseBoundStore<zustand.StoreApi<LoadingState>>;
+
+export { useDialogStore, useLoadingStore };

package/dist/stores/index.js

@@ -0,0 +1,61 @@
+// src/store/DialogStore.tsx
+import { create } from "zustand";
+var useDialogStore = create((set) => ({
+  isOpen: false,
+  type: "alert",
+  message: "",
+  showAlert: ({ title, message, onConfirm }) => set({
+    isOpen: true,
+    type: "alert",
+    title,
+    message,
+    onConfirm: () => {
+      onConfirm?.();
+      set({ isOpen: false });
+    }
+  }),
+  showConfirm: ({ title, message, onConfirm, onCancel }) => set({
+    isOpen: true,
+    type: "confirm",
+    title,
+    message,
+    onConfirm: () => {
+      onConfirm();
+      set({ isOpen: false });
+    },
+    onCancel: () => {
+      onCancel?.();
+      set({ isOpen: false });
+    }
+  }),
+  showPrompt: ({ title, message, defaultValue, onConfirm, onCancel }) => set({
+    isOpen: true,
+    type: "prompt",
+    title,
+    message,
+    defaultValue,
+    onConfirm: (value) => {
+      onConfirm(value || "");
+      set({ isOpen: false });
+    },
+    onCancel: () => {
+      onCancel?.();
+      set({ isOpen: false });
+    }
+  }),
+  close: () => set({ isOpen: false })
+}));
+var DialogStore_default = useDialogStore;
+
+// src/store/LoadingStore.tsx
+import { create as create2 } from "zustand";
+var useLoadingStore = create2((set) => ({
+  isLoading: false,
+  setLoading: (loading) => set({ isLoading: loading })
+}));
+var LoadingStore_default = useLoadingStore;
+export {
+  DialogStore_default as useDialogStore,
+  LoadingStore_default as useLoadingStore
+};
+//# sourceMappingURL=index.js.map

package/dist/stores/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/store/DialogStore.tsx","../../src/store/LoadingStore.tsx"],"sourcesContent":["import { create } from \"zustand\";\n\ninterface DialogState {\n  isOpen: boolean;\n  type: \"alert\" | \"confirm\" | \"prompt\";\n  title?: string;\n  message: string | React.ReactNode;\n  defaultValue?: string;\n  onConfirm?: (value?: string) => void;\n  onCancel?: () => void;\n  showAlert: (options: {\n    title?: string;\n    message: string;\n    onConfirm?: () => void;\n  }) => void;\n  showConfirm: (options: {\n    title?: string;\n    message: string | React.ReactNode;\n    onConfirm: () => void;\n    onCancel?: () => void;\n  }) => void;\n  showPrompt: (options: {\n    title?: string;\n    message: string;\n    defaultValue?: string;\n    onConfirm: (value: string) => void;\n    onCancel?: () => void;\n  }) => void;\n  close: () => void;\n}\n\nconst useDialogStore = create<DialogState>((set) => ({\n  isOpen: false,\n  type: \"alert\",\n  message: \"\",\n\n  showAlert: ({ title, message, onConfirm }) =>\n    set({\n      isOpen: true,\n      type: \"alert\",\n      title,\n      message,\n      onConfirm: () => {\n        onConfirm?.();\n        set({ isOpen: false });\n      },\n    }),\n\n  showConfirm: ({ title, message, onConfirm, onCancel }) =>\n    set({\n      isOpen: true,\n      type: \"confirm\",\n      title,\n      message,\n      onConfirm: () => {\n        onConfirm();\n        set({ isOpen: false });\n      },\n      onCancel: () => {\n        onCancel?.();\n        set({ isOpen: false });\n      },\n    }),\n\n  showPrompt: ({ title, message, defaultValue, onConfirm, onCancel }) =>\n    set({\n      isOpen: true,\n      type: \"prompt\",\n      title,\n      message,\n      defaultValue,\n      onConfirm: (value?: string) => {\n        onConfirm(value || \"\");\n        set({ isOpen: false });\n      },\n      onCancel: () => {\n        onCancel?.();\n        set({ isOpen: false });\n      },\n    }),\n\n  close: () => set({ isOpen: false }),\n}));\n\nexport default useDialogStore;\n","import { create } from \"zustand\";\n\ninterface LoadingState {\n  isLoading: boolean;\n  setLoading: (loading: boolean) => void;\n}\n\nconst useLoadingStore = create<LoadingState>((set) => ({\n  isLoading: false,\n  setLoading: (loading) => set({ isLoading: loading }),\n}));\n\nexport default useLoadingStore;\n"],"mappings":";AAAA,SAAS,cAAc;AA+BvB,IAAM,iBAAiB,OAAoB,CAAC,SAAS;AAAA,EACnD,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EAET,WAAW,CAAC,EAAE,OAAO,SAAS,UAAU,MACtC,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AACf,kBAAY;AACZ,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EAEH,aAAa,CAAC,EAAE,OAAO,SAAS,WAAW,SAAS,MAClD,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AACf,gBAAU;AACV,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,IACA,UAAU,MAAM;AACd,iBAAW;AACX,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EAEH,YAAY,CAAC,EAAE,OAAO,SAAS,cAAc,WAAW,SAAS,MAC/D,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,UAAmB;AAC7B,gBAAU,SAAS,EAAE;AACrB,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,IACA,UAAU,MAAM;AACd,iBAAW;AACX,UAAI,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvB;AAAA,EACF,CAAC;AAAA,EAEH,OAAO,MAAM,IAAI,EAAE,QAAQ,MAAM,CAAC;AACpC,EAAE;AAEF,IAAO,sBAAQ;;;ACpFf,SAAS,UAAAA,eAAc;AAOvB,IAAM,kBAAkBA,QAAqB,CAAC,SAAS;AAAA,EACrD,WAAW;AAAA,EACX,YAAY,CAAC,YAAY,IAAI,EAAE,WAAW,QAAQ,CAAC;AACrD,EAAE;AAEF,IAAO,uBAAQ;","names":["create"]}

package/dist/styles/index.css

@@ -816,7 +816,11 @@
 }
 
 .min-w-\[140px\] {
-  min-width: 140px;
+  min-width: 10rem;
+}
+
+.min-w-\[320px\] {
+  min-width: 22.8571428571rem;
 }
 
 .max-h-36 {
@@ -835,6 +839,10 @@
   max-height: 14.2857142857rem;
 }
 
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }
@@ -1446,6 +1454,13 @@
   position: fixed;
 }
 
+.inset-0 {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
 .inset-y-0 {
   top: 0;
   bottom: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scglab/admin-ui",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "React 기반 SCGLab 어드민 UI 컴포넌트 라이브러리",
   "keywords": [
     "react",
@@ -22,9 +22,14 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "require": "./dist/index.cjs",
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/index.js"
+    },
+    "./stores": {
+      "types": "./dist/stores/index.d.ts",
+      "require": "./dist/stores/index.cjs",
+      "import": "./dist/stores/index.js"
     },
     "./styles": "./dist/styles/index.css"
   },
@@ -33,7 +38,14 @@
     "README.md"
   ],
   "peerDependencies": {
+    "zustand": "^4.5.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "clsx": "^2.1.1",
+    "moment": "^2.30.1",
     "react": "^18.0.0",
+    "react-datepicker": "^8.3.0",
     "react-dom": "^18.0.0"
   },
   "scripts": {
@@ -45,15 +57,11 @@
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
     "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\""
   },
-  "dependencies": {
+  "devDependencies": {
+    "zustand": "^4.5.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "clsx": "^2.1.1",
-    "moment": "^2.30.1",
-    "react-datepicker": "^8.3.0"
-  },
-  "devDependencies": {
     "@storybook/addon-essentials": "^8.5.1",
     "@storybook/addon-interactions": "^8.5.1",
     "@storybook/addon-links": "^8.5.1",
@@ -63,9 +71,12 @@
     "@storybook/test": "^8.5.1",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
+    "clsx": "^2.1.1",
     "esbuild-sass-plugin": "^3.3.1",
+    "moment": "^2.30.1",
     "prettier": "^3.8.1",
     "react": "^18.2.0",
+    "react-datepicker": "^8.3.0",
     "react-dom": "^18.2.0",
     "sass": "^1.77.0",
     "storybook": "^8.5.1",