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

Comparing version 0.1.0 to 0.1.1

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()}(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)}},[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?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;
 //# sourceMappingURL=provider.js.map

package.json

 {
   "name": "@iwsio/react-blog-examples",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Example React provider to show one way of using a modal via context API and bootstrap 4 styling.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

26682

5.48%

Lines of code

45

2.27%

No dependency changes