bitmax-dialog - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/bitmax-dialog.cjs.development.js

@@ -100,2 +100,12 @@ 'use strict';
 
+function useOpenModal(element) {
+  var contextRoot = React.useContext(ModalRootContext);
+  return function (data) {
+    return contextRoot.addModal(element, data);
+  };
+}
+function useModalData() {
+  var context = React.useContext(ModalItemContext);
+  return context.data;
+}
 function useModalClose() {
@@ -172,2 +182,6 @@ var context = React.useContext(ModalItemContext);
 exports.ModalRootContext = ModalRootContext;
+exports.useModalClose = useModalClose;
+exports.useModalData = useModalData;
+exports.useModalRemove = useModalRemove;
+exports.useOpenModal = useOpenModal;
 //# sourceMappingURL=bitmax-dialog.cjs.development.js.map

dist/bitmax-dialog.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=e(require("uuid"));function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}var r=n.createContext({}),l=n.createContext({});function i(e){var a=t.useState({size:"sm",title:"",closable:!1}),r=a[0],i=a[1];return n.createElement(l.Provider,{value:{id:e.id,data:e.data,updateOptions:function(e){i((function(t){return o({},t,e)}))}}},n.createElement(d,{element:e.element,id:e.id,data:e.data,title:r.title,size:r.size,closed:e.closed}))}var c={xs:480,sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function d(e){var a,o,i=(a=t.useContext(l),o=t.useContext(r),function(e){o.closeModal(a.id,e)}),d=function(){var e=t.useContext(l),n=t.useContext(r);return function(){n.removeModal(e.id)}}();return n.createElement("div",{className:"dialog"},n.createElement("div",{onClick:function(){return i()},className:"dialog-backdrop"}),n.createElement("div",{onAnimationEnd:function(e){"exit"==e.animationName&&d()},style:{maxWidth:c[e.size||"md"]},className:"dialog-content "+(e.closed?"closed":"")},n.createElement("div",{className:"dialog-header"},n.createElement("h1",{className:"dialog-title"},e.title),n.createElement("button",{className:"dialog-close",onClick:function(){return i()}},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},n.createElement("path",{d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"})))),n.createElement("div",{className:"dialog-body"},n.createElement(e.element,null))))}exports.Dialog=d,exports.ModalItemContext=l,exports.ModalItemProvider=i,exports.ModalProvider=function(e){var l=t.useState([]),c=l[0],d=l[1];return n.createElement(r.Provider,{value:{removeModal:function(e){d(c.filter((function(t){return t.id!==e})))},addModal:function(e,t){return new Promise((function(n){d([].concat(c,[{id:a.v4(),data:t,element:e,onClose:n,closed:!1}]))}))},closeModal:function(e,t){var n=c.find((function(t){return t.id==e}));null==n||n.onClose(t),d(c.map((function(t){return o({},t,{closed:t.id==e})})))}}},e.children,c.map((function(e){return n.createElement(i,Object.assign({key:e.id},e))})),n.createElement("code",null,JSON.stringify(c,null,2)))},exports.ModalRootContext=r;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),o=e(require("uuid"));function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}var r=n.createContext({}),l=n.createContext({});function i(e){var o=t.useState({size:"sm",title:"",closable:!1}),r=o[0],i=o[1];return n.createElement(l.Provider,{value:{id:e.id,data:e.data,updateOptions:function(e){i((function(t){return a({},t,e)}))}}},n.createElement(s,{element:e.element,id:e.id,data:e.data,title:r.title,size:r.size,closed:e.closed}))}function c(){var e=t.useContext(l),n=t.useContext(r);return function(t){n.closeModal(e.id,t)}}function d(){var e=t.useContext(l),n=t.useContext(r);return function(){n.removeModal(e.id)}}var u={xs:480,sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function s(e){var t=c(),o=d();return n.createElement("div",{className:"dialog"},n.createElement("div",{onClick:function(){return t()},className:"dialog-backdrop"}),n.createElement("div",{onAnimationEnd:function(e){"exit"==e.animationName&&o()},style:{maxWidth:u[e.size||"md"]},className:"dialog-content "+(e.closed?"closed":"")},n.createElement("div",{className:"dialog-header"},n.createElement("h1",{className:"dialog-title"},e.title),n.createElement("button",{className:"dialog-close",onClick:function(){return t()}},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},n.createElement("path",{d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"})))),n.createElement("div",{className:"dialog-body"},n.createElement(e.element,null))))}exports.Dialog=s,exports.ModalItemContext=l,exports.ModalItemProvider=i,exports.ModalProvider=function(e){var l=t.useState([]),c=l[0],d=l[1];return n.createElement(r.Provider,{value:{removeModal:function(e){d(c.filter((function(t){return t.id!==e})))},addModal:function(e,t){return new Promise((function(n){d([].concat(c,[{id:o.v4(),data:t,element:e,onClose:n,closed:!1}]))}))},closeModal:function(e,t){var n=c.find((function(t){return t.id==e}));null==n||n.onClose(t),d(c.map((function(t){return a({},t,{closed:t.id==e})})))}}},e.children,c.map((function(e){return n.createElement(i,Object.assign({key:e.id},e))})),n.createElement("code",null,JSON.stringify(c,null,2)))},exports.ModalRootContext=r,exports.useModalClose=c,exports.useModalData=function(){return t.useContext(l).data},exports.useModalRemove=d,exports.useOpenModal=function(e){var n=t.useContext(r);return function(t){return n.addModal(e,t)}};
 //# sourceMappingURL=bitmax-dialog.cjs.production.min.js.map

dist/bitmax-dialog.esm.js

@@ -93,2 +93,12 @@ import React, { useState, useContext } from 'react';
 
+function useOpenModal(element) {
+  var contextRoot = useContext(ModalRootContext);
+  return function (data) {
+    return contextRoot.addModal(element, data);
+  };
+}
+function useModalData() {
+  var context = useContext(ModalItemContext);
+  return context.data;
+}
 function useModalClose() {
@@ -160,3 +170,3 @@ var context = useContext(ModalItemContext);
 
-export { Dialog, ModalItemContext, ModalItemProvider, ModalProvider, ModalRootContext };
+export { Dialog, ModalItemContext, ModalItemProvider, ModalProvider, ModalRootContext, useModalClose, useModalData, useModalRemove, useOpenModal };
 //# sourceMappingURL=bitmax-dialog.esm.js.map

dist/index.d.ts

@@ -5,2 +5,3 @@ export * from './dialog';
 export * from './providers';
+export * from './hooks';
 import './index.css';

package.json

 {
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
@@ -4,0 +4,0 @@ "main": "dist/index.js",

src/index.ts

@@ -5,3 +5,4 @@ export * from './dialog';
 export * from './providers'
+export * from './hooks'
 
 import './index.css';

No alert changes

Improved metrics

Total package byte prevSize

71218

increased by2.59%

Lines of code

701

increased by3.85%

No dependency changes