@nocobase/flow-engine 2.0.0-alpha.10

package/lib/views/createViewMeta.js

@@ -0,0 +1,377 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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);
+var createViewMeta_exports = {};
+__export(createViewMeta_exports, {
+  buildPopupRuntime: () => buildPopupRuntime,
+  createPopupMeta: () => createPopupMeta,
+  createViewMeta: () => createViewMeta,
+  registerPopupVariable: () => registerPopupVariable
+});
+module.exports = __toCommonJS(createViewMeta_exports);
+var import_variablesParams = require("../utils/variablesParams");
+function isPlainObject(val) {
+  if (val === null || typeof val !== "object") return false;
+  const proto = Object.getPrototypeOf(val);
+  return proto === Object.prototype || proto === null;
+}
+__name(isPlainObject, "isPlainObject");
+function makeMetaFromValue(value, title, seen) {
+  const t = typeof value;
+  if (value === null || value === void 0) return { type: "any", title };
+  if (Array.isArray(value)) {
+    return {
+      type: "array",
+      title,
+      properties: /* @__PURE__ */ __name(async () => {
+        const max = Math.min(value.length || 0, 10);
+        const children = {};
+        const nextSeen = seen ?? /* @__PURE__ */ new WeakSet();
+        for (let i = 0; i < max; i++) {
+          children[String(i)] = makeMetaFromValue(value[i], `#${i}`, nextSeen);
+        }
+        return children;
+      }, "properties")
+    };
+  }
+  if (t === "string") return { type: "string", title };
+  if (t === "number") return { type: "number", title };
+  if (t === "boolean") return { type: "boolean", title };
+  if (t === "object" && isPlainObject(value)) {
+    return {
+      type: "object",
+      title,
+      properties: /* @__PURE__ */ __name(async () => {
+        const nextSeen = seen ?? /* @__PURE__ */ new WeakSet();
+        if (nextSeen.has(value)) {
+          return {};
+        }
+        nextSeen.add(value);
+        const props = {};
+        Object.keys(value || {}).forEach((k) => {
+          props[k] = makeMetaFromValue(value[k], k, nextSeen);
+        });
+        return props;
+      }, "properties")
+    };
+  }
+  return { type: "any", title };
+}
+__name(makeMetaFromValue, "makeMetaFromValue");
+function createViewMeta(ctx) {
+  const viewTitle = ctx.t("\u5F53\u524D\u89C6\u56FE");
+  const factory = /* @__PURE__ */ __name(async () => {
+    const view = ctx.view;
+    return {
+      type: "object",
+      title: ctx.t("\u5F53\u524D\u89C6\u56FE"),
+      buildVariablesParams: /* @__PURE__ */ __name((c) => {
+        const params = (0, import_variablesParams.inferViewRecordRef)(c);
+        if (params) {
+          return {
+            record: params
+          };
+        }
+        return void 0;
+      }, "buildVariablesParams"),
+      properties: /* @__PURE__ */ __name(async () => {
+        var _a, _b, _c;
+        const props = {};
+        const refNow = (0, import_variablesParams.inferViewRecordRef)(ctx);
+        if (refNow && refNow.collection) {
+          const recordFactory = /* @__PURE__ */ __name(async () => {
+            var _a2, _b2, _c2, _d;
+            try {
+              const ref = (0, import_variablesParams.inferViewRecordRef)(ctx);
+              if (!(ref == null ? void 0 : ref.collection)) return null;
+              const dsKey = ref.dataSourceKey || "main";
+              const ds = (_b2 = (_a2 = ctx.dataSourceManager) == null ? void 0 : _a2.getDataSource) == null ? void 0 : _b2.call(_a2, dsKey);
+              const col = (_d = (_c2 = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c2.getCollection) == null ? void 0 : _d.call(_c2, ref.collection);
+              if (!col) return null;
+              return await (0, import_variablesParams.buildRecordMeta)(
+                () => col,
+                ctx.t("\u5F53\u524D\u89C6\u56FE\u8BB0\u5F55"),
+                (c) => (0, import_variablesParams.inferViewRecordRef)(c)
+              );
+            } catch (e) {
+              return null;
+            }
+          }, "recordFactory");
+          recordFactory.title = ctx.t("\u5F53\u524D\u89C6\u56FE\u8BB0\u5F55");
+          recordFactory.hasChildren = true;
+          props.record = recordFactory;
+        }
+        props.type = { type: "string", title: ((_a = ctx.t) == null ? void 0 : _a.call(ctx, "\u7C7B\u578B")) || "\u7C7B\u578B" };
+        props.preventClose = { type: "boolean", title: ((_b = ctx.t) == null ? void 0 : _b.call(ctx, "\u662F\u5426\u5141\u8BB8\u5173\u95ED")) || "\u662F\u5426\u5141\u8BB8\u5173\u95ED" };
+        props.inputArgs = makeMetaFromValue(view == null ? void 0 : view.inputArgs, ((_c = ctx.t) == null ? void 0 : _c.call(ctx, "\u8F93\u5165\u53C2\u6570")) || "\u8F93\u5165\u53C2\u6570");
+        return props;
+      }, "properties")
+    };
+  }, "factory");
+  factory.title = viewTitle;
+  return factory;
+}
+__name(createViewMeta, "createViewMeta");
+function createPopupMeta(ctx) {
+  const t = /* @__PURE__ */ __name((k) => ctx.t(k), "t");
+  const getCurrentCollection = /* @__PURE__ */ __name(() => {
+    var _a, _b, _c, _d;
+    try {
+      const ref = (0, import_variablesParams.inferViewRecordRef)(ctx);
+      if (!(ref == null ? void 0 : ref.filterByTk)) return null;
+      const ds = (_b = (_a = ctx.dataSourceManager) == null ? void 0 : _a.getDataSource) == null ? void 0 : _b.call(_a, ref.dataSourceKey || "main");
+      return ((_d = (_c = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c.getCollection) == null ? void 0 : _d.call(_c, ref.collection)) || null;
+    } catch (_) {
+      return null;
+    }
+  }, "getCurrentCollection");
+  const getParentRecordRef = /* @__PURE__ */ __name(async (level) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const nav = (_a = ctx.view) == null ? void 0 : _a.navigation;
+      const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+      if (stack.length < 2 || level < 1) return void 0;
+      const idx = stack.length - 1 - level;
+      if (idx < 0) return void 0;
+      const parent = stack[idx];
+      if (!(parent == null ? void 0 : parent.viewUid)) return void 0;
+      let model = (_c = (_b = ctx.engine) == null ? void 0 : _b.getModel) == null ? void 0 : _c.call(_b, parent.viewUid);
+      if (!model && typeof ((_d = ctx.engine) == null ? void 0 : _d.loadModel) === "function") {
+        try {
+          model = await ctx.engine.loadModel({ uid: parent.viewUid });
+        } catch (e) {
+          console.warn("[FlowEngine] popup.getParentRecordRef loadModel failed:", e);
+        }
+      }
+      const params = ((_e = model == null ? void 0 : model.getStepParams) == null ? void 0 : _e.call(model, "popupSettings", "openView")) || {};
+      const collection = params == null ? void 0 : params.collectionName;
+      const dataSourceKey = (params == null ? void 0 : params.dataSourceKey) || "main";
+      const filterByTk = (parent == null ? void 0 : parent.filterByTk) ?? (parent == null ? void 0 : parent.sourceId);
+      if (!collection || typeof filterByTk === "undefined" || filterByTk === null) return void 0;
+      return { collection, dataSourceKey, filterByTk };
+    } catch (e) {
+      console.warn("[FlowEngine] popup.getParentRecordRef failed:", e);
+      return void 0;
+    }
+  }, "getParentRecordRef");
+  const hasParentNow = /* @__PURE__ */ __name((level) => {
+    var _a;
+    try {
+      const nav = (_a = ctx.view) == null ? void 0 : _a.navigation;
+      const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+      return stack.length >= level + 1;
+    } catch (_) {
+      return false;
+    }
+  }, "hasParentNow");
+  const createParentFactory = /* @__PURE__ */ __name((level) => {
+    const factory2 = /* @__PURE__ */ __name(() => {
+      const meta = {
+        type: "object",
+        title: t("Parent popup"),
+        disabled: /* @__PURE__ */ __name(() => !hasParentNow(level), "disabled"),
+        disabledReason: /* @__PURE__ */ __name(() => !hasParentNow(level) ? t("No parent popup") : void 0, "disabledReason"),
+        properties: /* @__PURE__ */ __name(async () => {
+          const parentRef = await getParentRecordRef(level);
+          const props = {};
+          props.uid = { type: "string", title: t("Popup uid") };
+          if (parentRef) {
+            const parentCollection = (() => {
+              var _a, _b, _c, _d;
+              try {
+                const ds = (_b = (_a = ctx.dataSourceManager) == null ? void 0 : _a.getDataSource) == null ? void 0 : _b.call(_a, parentRef.dataSourceKey || "main");
+                return ((_d = (_c = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c.getCollection) == null ? void 0 : _d.call(_c, parentRef.collection || "")) || null;
+              } catch (_) {
+                return null;
+              }
+            })();
+            const base = await (0, import_variablesParams.buildRecordMeta)(
+              () => parentCollection,
+              t("Popup record"),
+              () => parentRef
+            );
+            props.record = base || { type: "object", title: t("Popup record") };
+          } else {
+            props.record = { type: "object", title: t("Popup record") };
+          }
+          const resourceMeta = {
+            type: "object",
+            title: t("Data source"),
+            properties: /* @__PURE__ */ __name(async () => ({
+              dataSourceKey: { type: "string", title: t("Data source key") },
+              collectionName: { type: "string", title: t("Collection name") },
+              filterByTk: { type: "string", title: t("filterByTk") },
+              sourceId: { type: "string", title: t("sourceId") }
+            }), "properties")
+          };
+          props.resource = resourceMeta;
+          return props;
+        }, "properties")
+      };
+      return meta;
+    }, "factory");
+    factory2.title = t("Parent popup");
+    return factory2;
+  }, "createParentFactory");
+  const factory = /* @__PURE__ */ __name(() => {
+    const meta = {
+      type: "object",
+      title: t("Current popup"),
+      buildVariablesParams: /* @__PURE__ */ __name((c) => {
+        var _a;
+        const ref = (0, import_variablesParams.inferViewRecordRef)(c);
+        const inputArgs = ((_a = c == null ? void 0 : c.view) == null ? void 0 : _a.inputArgs) || {};
+        const out = { record: ref };
+        try {
+          const srcId = inputArgs == null ? void 0 : inputArgs.sourceId;
+          const assoc = inputArgs == null ? void 0 : inputArgs.associationName;
+          const dsKey = (inputArgs == null ? void 0 : inputArgs.dataSourceKey) || "main";
+          if (srcId != null && srcId !== "" && assoc && typeof assoc === "string") {
+            const parentCollectionName = String(assoc).split(".")[0];
+            if (parentCollectionName) {
+              out.sourceRecord = {
+                collection: parentCollectionName,
+                dataSourceKey: dsKey,
+                filterByTk: srcId
+              };
+            }
+          }
+        } catch (_) {
+        }
+        return out;
+      }, "buildVariablesParams"),
+      properties: /* @__PURE__ */ __name(async () => {
+        var _a;
+        const props = {};
+        props.uid = { type: "string", title: t("Popup uid") };
+        const base = await (0, import_variablesParams.buildRecordMeta)(
+          getCurrentCollection,
+          t("Current popup record"),
+          (c) => (0, import_variablesParams.inferViewRecordRef)(c)
+        );
+        if (base) props.record = base;
+        try {
+          const inputArgs = ((_a = ctx.view) == null ? void 0 : _a.inputArgs) || {};
+          const srcId = inputArgs == null ? void 0 : inputArgs.sourceId;
+          const assoc = inputArgs == null ? void 0 : inputArgs.associationName;
+          const dsKey = (inputArgs == null ? void 0 : inputArgs.dataSourceKey) || "main";
+          if (srcId != null && srcId !== "" && assoc && typeof assoc === "string") {
+            const parentCollectionName = String(assoc).includes(".") ? String(assoc).split(".")[0] : void 0;
+            if (parentCollectionName) {
+              const parentCollectionAccessor = /* @__PURE__ */ __name(() => {
+                var _a2, _b, _c, _d;
+                try {
+                  const ds = (_b = (_a2 = ctx.dataSourceManager) == null ? void 0 : _a2.getDataSource) == null ? void 0 : _b.call(_a2, dsKey);
+                  return ((_d = (_c = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c.getCollection) == null ? void 0 : _d.call(_c, parentCollectionName)) || null;
+                } catch (_) {
+                  return null;
+                }
+              }, "parentCollectionAccessor");
+              const srcMeta = await (0, import_variablesParams.buildRecordMeta)(parentCollectionAccessor, t("Current popup parent record"), () => ({
+                collection: parentCollectionName,
+                dataSourceKey: dsKey,
+                filterByTk: srcId
+              }));
+              if (srcMeta) {
+                props.sourceRecord = srcMeta;
+              }
+            }
+          }
+        } catch (_) {
+        }
+        const resourceMeta = {
+          type: "object",
+          title: t("Data source"),
+          properties: /* @__PURE__ */ __name(async () => ({
+            dataSourceKey: { type: "string", title: t("Data source key") },
+            collectionName: { type: "string", title: t("Collection name") },
+            filterByTk: { type: "string", title: t("filterByTk") },
+            sourceId: { type: "string", title: t("sourceId") }
+          }), "properties")
+        };
+        props.resource = resourceMeta;
+        const parentRef1 = await getParentRecordRef(1);
+        if (parentRef1) {
+          props.parent = createParentFactory(1);
+        }
+        return props;
+      }, "properties")
+    };
+    return meta;
+  }, "factory");
+  factory.title = t("Current popup");
+  factory.sort = 975;
+  return factory;
+}
+__name(createPopupMeta, "createPopupMeta");
+async function buildPopupRuntime(ctx, view) {
+  var _a, _b;
+  const nav = view == null ? void 0 : view.navigation;
+  const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+  const buildNode = /* @__PURE__ */ __name(async (idx) => {
+    var _a2, _b2, _c, _d, _e, _f, _g, _h;
+    if (idx < 0 || !((_a2 = stack[idx]) == null ? void 0 : _a2.viewUid)) return void 0;
+    const viewUid = stack[idx].viewUid;
+    let model = (_c = (_b2 = ctx.engine) == null ? void 0 : _b2.getModel) == null ? void 0 : _c.call(_b2, viewUid);
+    if (!model && typeof ((_d = ctx.engine) == null ? void 0 : _d.loadModel) === "function") {
+      model = await ((_e = ctx.engine) == null ? void 0 : _e.loadModel({ uid: viewUid }));
+    }
+    const p = ((_f = model == null ? void 0 : model.getStepParams) == null ? void 0 : _f.call(model, "popupSettings", "openView")) || {};
+    const collectionName = p == null ? void 0 : p.collectionName;
+    const dataSourceKey = (p == null ? void 0 : p.dataSourceKey) || "main";
+    const node = {
+      uid: viewUid,
+      resource: {
+        dataSourceKey,
+        collectionName,
+        filterByTk: (_g = stack[idx]) == null ? void 0 : _g.filterByTk,
+        sourceId: (_h = stack[idx]) == null ? void 0 : _h.sourceId
+      }
+    };
+    const parentNode = await buildNode(idx - 1);
+    if (parentNode) node.parent = parentNode;
+    return node;
+  }, "buildNode");
+  const currentNode = await buildNode((((_b = (_a = view == null ? void 0 : view.navigation) == null ? void 0 : _a.viewStack) == null ? void 0 : _b.length) || 1) - 1);
+  return currentNode;
+}
+__name(buildPopupRuntime, "buildPopupRuntime");
+function registerPopupVariable(ctx, view) {
+  ctx.defineProperty("popup", {
+    get: /* @__PURE__ */ __name(async () => buildPopupRuntime(ctx, view), "get"),
+    meta: createPopupMeta(ctx),
+    resolveOnServer: /* @__PURE__ */ __name((p) => p === "record" || (p == null ? void 0 : p.startsWith("record.")) || p === "sourceRecord" || (p == null ? void 0 : p.startsWith("sourceRecord.")), "resolveOnServer")
+  });
+}
+__name(registerPopupVariable, "registerPopupVariable");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildPopupRuntime,
+  createPopupMeta,
+  createViewMeta,
+  registerPopupVariable
+});

package/lib/views/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+export { useDialog } from './useDialog';
+export { useDrawer } from './useDrawer';
+export { usePage } from './usePage';
+export { usePopover } from './usePopover';
+export { ViewNavigation } from './ViewNavigation';
+export { createViewMeta } from './createViewMeta';

package/lib/views/index.js

@@ -0,0 +1,51 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+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);
+var views_exports = {};
+__export(views_exports, {
+  ViewNavigation: () => import_ViewNavigation.ViewNavigation,
+  createViewMeta: () => import_createViewMeta.createViewMeta,
+  useDialog: () => import_useDialog.useDialog,
+  useDrawer: () => import_useDrawer.useDrawer,
+  usePage: () => import_usePage.usePage,
+  usePopover: () => import_usePopover.usePopover
+});
+module.exports = __toCommonJS(views_exports);
+var import_useDialog = require("./useDialog");
+var import_useDrawer = require("./useDrawer");
+var import_usePage = require("./usePage");
+var import_usePopover = require("./usePopover");
+var import_ViewNavigation = require("./ViewNavigation");
+var import_createViewMeta = require("./createViewMeta");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ViewNavigation,
+  createViewMeta,
+  useDialog,
+  useDrawer,
+  usePage,
+  usePopover
+});

package/lib/views/useDialog.d.ts

@@ -0,0 +1,32 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import * as React from 'react';
+export declare function useDialog(): (React.JSX.Element | {
+    open: (config: any, flowContext: any) => Promise<unknown> & {
+        type: "dialog";
+        inputArgs: any;
+        preventClose: boolean;
+        destroy: () => void;
+        update: (newConfig: any) => void;
+        close: (result?: any, force?: boolean) => void;
+        Footer: React.FC<{
+            children?: React.ReactNode;
+        }>;
+        Header: React.FC<{
+            title?: React.ReactNode;
+            extra?: React.ReactNode;
+        }>;
+        setFooter: (footer: React.ReactNode) => void;
+        setHeader: (header: {
+            title?: React.ReactNode;
+            extra?: React.ReactNode;
+        }) => void;
+        navigation: any;
+    };
+})[];

package/lib/views/useDialog.js

@@ -0,0 +1,200 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDialog_exports = {};
+__export(useDialog_exports, {
+  useDialog: () => useDialog
+});
+module.exports = __toCommonJS(useDialog_exports);
+var React = __toESM(require("react"));
+var import_dompurify = __toESM(require("dompurify"));
+var import__ = require("..");
+var import_flowContext = require("../flowContext");
+var import_FlowContextProvider = require("../FlowContextProvider");
+var import_createViewMeta = require("./createViewMeta");
+var import_DialogComponent = __toESM(require("./DialogComponent"));
+var import_usePatchElement = __toESM(require("./usePatchElement"));
+var import_provider = require("../provider");
+var import_ViewScopedFlowEngine = require("../ViewScopedFlowEngine");
+let uuid = 0;
+function useDialog() {
+  const holderRef = React.useRef(null);
+  const open = /* @__PURE__ */ __name((config, flowContext) => {
+    var _a, _b;
+    uuid += 1;
+    const dialogRef = React.createRef();
+    let closeFunc;
+    let resolvePromise;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    let currentFooter = null;
+    let currentHeader = null;
+    const FooterComponent = /* @__PURE__ */ __name(({ children }) => {
+      React.useEffect(() => {
+        var _a2;
+        currentFooter = children;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setFooter(children);
+        return () => {
+          var _a3;
+          currentFooter = null;
+          (_a3 = dialogRef.current) == null ? void 0 : _a3.setFooter(null);
+        };
+      }, [children]);
+      return null;
+    }, "FooterComponent");
+    const HeaderComponent = /* @__PURE__ */ __name((props) => {
+      React.useEffect(() => {
+        var _a2;
+        currentHeader = props;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setHeader(props);
+        return () => {
+          var _a3;
+          currentHeader = null;
+          (_a3 = dialogRef.current) == null ? void 0 : _a3.setHeader(null);
+        };
+      }, [props]);
+      return null;
+    }, "HeaderComponent");
+    const currentDialog = {
+      type: "dialog",
+      inputArgs: config.inputArgs || {},
+      preventClose: !!config.preventClose,
+      destroy: /* @__PURE__ */ __name(() => {
+        var _a2;
+        return (_a2 = dialogRef.current) == null ? void 0 : _a2.destroy();
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => {
+        var _a2;
+        return (_a2 = dialogRef.current) == null ? void 0 : _a2.update(newConfig);
+      }, "update"),
+      close: /* @__PURE__ */ __name((result, force) => {
+        var _a2;
+        if (config.preventClose && !force) {
+          return;
+        }
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.destroy();
+        closeFunc == null ? void 0 : closeFunc();
+        resolvePromise == null ? void 0 : resolvePromise(result);
+      }, "close"),
+      Footer: FooterComponent,
+      Header: HeaderComponent,
+      setFooter: /* @__PURE__ */ __name((footer) => {
+        var _a2;
+        currentFooter = footer;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setFooter(footer);
+      }, "setFooter"),
+      setHeader: /* @__PURE__ */ __name((header) => {
+        var _a2;
+        currentHeader = header;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setHeader(header);
+      }, "setHeader"),
+      navigation: (_a = config.inputArgs) == null ? void 0 : _a.navigation
+    };
+    const ctx = new import_flowContext.FlowContext();
+    const scopedEngine = (0, import_ViewScopedFlowEngine.createViewScopedEngine)(flowContext.engine);
+    ctx.defineProperty("engine", { value: scopedEngine });
+    ctx.addDelegate(scopedEngine.context);
+    if (config.inheritContext !== false) {
+      ctx.addDelegate(flowContext);
+    } else {
+      ctx.addDelegate(flowContext.engine.context);
+    }
+    ctx.defineProperty("view", {
+      get: /* @__PURE__ */ __name(() => currentDialog, "get"),
+      // meta: createViewMeta(ctx),
+      resolveOnServer: /* @__PURE__ */ __name((p) => p === "record" || p.startsWith("record."), "resolveOnServer")
+    });
+    (0, import_createViewMeta.registerPopupVariable)(ctx, currentDialog);
+    const DialogWithContext = (0, import__.observer)(
+      () => {
+        var _a2, _b2, _c, _d;
+        const mountedRef = React.useRef(false);
+        const rawContent = typeof config.content === "function" ? config.content(currentDialog, ctx) : config.content;
+        const content = typeof rawContent === "string" ? /* @__PURE__ */ React.createElement("div", { dangerouslySetInnerHTML: { __html: import_dompurify.default.sanitize(rawContent) } }) : rawContent;
+        React.useEffect(() => {
+          var _a3;
+          (_a3 = config.onOpen) == null ? void 0 : _a3.call(config, currentDialog, ctx);
+        }, []);
+        if (((_b2 = (_a2 = config.inputArgs) == null ? void 0 : _a2.hidden) == null ? void 0 : _b2.value) && !mountedRef.current) {
+          return null;
+        }
+        mountedRef.current = true;
+        return /* @__PURE__ */ React.createElement(
+          import_DialogComponent.default,
+          {
+            className: "nb-dialog-overflow-hidden",
+            key: `dialog-${uuid}`,
+            ref: dialogRef,
+            hidden: (_d = (_c = config.inputArgs) == null ? void 0 : _c.hidden) == null ? void 0 : _d.value,
+            ...config,
+            footer: currentFooter,
+            header: currentHeader,
+            afterClose: () => {
+              var _a3;
+              closeFunc == null ? void 0 : closeFunc();
+              (_a3 = config.onClose) == null ? void 0 : _a3.call(config);
+              resolvePromise == null ? void 0 : resolvePromise(config.result);
+              scopedEngine.unlinkFromStack();
+            }
+          },
+          content
+        );
+      },
+      {
+        displayName: "DialogWithContext"
+      }
+    );
+    const dialog = /* @__PURE__ */ React.createElement(import_provider.FlowEngineProvider, { engine: scopedEngine }, /* @__PURE__ */ React.createElement(import_FlowContextProvider.FlowViewContextProvider, { context: ctx }, /* @__PURE__ */ React.createElement(DialogWithContext, null)));
+    closeFunc = (_b = holderRef.current) == null ? void 0 : _b.patchElement(dialog);
+    return Object.assign(promise, currentDialog);
+  }, "open");
+  const api = React.useMemo(() => ({ open }), []);
+  const ElementsHolder = React.memo(
+    React.forwardRef((props, ref) => {
+      const [elements, patchElement] = (0, import_usePatchElement.default)();
+      React.useImperativeHandle(ref, () => ({ patchElement }), [patchElement]);
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, elements);
+    })
+  );
+  return [api, /* @__PURE__ */ React.createElement(ElementsHolder, { key: "dialog-holder", ref: holderRef })];
+}
+__name(useDialog, "useDialog");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDialog
+});