react-snappy-modal/dist/SnappyModal.js

Flexible and easy-to-use modal library for React, supporting customizable dialogs with promise-based interactions.

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 __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);

// src/SnappyModal.tsx
var SnappyModal_exports = {};
__export(SnappyModal_exports, {
  SnappyModal: () => SnappyModal
});
module.exports = __toCommonJS(SnappyModal_exports);
var import_react2 = __toESM(require("react"));
var import_SnappyModal2 = require("./SnappyModal-JGLWFQD3.css");

// src/context/useSnappyModalState.tsx
var import_react = require("react");
var snappyModalListeners = [];
var snappyModalState = {
  isShow: false,
  modalProgress: []
};
function emitChange() {
  for (const listener of snappyModalListeners) {
    listener();
  }
}
var SnappyModalExternalStore = {
  emitChange: () => {
    snappyModalState = {
      isShow: SnappyModal.isShow(),
      modalProgress: [...SnappyModal.getModalProcess()]
    };
    emitChange();
  },
  subscribe(listener) {
    snappyModalListeners = [...snappyModalListeners, listener];
    return () => {
      snappyModalListeners = snappyModalListeners.filter((l) => l !== listener);
    };
  },
  getSnappyModalState() {
    return snappyModalState;
  }
};

// src/SnappyModal.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var currentComponents = [];
var SnappyModal = class {
  static isShow() {
    return currentComponents.length > 0;
  }
  static getCurrentComponent(layer) {
    return currentComponents.find((c) => c.options.layer === layer);
  }
  static removeModalProcess(layer) {
    const index = currentComponents.findIndex((c) => c.options.layer === layer);
    if (index === -1)
      return;
    currentComponents.splice(index, 1);
    SnappyModalExternalStore.emitChange();
  }
  static getModalProcess() {
    return currentComponents;
  }
  static close(value, layer = 0) {
    const currentComponent = this.getCurrentComponent(layer);
    currentComponent?.resolve(value);
    this.removeModalProcess(layer);
  }
  static throw(thrower, layer = 0) {
    const currentComponent = this.getCurrentComponent(layer);
    currentComponent?.throw(thrower);
    this.removeModalProcess(layer);
    currentComponent?.throw(thrower);
  }
  static show(component, options) {
    const dialogOptions = {
      ...defaultDialogOptions,
      ...options
    };
    return new Promise((resolve, reject) => {
      currentComponents.push({
        component: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.default.Fragment, { children: component }),
        options: dialogOptions,
        resolve: (value) => {
          resolve(value);
          SnappyModalExternalStore.emitChange();
        },
        throw: (thrower) => {
          reject(thrower);
          SnappyModalExternalStore.emitChange();
        }
      });
      currentComponents.sort((a, b) => a.options.layer - b.options.layer);
      SnappyModalExternalStore.emitChange();
    });
  }
};
var defaultDialogOptions = {
  allowOutsideClick: true,
  allowScroll: false,
  backdrop: true,
  position: "center",
  layer: 0
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  SnappyModal
});
//# sourceMappingURL=SnappyModal.js.map