@ablogcms/dialog 3.2.28-beta.0

package/README.md

@@ -0,0 +1,22 @@
+# @ablogcms/dialog
+
+ブラウザ標準の `confirm` / `alert` / `prompt` を置き換える、Promise ベースの非同期ダイアログを
+提供するパッケージ。
+
+## 使い方
+
+```ts
+import { dialog } from '@ablogcms/dialog';
+
+const ok = await dialog.confirm('削除してよろしいですか?');
+if (ok) {
+  await dialog.alert('削除しました');
+}
+const value = await dialog.prompt('タイトルを入力してください');
+```
+
+- `dialog.confirm(message, options?)`: OK/キャンセルの確認ダイアログを開き、選択結果（`boolean`）を返す。
+- `dialog.alert(message, options?)`: OK のみの警告ダイアログを開き、閉じられたら解決する。
+- `dialog.prompt(message, options?)`: テキスト入力ダイアログを開き、入力値（`string | null`）を返す。
+- `DialogContainer`: 実際にダイアログを DOM へレンダリングするコンポーネント。ページに 1 度だけ
+  マウントすれば、以降の `dialog.*` 呼び出しに反応して表示される。

package/dist/acms.d.ts

@@ -0,0 +1,6 @@
+import type dialog from './dialog.js';
+declare module '@ablogcms/types/acms' {
+    interface AcmsLibrary {
+        dialog: typeof dialog;
+    }
+}

package/dist/acms.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=acms.mjs.map

package/dist/acms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/dialog-container.d.ts

@@ -0,0 +1,2 @@
+declare function DialogContainer(): import("react").JSX.Element;
+export default DialogContainer;

package/dist/dialog.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps, DialogStore, DialogStoreInterface } from './types/index.js';
+export interface DialogOptionsInterface extends Pick<DialogStoreInterface, 'title' | 'dialogProps'> {
+}
+export interface ConfirmDialogOptions extends DialogOptionsInterface {
+    confirmButton: Partial<ButtonProps>;
+    cancelButton: Partial<ButtonProps>;
+}
+export interface AlertDialogOptions extends DialogOptionsInterface {
+    confirmButton: Partial<ButtonProps>;
+}
+export interface PromptDialogOptions extends DialogOptionsInterface {
+    defaultValue?: string;
+    confirmButton: Partial<ButtonProps>;
+    cancelButton: Partial<ButtonProps>;
+}
+declare function openConfirmDialog(message: DialogStore['message'], options?: Partial<ConfirmDialogOptions>): Promise<boolean>;
+declare function openAlertDialog(message: DialogStore['message'], options?: Partial<AlertDialogOptions>): Promise<void>;
+declare function openPromptDialog(message: DialogStore['message'], options?: Partial<PromptDialogOptions>): Promise<string | null>;
+declare const dialog: {
+    confirm(message: import("react").ReactNode, options?: Partial<ConfirmDialogOptions> | undefined): Promise<boolean>;
+    alert(message: import("react").ReactNode, options?: Partial<AlertDialogOptions> | undefined): Promise<void>;
+    prompt(message: import("react").ReactNode, options?: Partial<PromptDialogOptions> | undefined): Promise<string | null>;
+};
+export default dialog;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as dialog } from './dialog.js';
+export { default as DialogContainer } from './dialog-container.js';
+export type * from './types/index.js';

package/dist/index.mjs

@@ -0,0 +1,238 @@
+// src/dialog.tsx
+import { VStack } from "@ablogcms/components/stack";
+
+// src/store/store.ts
+var store = { isOpen: false, onClose: () => {
+} };
+var listeners = /* @__PURE__ */ new Set();
+function emitChange() {
+  for (const listener of listeners) {
+    listener();
+  }
+}
+function openDialog(dialog2) {
+  store = dialog2;
+  emitChange();
+}
+function closeDialog() {
+  if (store.isOpen) {
+    store = { isOpen: false, onClose: () => {
+    } };
+    emitChange();
+  }
+}
+function createDialogStore() {
+  return {
+    openDialog,
+    closeDialog,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot() {
+      return store;
+    }
+  };
+}
+
+// src/dialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function openConfirmDialog(message, options = {}) {
+  return new Promise((resolve) => {
+    const handleConfirm = () => {
+      closeDialog();
+      resolve(true);
+    };
+    const handleClose = () => {
+      closeDialog();
+      resolve(false);
+    };
+    openDialog({
+      isOpen: true,
+      onClose: handleClose,
+      type: "confirm",
+      message,
+      buttons: [
+        {
+          id: "acms-dialog-cancel-button",
+          label: ACMS.i18n("dialog.cancel"),
+          onClick: handleClose,
+          ...options.cancelButton,
+          type: "button"
+        },
+        {
+          id: "acms-dialog-ok-button",
+          label: ACMS.i18n("dialog.ok"),
+          onClick: handleConfirm,
+          className: "acms-admin-btn-primary",
+          ...options.confirmButton,
+          type: "button"
+        }
+      ],
+      title: ACMS.i18n("dialog.confirm_title"),
+      ...options,
+      dialogProps: {
+        focusTrapOptions: {
+          initialFocus: "#acms-dialog-ok-button"
+        },
+        role: "alertdialog",
+        ...options.dialogProps
+      }
+    });
+  });
+}
+function openAlertDialog(message, options = {}) {
+  return new Promise((resolve) => {
+    const handleClose = () => {
+      closeDialog();
+      resolve();
+    };
+    openDialog({
+      isOpen: true,
+      onClose: handleClose,
+      type: "alert",
+      message,
+      buttons: [
+        {
+          id: "acms-dialog-ok-button",
+          label: ACMS.i18n("dialog.ok"),
+          onClick: handleClose,
+          className: "acms-admin-btn-primary",
+          ...options.confirmButton,
+          type: "button"
+        }
+      ],
+      title: ACMS.i18n("dialog.warning_title"),
+      ...options,
+      dialogProps: {
+        focusTrapOptions: {
+          initialFocus: "#acms-dialog-ok-button"
+        },
+        role: "alertdialog",
+        ...options.dialogProps
+      }
+    });
+  });
+}
+function openPromptDialog(message, options = {}) {
+  return new Promise((resolve) => {
+    const handleSubmit = (event) => {
+      if (!(event.target instanceof HTMLFormElement)) {
+        return;
+      }
+      event.preventDefault();
+      const formData = new FormData(event.target);
+      const value = formData.get("prompt");
+      closeDialog();
+      resolve(value);
+    };
+    const handleClose = () => {
+      closeDialog();
+      resolve(null);
+    };
+    openDialog({
+      isOpen: true,
+      onClose: handleClose,
+      body(store2) {
+        return /* @__PURE__ */ jsx("form", { id: "acms-dialog-prompt-form", onSubmit: handleSubmit, className: "acms-admin-form", children: /* @__PURE__ */ jsx(VStack, { asChild: true, align: "start", children: /* @__PURE__ */ jsxs("label", { htmlFor: "input-text-dialog-prompt", children: [
+          /* @__PURE__ */ jsx("span", { id: "acms-dialog-description", children: store2.message }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "input-text-dialog-prompt",
+              type: "text",
+              name: "prompt",
+              className: "acms-admin-form-width-full",
+              defaultValue: options.defaultValue
+            }
+          )
+        ] }) }) });
+      },
+      type: "prompt",
+      message,
+      buttons: [
+        {
+          id: "acms-dialog-cancel-button",
+          label: ACMS.i18n("dialog.cancel"),
+          onClick: handleClose,
+          ...options.cancelButton,
+          type: "button"
+        },
+        {
+          id: "acms-dialog-ok-button",
+          label: ACMS.i18n("dialog.ok"),
+          className: "acms-admin-btn-primary",
+          ...options.confirmButton,
+          type: "submit",
+          form: "acms-dialog-prompt-form"
+        }
+      ],
+      title: ACMS.i18n("dialog.prompt_title"),
+      ...options,
+      dialogProps: {
+        focusTrapOptions: {
+          initialFocus: "#input-text-dialog-prompt"
+        },
+        ...options.dialogProps
+      }
+    });
+  });
+}
+var dialog = {
+  confirm(...args) {
+    return openConfirmDialog(...args);
+  },
+  alert(...args) {
+    return openAlertDialog(...args);
+  },
+  prompt(...args) {
+    return openPromptDialog(...args);
+  }
+};
+var dialog_default = dialog;
+
+// src/dialog-container.tsx
+import classnames from "classnames";
+import { HStack } from "@ablogcms/components/stack";
+import Modal, { ModalBody, ModalFooter, ModalHeader } from "@ablogcms/components/modal";
+
+// src/store/hook.ts
+import { useRef, useSyncExternalStore } from "react";
+function useDialogStore() {
+  const { subscribe, getSnapshot, openDialog: openDialog2, closeDialog: closeDialog2 } = useRef(createDialogStore()).current;
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return { snapshot, openDialog: openDialog2, closeDialog: closeDialog2 };
+}
+
+// src/dialog-container.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function DialogContainer() {
+  const { snapshot } = useDialogStore();
+  return /* @__PURE__ */ jsx2(
+    Modal,
+    {
+      isOpen: snapshot.isOpen,
+      onClose: snapshot.onClose,
+      size: "small",
+      "aria-labelledby": "acms-dialog-title",
+      "aria-describedby": "acms-dialog-description",
+      ...snapshot.isOpen ? snapshot.dialogProps : {},
+      children: snapshot.isOpen && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(ModalHeader, { children: snapshot.title }),
+        /* @__PURE__ */ jsx2(ModalBody, { children: typeof snapshot.body === "function" ? snapshot.body(snapshot) : /* @__PURE__ */ jsx2("p", { id: "acms-dialog-description", children: snapshot.message }) }),
+        snapshot.buttons && snapshot.buttons.length > 0 && /* @__PURE__ */ jsx2(ModalFooter, { children: /* @__PURE__ */ jsx2(HStack, { display: "inline-flex", children: snapshot.buttons.map(({ label, className, icon, ...props }, index) => /* @__PURE__ */ jsxs2("button", { className: classnames("acms-admin-btn", className), type: "button", ...props, children: [
+          icon,
+          label
+        ] }, index)) }) })
+      ] })
+    }
+  );
+}
+var dialog_container_default = DialogContainer;
+export {
+  dialog_container_default as DialogContainer,
+  dialog_default as dialog
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog.tsx","../src/store/store.ts","../src/dialog-container.tsx","../src/store/hook.ts"],"sourcesContent":["import { VStack } from '@ablogcms/components/stack';\nimport { openDialog, closeDialog } from './store/store';\nimport { ButtonProps, DialogStore, DialogStoreInterface } from './types';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DialogOptionsInterface extends Pick<DialogStoreInterface, 'title' | 'dialogProps'> {}\n\nexport interface ConfirmDialogOptions extends DialogOptionsInterface {\n  confirmButton: Partial<ButtonProps>;\n  cancelButton: Partial<ButtonProps>;\n}\n\nexport interface AlertDialogOptions extends DialogOptionsInterface {\n  confirmButton: Partial<ButtonProps>;\n}\n\nexport interface PromptDialogOptions extends DialogOptionsInterface {\n  defaultValue?: string;\n  confirmButton: Partial<ButtonProps>;\n  cancelButton: Partial<ButtonProps>;\n}\n\nfunction openConfirmDialog(\n  message: DialogStore['message'],\n  options: Partial<ConfirmDialogOptions> = {}\n): Promise<boolean> {\n  return new Promise((resolve) => {\n    const handleConfirm = () => {\n      closeDialog();\n      resolve(true);\n    };\n    const handleClose = () => {\n      closeDialog();\n      resolve(false);\n    };\n    openDialog({\n      isOpen: true,\n      onClose: handleClose,\n      type: 'confirm',\n      message,\n      buttons: [\n        {\n          id: 'acms-dialog-cancel-button',\n          label: ACMS.i18n('dialog.cancel'),\n          onClick: handleClose,\n          ...options.cancelButton,\n          type: 'button',\n        },\n        {\n          id: 'acms-dialog-ok-button',\n          label: ACMS.i18n('dialog.ok'),\n          onClick: handleConfirm,\n          className: 'acms-admin-btn-primary',\n          ...options.confirmButton,\n          type: 'button',\n        },\n      ],\n      title: ACMS.i18n('dialog.confirm_title'),\n      ...options,\n      dialogProps: {\n        focusTrapOptions: {\n          initialFocus: '#acms-dialog-ok-button',\n        },\n        role: 'alertdialog',\n        ...options.dialogProps,\n      },\n    });\n  });\n}\n\nfunction openAlertDialog(message: DialogStore['message'], options: Partial<AlertDialogOptions> = {}): Promise<void> {\n  return new Promise((resolve) => {\n    const handleClose = () => {\n      closeDialog();\n      resolve();\n    };\n    openDialog({\n      isOpen: true,\n      onClose: handleClose,\n      type: 'alert',\n      message,\n      buttons: [\n        {\n          id: 'acms-dialog-ok-button',\n          label: ACMS.i18n('dialog.ok'),\n          onClick: handleClose,\n          className: 'acms-admin-btn-primary',\n          ...options.confirmButton,\n          type: 'button',\n        },\n      ],\n      title: ACMS.i18n('dialog.warning_title'),\n      ...options,\n      dialogProps: {\n        focusTrapOptions: {\n          initialFocus: '#acms-dialog-ok-button',\n        },\n        role: 'alertdialog',\n        ...options.dialogProps,\n      },\n    });\n  });\n}\n\nfunction openPromptDialog(\n  message: DialogStore['message'],\n  options: Partial<PromptDialogOptions> = {}\n): Promise<string | null> {\n  return new Promise((resolve) => {\n    const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n      if (!(event.target instanceof HTMLFormElement)) {\n        return;\n      }\n      event.preventDefault();\n      const formData = new FormData(event.target);\n      const value = formData.get('prompt') as string | null;\n      closeDialog();\n      resolve(value);\n    };\n    const handleClose = () => {\n      closeDialog();\n      resolve(null);\n    };\n    openDialog({\n      isOpen: true,\n      onClose: handleClose,\n      body(store) {\n        return (\n          <form id=\"acms-dialog-prompt-form\" onSubmit={handleSubmit} className=\"acms-admin-form\">\n            <VStack asChild align=\"start\">\n              <label htmlFor=\"input-text-dialog-prompt\">\n                <span id=\"acms-dialog-description\">{store.message}</span>\n                <input\n                  id=\"input-text-dialog-prompt\"\n                  type=\"text\"\n                  name=\"prompt\"\n                  className=\"acms-admin-form-width-full\"\n                  defaultValue={options.defaultValue}\n                />\n              </label>\n            </VStack>\n          </form>\n        );\n      },\n      type: 'prompt',\n      message,\n      buttons: [\n        {\n          id: 'acms-dialog-cancel-button',\n          label: ACMS.i18n('dialog.cancel'),\n          onClick: handleClose,\n          ...options.cancelButton,\n          type: 'button',\n        },\n        {\n          id: 'acms-dialog-ok-button',\n          label: ACMS.i18n('dialog.ok'),\n          className: 'acms-admin-btn-primary',\n          ...options.confirmButton,\n          type: 'submit',\n          form: 'acms-dialog-prompt-form',\n        },\n      ],\n      title: ACMS.i18n('dialog.prompt_title'),\n      ...options,\n      dialogProps: {\n        focusTrapOptions: {\n          initialFocus: '#input-text-dialog-prompt',\n        },\n        ...options.dialogProps,\n      },\n    });\n  });\n}\n\nconst dialog = {\n  confirm(...args: Parameters<typeof openConfirmDialog>) {\n    return openConfirmDialog(...args);\n  },\n  alert(...args: Parameters<typeof openAlertDialog>) {\n    return openAlertDialog(...args);\n  },\n  prompt(...args: Parameters<typeof openPromptDialog>) {\n    return openPromptDialog(...args);\n  },\n};\n\nexport default dialog;\n","import { DialogStore } from '../types';\n\nlet store: DialogStore | { isOpen: false; onClose: () => void } = { isOpen: false, onClose: () => {} };\ntype DialogListener = () => void;\nconst listeners = new Set<DialogListener>();\n\nfunction emitChange() {\n  for (const listener of listeners) {\n    listener();\n  }\n}\n\nexport function openDialog(dialog: DialogStore) {\n  store = dialog;\n  emitChange();\n}\n\nexport function closeDialog() {\n  if (store.isOpen) {\n    store = { isOpen: false, onClose: () => {} };\n    emitChange();\n  }\n}\n\nexport function createDialogStore() {\n  return {\n    openDialog,\n    closeDialog,\n    subscribe(listener: DialogListener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    getSnapshot() {\n      return store;\n    },\n  };\n}\n","import classnames from 'classnames';\nimport { HStack } from '@ablogcms/components/stack';\nimport Modal, { ModalBody, ModalFooter, ModalHeader } from '@ablogcms/components/modal';\nimport { useDialogStore } from './store';\n\nfunction DialogContainer() {\n  const { snapshot } = useDialogStore();\n\n  return (\n    <Modal\n      isOpen={snapshot.isOpen}\n      onClose={snapshot.onClose}\n      size=\"small\"\n      aria-labelledby=\"acms-dialog-title\"\n      aria-describedby=\"acms-dialog-description\"\n      {...(snapshot.isOpen ? snapshot.dialogProps : {})}\n    >\n      {snapshot.isOpen && (\n        <>\n          <ModalHeader>{snapshot.title}</ModalHeader>\n          <ModalBody>\n            {typeof snapshot.body === 'function' ? (\n              snapshot.body(snapshot)\n            ) : (\n              <p id=\"acms-dialog-description\">{snapshot.message}</p>\n            )}\n          </ModalBody>\n          {snapshot.buttons && snapshot.buttons.length > 0 && (\n            <ModalFooter>\n              <HStack display=\"inline-flex\">\n                {snapshot.buttons.map(({ label, className, icon, ...props }, index) => (\n                  <button key={index} className={classnames('acms-admin-btn', className)} type=\"button\" {...props}>\n                    {icon}\n                    {label}\n                  </button>\n                ))}\n              </HStack>\n            </ModalFooter>\n          )}\n        </>\n      )}\n    </Modal>\n  );\n}\n\nexport default DialogContainer;\n","import { useRef, useSyncExternalStore } from 'react';\n\nimport { createDialogStore } from './store';\n\nexport default function useDialogStore() {\n  // 初期化 & 永続化\n  const { subscribe, getSnapshot, openDialog, closeDialog } = useRef(createDialogStore()).current;\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  return { snapshot, openDialog, closeDialog };\n}\n"],"mappings":";AAAA,SAAS,cAAc;;;ACEvB,IAAI,QAA8D,EAAE,QAAQ,OAAO,SAAS,MAAM;AAAC,EAAE;AAErG,IAAM,YAAY,oBAAI,IAAoB;AAE1C,SAAS,aAAa;AACpB,aAAW,YAAY,WAAW;AAChC,aAAS;AAAA,EACX;AACF;AAEO,SAAS,WAAWA,SAAqB;AAC9C,UAAQA;AACR,aAAW;AACb;AAEO,SAAS,cAAc;AAC5B,MAAI,MAAM,QAAQ;AAChB,YAAQ,EAAE,QAAQ,OAAO,SAAS,MAAM;AAAA,IAAC,EAAE;AAC3C,eAAW;AAAA,EACb;AACF;AAEO,SAAS,oBAAoB;AAClC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,UAA0B;AAClC,gBAAU,IAAI,QAAQ;AACtB,aAAO,MAAM;AACX,kBAAU,OAAO,QAAQ;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,EACF;AACF;;;AD4Fc,SACE,KADF;AA5Gd,SAAS,kBACP,SACA,UAAyC,CAAC,GACxB;AAClB,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,UAAM,gBAAgB,MAAM;AAC1B,kBAAY;AACZ,cAAQ,IAAI;AAAA,IACd;AACA,UAAM,cAAc,MAAM;AACxB,kBAAY;AACZ,cAAQ,KAAK;AAAA,IACf;AACA,eAAW;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,KAAK,KAAK,eAAe;AAAA,UAChC,SAAS;AAAA,UACT,GAAG,QAAQ;AAAA,UACX,MAAM;AAAA,QACR;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,KAAK,KAAK,WAAW;AAAA,UAC5B,SAAS;AAAA,UACT,WAAW;AAAA,UACX,GAAG,QAAQ;AAAA,UACX,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA,OAAO,KAAK,KAAK,sBAAsB;AAAA,MACvC,GAAG;AAAA,MACH,aAAa;AAAA,QACX,kBAAkB;AAAA,UAChB,cAAc;AAAA,QAChB;AAAA,QACA,MAAM;AAAA,QACN,GAAG,QAAQ;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAEA,SAAS,gBAAgB,SAAiC,UAAuC,CAAC,GAAkB;AAClH,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,UAAM,cAAc,MAAM;AACxB,kBAAY;AACZ,cAAQ;AAAA,IACV;AACA,eAAW;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,KAAK,KAAK,WAAW;AAAA,UAC5B,SAAS;AAAA,UACT,WAAW;AAAA,UACX,GAAG,QAAQ;AAAA,UACX,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA,OAAO,KAAK,KAAK,sBAAsB;AAAA,MACvC,GAAG;AAAA,MACH,aAAa;AAAA,QACX,kBAAkB;AAAA,UAChB,cAAc;AAAA,QAChB;AAAA,QACA,MAAM;AAAA,QACN,GAAG,QAAQ;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAEA,SAAS,iBACP,SACA,UAAwC,CAAC,GACjB;AACxB,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,UAAM,eAAe,CAAC,UAA4C;AAChE,UAAI,EAAE,MAAM,kBAAkB,kBAAkB;AAC9C;AAAA,MACF;AACA,YAAM,eAAe;AACrB,YAAM,WAAW,IAAI,SAAS,MAAM,MAAM;AAC1C,YAAM,QAAQ,SAAS,IAAI,QAAQ;AACnC,kBAAY;AACZ,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,cAAc,MAAM;AACxB,kBAAY;AACZ,cAAQ,IAAI;AAAA,IACd;AACA,eAAW;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,KAAKC,QAAO;AACV,eACE,oBAAC,UAAK,IAAG,2BAA0B,UAAU,cAAc,WAAU,mBACnE,8BAAC,UAAO,SAAO,MAAC,OAAM,SACpB,+BAAC,WAAM,SAAQ,4BACb;AAAA,8BAAC,UAAK,IAAG,2BAA2B,UAAAA,OAAM,SAAQ;AAAA,UAClD;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAc,QAAQ;AAAA;AAAA,UACxB;AAAA,WACF,GACF,GACF;AAAA,MAEJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,KAAK,KAAK,eAAe;AAAA,UAChC,SAAS;AAAA,UACT,GAAG,QAAQ;AAAA,UACX,MAAM;AAAA,QACR;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO,KAAK,KAAK,WAAW;AAAA,UAC5B,WAAW;AAAA,UACX,GAAG,QAAQ;AAAA,UACX,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA,OAAO,KAAK,KAAK,qBAAqB;AAAA,MACtC,GAAG;AAAA,MACH,aAAa;AAAA,QACX,kBAAkB;AAAA,UAChB,cAAc;AAAA,QAChB;AAAA,QACA,GAAG,QAAQ;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAEA,IAAM,SAAS;AAAA,EACb,WAAW,MAA4C;AACrD,WAAO,kBAAkB,GAAG,IAAI;AAAA,EAClC;AAAA,EACA,SAAS,MAA0C;AACjD,WAAO,gBAAgB,GAAG,IAAI;AAAA,EAChC;AAAA,EACA,UAAU,MAA2C;AACnD,WAAO,iBAAiB,GAAG,IAAI;AAAA,EACjC;AACF;AAEA,IAAO,iBAAQ;;;AE3Lf,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,OAAO,SAAS,WAAW,aAAa,mBAAmB;;;ACF3D,SAAS,QAAQ,4BAA4B;AAI9B,SAAR,iBAAkC;AAEvC,QAAM,EAAE,WAAW,aAAa,YAAAC,aAAY,aAAAC,aAAY,IAAI,OAAO,kBAAkB,CAAC,EAAE;AACxF,QAAM,WAAW,qBAAqB,WAAW,aAAa,WAAW;AAEzE,SAAO,EAAE,UAAU,YAAAD,aAAY,aAAAC,aAAY;AAC7C;;;ADQQ,mBACE,OAAAC,MAYQ,QAAAC,aAbV;AAbR,SAAS,kBAAkB;AACzB,QAAM,EAAE,SAAS,IAAI,eAAe;AAEpC,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS;AAAA,MACjB,SAAS,SAAS;AAAA,MAClB,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MAChB,GAAI,SAAS,SAAS,SAAS,cAAc,CAAC;AAAA,MAE9C,mBAAS,UACR,gBAAAC,MAAA,YACE;AAAA,wBAAAD,KAAC,eAAa,mBAAS,OAAM;AAAA,QAC7B,gBAAAA,KAAC,aACE,iBAAO,SAAS,SAAS,aACxB,SAAS,KAAK,QAAQ,IAEtB,gBAAAA,KAAC,OAAE,IAAG,2BAA2B,mBAAS,SAAQ,GAEtD;AAAA,QACC,SAAS,WAAW,SAAS,QAAQ,SAAS,KAC7C,gBAAAA,KAAC,eACC,0BAAAA,KAAC,UAAO,SAAQ,eACb,mBAAS,QAAQ,IAAI,CAAC,EAAE,OAAO,WAAW,MAAM,GAAG,MAAM,GAAG,UAC3D,gBAAAC,MAAC,YAAmB,WAAW,WAAW,kBAAkB,SAAS,GAAG,MAAK,UAAU,GAAG,OACvF;AAAA;AAAA,UACA;AAAA,aAFU,KAGb,CACD,GACH,GACF;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,2BAAQ;","names":["dialog","store","openDialog","closeDialog","jsx","jsxs"]}

package/dist/store/hook.d.ts

@@ -0,0 +1,8 @@
+export default function useDialogStore(): {
+    snapshot: import("../index.js").DialogStore | {
+        isOpen: false;
+        onClose: () => void;
+    };
+    openDialog: typeof import("./store.js").openDialog;
+    closeDialog: typeof import("./store.js").closeDialog;
+};

package/dist/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './store.js';
+export { default as useDialogStore } from './hook.js';

package/dist/store/store.d.ts

@@ -0,0 +1,14 @@
+import { DialogStore } from '../types/index.js';
+type DialogListener = () => void;
+export declare function openDialog(dialog: DialogStore): void;
+export declare function closeDialog(): void;
+export declare function createDialogStore(): {
+    openDialog: typeof openDialog;
+    closeDialog: typeof closeDialog;
+    subscribe(listener: DialogListener): () => void;
+    getSnapshot(): DialogStore | {
+        isOpen: false;
+        onClose: () => void;
+    };
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,27 @@
+import Modal from '@ablogcms/components/modal';
+export type DialogType = 'confirm' | 'alert' | 'prompt';
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+};
+export interface DialogStoreInterface {
+    type: string;
+    isOpen: true;
+    onClose: () => void;
+    title?: string;
+    message: React.ReactNode;
+    buttons?: ButtonProps[];
+    body?: (props: DialogStoreInterface) => React.ReactNode;
+    dialogProps?: DialogProps;
+}
+export interface ConfirmDialogStore extends DialogStoreInterface {
+    type: 'confirm';
+}
+export interface AlertDialogStore extends DialogStoreInterface {
+    type: 'alert';
+}
+export interface PromptDialogStore extends DialogStoreInterface {
+    type: 'prompt';
+}
+export type DialogProps = Omit<React.ComponentPropsWithoutRef<typeof Modal>, 'children' | 'onClose' | 'isOpen'>;
+export type DialogStore = ConfirmDialogStore | AlertDialogStore | PromptDialogStore;

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@ablogcms/dialog",
+  "version": "3.2.28-beta.0",
+  "type": "module",
+  "description": "Promise ベースの非同期ダイアログ（confirm/alert/prompt 代替）",
+  "license": "MIT",
+  "homepage": "https://www.a-blogcms.jp",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org:appleple/ablogcms.git",
+    "directory": "packages/frontend/dialog"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "@ablogcms/components": "3.2.28-beta.0",
+    "@ablogcms/types": "3.2.28-beta.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "vitest": "^4.1.9"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "@types/react": "^19.2.17"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./acms": {
+      "types": "./dist/acms.d.ts",
+      "import": "./dist/acms.mjs",
+      "default": "./dist/acms.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node ../../../tools/build-package.mjs"
+  }
+}