@4i/modal-manager 1.0.1 → 1.0.3

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@4i/modal-manager",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
-  "main": "lib/index.js",
+  "main": "src/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npm run clean && tsc && babel src --out-dir lib",
+    "build": "npm run clean && tsc && babel src --out-dir lib && cp src/styles.css lib/",
     "clean": "rm -rf lib"
   },
   "repository": {

package/src/components/modal-provider.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import "./backdrop.css";
 interface ModalProviderProps {
     CustomComponent?: React.ComponentType;
 }

package/src/components/modal-provider.js

@@ -48,7 +48,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ModalManager_1 = __importDefault(require("../utils/service/ModalManager"));
-require("./backdrop.css");
 var ModalManager_2 = __importDefault(require("../utils/service/ModalManager"));
 var modal_list_1 = __importDefault(require("../utils/config/modal-list"));
 var ModalProvider = function (_a) {

package/src/components/modal-provider.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
 import manager from "../utils/service/ModalManager";
-import "./backdrop.css";
 import modal from "../utils/service/ModalManager";
 import modalList from "../utils/config/modal-list";
 

package/lib/components/modal-provider.js

@@ -1,170 +0,0 @@
-"use strict";
-
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function get() {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-  __setModuleDefault(result, mod);
-  return result;
-};
-var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importStar(require("react"));
-var ModalManager_1 = __importDefault(require("../utils/service/ModalManager"));
-require("./backdrop.css");
-var ModalManager_2 = __importDefault(require("../utils/service/ModalManager"));
-var modal_list_1 = __importDefault(require("../utils/config/modal-list"));
-var ModalProvider = function ModalProvider(_a) {
-  var CustomComponent = _a.CustomComponent;
-  var _b = (0, react_1.useState)([]),
-    data = _b[0],
-    setData = _b[1];
-  var _c = (0, react_1.useState)([]),
-    names = _c[0],
-    setNames = _c[1];
-  var modalRef = (0, react_1.useRef)([]);
-  (0, react_1.useEffect)(function () {
-    var handleOpenModal = function handleOpenModal(name, data) {
-      setData(function (prev) {
-        return __spreadArray(__spreadArray([], prev, true), [data], false);
-      });
-      setNames(function (prev) {
-        return __spreadArray(__spreadArray([], prev, true), [name], false);
-      });
-    };
-    var handleClose = function handleClose(position) {
-      if (position === "all") {
-        setData([]);
-        setNames([]);
-        return;
-      }
-      if (position === -1) {
-        // remove last
-        setData(function (prev) {
-          return prev.filter(function (_, index) {
-            return index !== prev.length - 1;
-          });
-        });
-        setNames(function (prev) {
-          return prev.filter(function (_, index) {
-            return index !== prev.length - 1;
-          });
-        });
-        return;
-      }
-      if (position === 0) {
-        // remove first
-        setData(function (prev) {
-          return prev.filter(function (_, index) {
-            return index !== 0;
-          });
-        });
-        setNames(function (prev) {
-          return prev.filter(function (_, index) {
-            return index !== 0;
-          });
-        });
-        return;
-      }
-      // remove position index
-      setData(function (prev) {
-        return prev.filter(function (_, index) {
-          return index !== prev.length - 1;
-        });
-      });
-      setNames(function (prev) {
-        return prev.filter(function (_, index) {
-          return index !== prev.length - 1;
-        });
-      });
-    };
-    ModalManager_1["default"].addEventListener("change", handleOpenModal);
-    ModalManager_1["default"].addEventListener("close", handleClose);
-    return function () {
-      ModalManager_1["default"].removeEventListener("change", handleOpenModal);
-      ModalManager_1["default"].removeEventListener("close", handleClose);
-    };
-  }, []);
-  var activeModals = names.map(function (name) {
-    var Component = modal_list_1["default"][name] || function () {
-      return react_1["default"].createElement(react_1["default"].Fragment, null);
-    };
-    return Component;
-  });
-  var handleCloseModal = function handleCloseModal(index, e) {
-    if (modalRef.current[index] && !modalRef.current[index].contains(e.target)) {
-      ModalManager_2["default"].close(index);
-    }
-  };
-  var refReducer = function refReducer(index, value) {
-    modalRef.current[index] = value;
-  };
-  return activeModals.length !== 0 && activeModals.map(function (Component, i) {
-    var Modal = Component;
-    return react_1["default"].createElement(react_1["default"].Fragment, null, CustomComponent ? react_1["default"].createElement(CustomComponent, __assign({
-      key: i
-    }, data[i])) : react_1["default"].createElement("div", {
-      key: i,
-      className: "backdrop_modal_manager",
-      onClick: function onClick(e) {
-        handleCloseModal(i, e);
-      }
-    }, react_1["default"].createElement("div", {
-      ref: function ref(_ref) {
-        refReducer(i, _ref);
-      }
-    }, react_1["default"].createElement(Modal, __assign({
-      key: i
-    }, data[i])))));
-  });
-};
-exports["default"] = ModalProvider;

package/lib/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setModalActions = exports.setModalList = exports.ModalProvider = exports.modal = exports.Manager = void 0;
-var Manager_1 = __importDefault(require("./utils/service/Manager"));
-exports.Manager = Manager_1["default"];
-var ModalManager_1 = __importDefault(require("./utils/service/ModalManager"));
-exports.modal = ModalManager_1["default"];
-var modal_provider_1 = __importDefault(require("./components/modal-provider"));
-exports.ModalProvider = modal_provider_1["default"];
-var modal_list_1 = require("./utils/config/modal-list");
-Object.defineProperty(exports, "setModalList", {
-  enumerable: true,
-  get: function get() {
-    return modal_list_1.setModalList;
-  }
-});
-var modal_actions_1 = require("./utils/config/modal-actions");
-Object.defineProperty(exports, "setModalActions", {
-  enumerable: true,
-  get: function get() {
-    return modal_actions_1.setModalActions;
-  }
-});

package/lib/utils/config/modal-actions.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setModalActions = void 0;
-var modalActions = {};
-var setModalActions = function setModalActions(actionList) {
-  modalActions = __assign(__assign({}, modalActions), actionList);
-};
-exports.setModalActions = setModalActions;
-exports["default"] = modalActions;

package/lib/utils/config/modal-list.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setModalList = void 0;
-var modalList = {};
-var setModalList = function setModalList(_modalList) {
-  modalList = __assign(__assign({}, modalList), _modalList);
-};
-exports.setModalList = setModalList;
-exports["default"] = modalList;

package/lib/utils/service/Manager.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var events_1 = require("events");
-var Constants = {
-  CHANGE: "change",
-  CLOSE: "close"
-};
-var Manager = /** @class */function () {
-  function Manager() {
-    this.name = "";
-    this.data = {};
-    this.emitter = new events_1.EventEmitter();
-  }
-  Manager.prototype.addEventListener = function (event, listener) {
-    this.emitter.addListener(event, listener);
-  };
-  Manager.prototype.removeEventListener = function (event, listener) {
-    this.emitter.removeListener(event, listener);
-  };
-  return Manager;
-}();
-exports["default"] = Manager;

package/lib/utils/service/ModalManager.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
-    };
-    return _extendStatics(d, b);
-  };
-  return function (d, b) {
-    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    _extendStatics(d, b);
-    function __() {
-      this.constructor = d;
-    }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var Manager_1 = __importDefault(require("./Manager"));
-var uuid_1 = require("uuid");
-var constants = {
-  CHANGE: "change",
-  CLOSE: "close"
-};
-var ModalManager = /** @class */function (_super) {
-  __extends(ModalManager, _super);
-  function ModalManager() {
-    return _super.call(this) || this;
-  }
-  ModalManager.prototype.create = function (name, data) {
-    this.name = name;
-    this.data = data;
-    this.emitter.emit(constants.CHANGE);
-  };
-  ModalManager.prototype.call = function (name, data) {
-    if (data === void 0) {
-      data = {};
-    }
-    this.create(name, {
-      modalId: (0, uuid_1.v4)(),
-      data: data
-    });
-  };
-  ModalManager.prototype.close = function (position) {
-    this.emitter.emit(constants.CLOSE, position);
-  };
-  return ModalManager;
-}(Manager_1["default"]);
-var modal = new ModalManager();
-exports["default"] = modal;