@iwsio/react-blog-examples - npm Package Compare versions

Comparing version 0.1.2 to 0.2.0

dist/modal/modal.js

@@ -1,2 +0,2 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _defaultFooter=_interopRequireDefault(require("./default-footer"));var _defaultHeader=_interopRequireDefault(require("./default-header"));var ModalComponent=function Modal(_ref){var show=_ref.show,title=_ref.title,close=_ref.close,confirm=_ref.confirm,content=_ref.content,header=_ref.header,footer=_ref.footer,disabled=_ref.disabled;return _react["default"].createElement("div",{className:"modal fade ".concat(show?"show fade-in":""),style:{display:show?"block":"none"}},_react["default"].createElement("div",{className:"modal-dialog"},_react["default"].createElement("div",{className:"modal-content"},(header===null||header===void 0?void 0:header.type)?_react["default"].createElement(header.type,(0,_extends2["default"])({},header.props,{disabled:disabled,title:title,close:close})):null,_react["default"].createElement("div",{className:"modal-body"},(content===null||content===void 0?void 0:content.type)?_react["default"].createElement(content.type,(0,_extends2["default"])({},content.props,{disabled:disabled,close:close,confirm:confirm})):null),(footer===null||footer===void 0?void 0:footer.type)?_react["default"].createElement("div",{className:"modal-footer"},_react["default"].createElement(footer.type,(0,_extends2["default"])({},footer.props,{disabled:disabled,close:close,confirm:confirm}))):null)))};ModalComponent.propTypes={show:_propTypes["default"].bool.isRequired,disabled:_propTypes["default"].bool.isRequired,close:_propTypes["default"].func.isRequired,confirm:_propTypes["default"].func,title:_propTypes["default"].string,content:_propTypes["default"].object,header:_propTypes["default"].object,footer:_propTypes["default"].object};ModalComponent.defaultProps={title:"",header:{type:_defaultHeader["default"],props:{showCloseButton:true}},footer:{type:_defaultFooter["default"],props:{}}};var _default=ModalComponent;exports["default"]=_default;
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _defaultFooter=_interopRequireDefault(require("./default-footer"));var _defaultHeader=_interopRequireDefault(require("./default-header"));var ModalComponent=function Modal(_ref){var show=_ref.show,title=_ref.title,close=_ref.close,confirm=_ref.confirm,content=_ref.content,header=_ref.header,footer=_ref.footer,disabled=_ref.disabled;return _react["default"].createElement("div",{className:"modal fade ".concat(show?"show fade-in":""),style:{display:show?"block":"none"}},_react["default"].createElement("div",{className:"modal-dialog"},_react["default"].createElement("div",{className:"modal-content"},header!==null&&header!==void 0&&header.type?_react["default"].createElement(header.type,(0,_extends2["default"])({},header.props,{disabled:disabled,title:title,close:close})):null,_react["default"].createElement("div",{className:"modal-body"},content!==null&&content!==void 0&&content.type?_react["default"].createElement(content.type,(0,_extends2["default"])({},content.props,{disabled:disabled,close:close,confirm:confirm})):null),footer!==null&&footer!==void 0&&footer.type?_react["default"].createElement("div",{className:"modal-footer"},_react["default"].createElement(footer.type,(0,_extends2["default"])({},footer.props,{disabled:disabled,close:close,confirm:confirm}))):null)))};ModalComponent.propTypes={show:_propTypes["default"].bool.isRequired,disabled:_propTypes["default"].bool.isRequired,close:_propTypes["default"].func.isRequired,confirm:_propTypes["default"].func,title:_propTypes["default"].string,content:_propTypes["default"].object,header:_propTypes["default"].object,footer:_propTypes["default"].object};ModalComponent.defaultProps={title:"",header:{type:_defaultHeader["default"],props:{showCloseButton:true}},footer:{type:_defaultFooter["default"],props:{}}};var _default=ModalComponent;exports["default"]=_default;
 //# sourceMappingURL=modal.js.map

dist/modal/provider.js

@@ -1,2 +0,2 @@
-"use strict";var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _context=_interopRequireDefault(require("./context"));var _modal=_interopRequireDefault(require("./modal"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable});keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2["default"])(target,key,source[key])})}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}}return target}var ModalProvider=function ModalProvider(_ref){var children=_ref.children;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),show=_useState2[0],setShow=_useState2[1];var _useState3=(0,_react.useState)(null),_useState4=(0,_slicedToArray2["default"])(_useState3,2),modalProps=_useState4[0],setModalProps=_useState4[1];var _useState5=(0,_react.useState)(null),_useState6=(0,_slicedToArray2["default"])(_useState5,2),handlers=_useState6[0],setHandlers=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2["default"])(_useState7,2),disable=_useState8[0],setDisable=_useState8[1];function modal(content){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _ref2=arguments.length>2?arguments[2]:undefined,options=Object.assign({},_ref2);var title=options.title,close=options.close,confirm=options.confirm,header=options.header,footer=options.footer;setHandlers({close:close,confirm:confirm});setModalProps({title:title,content:{type:content,props:props},header:header,footer:footer})}function onCloseModal(){setShow(false);setDisable(false)}function onConfirmModal(){if(handlers===null||handlers===void 0?void 0:handlers.confirm){setDisable(true);handlers.confirm().then(function(result){if(result==null)return onCloseModal();if(!result){setDisable(false);return}if((0,_typeof2["default"])(result)==="object"){if(result.success)return onCloseModal();if(result.props!=null){var newProps=_objectSpread({},modalProps);newProps.content.props=_objectSpread(_objectSpread({},newProps.content.props),result.props);setModalProps(newProps)}setDisable(false);return}onCloseModal()})}else onCloseModal()}function addModalBackdrop(){var backdropDom=document.createElement("div");backdropDom.className="modal-backdrop fade show";document.body.appendChild(backdropDom)}function removeModalBackdrop(){var backdropDom=document.querySelector(".modal-backdrop");if(backdropDom!=null)backdropDom.remove()}(0,_react.useEffect)(function(){if(!modalProps||!handlers)return;setShow(true)},[modalProps,handlers]);(0,_react.useEffect)(function(){if(!show){if(handlers===null||handlers===void 0?void 0:handlers.close){handlers.close()}setModalProps(null);setHandlers(null);removeModalBackdrop()}else{addModalBackdrop()}},[show]);return _react["default"].createElement(_context["default"].Provider,{value:{modal:modal}},_react["default"].createElement(_react["default"].Fragment,null,children,_react["default"].createElement(_modal["default"],(0,_extends2["default"])({show:show,disabled:disable,close:onCloseModal,confirm:onConfirmModal},modalProps))))};var _default=ModalProvider;exports["default"]=_default;
+"use strict";var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _context=_interopRequireDefault(require("./context"));var _modal=_interopRequireDefault(require("./modal"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable});keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2["default"])(target,key,source[key])})}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}}return target}var ModalProvider=function ModalProvider(_ref){var children=_ref.children;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),show=_useState2[0],setShow=_useState2[1];var _useState3=(0,_react.useState)(null),_useState4=(0,_slicedToArray2["default"])(_useState3,2),modalProps=_useState4[0],setModalProps=_useState4[1];var _useState5=(0,_react.useState)(null),_useState6=(0,_slicedToArray2["default"])(_useState5,2),handlers=_useState6[0],setHandlers=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2["default"])(_useState7,2),disable=_useState8[0],setDisable=_useState8[1];function modal(content){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _ref2=arguments.length>2?arguments[2]:undefined,options=Object.assign({},_ref2);var title=options.title,close=options.close,confirm=options.confirm,header=options.header,footer=options.footer;setHandlers({close:close,confirm:confirm});setModalProps({title:title,content:{type:content,props:props},header:header,footer:footer})}function onCloseModal(){setShow(false);setDisable(false)}function onConfirmModal(){if(handlers!==null&&handlers!==void 0&&handlers.confirm){setDisable(true);handlers.confirm().then(function(result){if(result==null)return onCloseModal();if(!result){setDisable(false);return}if((0,_typeof2["default"])(result)==="object"){if(result.success)return onCloseModal();if(result.props!=null){var newProps=_objectSpread({},modalProps);newProps.content.props=_objectSpread(_objectSpread({},newProps.content.props),result.props);setModalProps(newProps)}setDisable(false);return}onCloseModal()})}else onCloseModal()}function addModalBackdrop(){var backdropDom=document.createElement("div");backdropDom.className="modal-backdrop fade show";document.body.appendChild(backdropDom)}function removeModalBackdrop(){var backdropDom=document.querySelector(".modal-backdrop");if(backdropDom!=null)backdropDom.remove()}(0,_react.useEffect)(function(){if(!modalProps||!handlers)return;setShow(true)},[modalProps,handlers]);(0,_react.useEffect)(function(){if(!show){if(handlers!==null&&handlers!==void 0&&handlers.close){handlers.close()}setModalProps(null);setHandlers(null);removeModalBackdrop()}else{addModalBackdrop()}},[show]);return _react["default"].createElement(_context["default"].Provider,{value:{modal:modal}},_react["default"].createElement(_react["default"].Fragment,null,children,_react["default"].createElement(_modal["default"],(0,_extends2["default"])({show:show,disabled:disable,close:onCloseModal,confirm:onConfirmModal},modalProps))))};var _default=ModalProvider;exports["default"]=_default;
 //# sourceMappingURL=provider.js.map

package.json

 {
   "name": "@iwsio/react-blog-examples",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Example React provider to show one way of using a modal via context API and bootstrap 4 styling.",
@@ -30,25 +30,23 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.11.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
-    "@babel/plugin-transform-runtime": "^7.11.0",
-    "@babel/polyfill": "^7.10.4",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/preset-react": "^7.10.4",
-    "@babel/register": "^7.10.5",
-    "@babel/runtime": "^7.11.0",
+    "@babel/cli": "^7.12.8",
+    "@babel/core": "^7.12.9",
+    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
+    "@babel/plugin-transform-runtime": "^7.12.1",
+    "@babel/polyfill": "^7.12.1",
+    "@babel/preset-env": "^7.12.7",
+    "@babel/preset-react": "^7.12.7",
+    "@babel/register": "^7.12.1",
+    "@babel/runtime": "^7.12.5",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
+    "babel-loader": "^8.2.2",
     "chai": "^4.2.0",
-    "core-js": "^3.6.5",
-    "eslint": "^7.6.0",
-    "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-react": "^7.20.5",
+    "core-js": "^3.8.0",
+    "eslint": "^7.14.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-react": "^7.21.5",
     "jsdom": "^16.3.0",
-    "mocha": "^8.1.0",
+    "mocha": "^8.2.1",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "regenerator-runtime": "^0.13.7",
-    "terser-webpack-plugin": "~3.1.0"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
   },
@@ -55,0 +53,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

34666

increased by29.31%

Dev dependency count

21

decreased by-8.7%

Number of package files

21

increased by5%

No dependency changes