@sysvale/show 0.0.2 → 0.2.0

package/dist/@sysvale/show.esm.js

@@ -60,192 +60,193 @@ function getFirstErrorMessage(response, fallbackMsg) {
 	return errors[firstKey][0] || fallbackMsg;
 }
 
-var SUCCESS_SWAL_DEFAULT_CONFIG = {
-	title: 'Informações salvas com sucesso!',
-	icon: 'success',
-	text: '',
-	showCloseButton: true,
-	confirmButtonText: 'Ok',
-};
-
-var ERROR_SWAL_DEFAULT_CONFIG = {
-	icon: 'error',
-	title: 'Erro',
-	text: 'mensagem de error',
-	showCancelButton: true,
-	showConfirmButton: false,
-	cancelButtonText: 'Fechar',
-};
-
-var script = {
-	props: {
-		service: {
-			type: Function,
-			required: true,
-		},
-		payload: {
-			type: Object,
-			default: function () { return ({}); },
-		},
-		payloadResolver: {
-			type: Function,
-			default: function (data) { return convertKeysToSnakeCase(data); },
-		},
-		dataResolver: {
-			type: Function,
-			default: function (data) { return convertKeysToCamelCase(data); },
-		},
-		successSwalConfig: {
-			type: Object,
-			default: function () { return SUCCESS_SWAL_DEFAULT_CONFIG; },
-		},
-		errorSwalConfig: {
-			type: Object,
-			default: function () { return ERROR_SWAL_DEFAULT_CONFIG; },
-		},
-		errorFeedbackResolver: {
-			type: Function,
-			default: null,
-		},
-		successFeedbackResolver: {
-			type: Function,
-			default: null,
-		},
-		showSuccessFeedback: {
-			type: Boolean,
-			default: false,
-		},
-		hideErrorFeedback: {
-			type: Boolean,
-			default: false,
-		},
-		immediate: {
-			type: Boolean,
-			default: false,
-		},
-		forceResetError: {
-			type: Boolean,
-			default: false,
-		},
-		initialData: {
-			default: null,
-		},
-	},
-
-	data: function data() {
-		return {
-			loading: false,
-			failed: false,
-			error: null,
-			data: this.initialData,
-		};
-	},
-
-	watch: {
-		forceResetError: function forceResetError(newValue) {
-			if (newValue) {
-				this.error = null;
-			}
-		},
-	},
-
-	mounted: function mounted() {
-		if (this.immediate) {
-			this.action();
-		}
-	},
-
-	methods: {
+var SUCCESS_SWAL_DEFAULT_CONFIG = {
+	title: 'Informações salvas com sucesso!',
+	icon: 'success',
+	text: '',
+	showCloseButton: true,
+	confirmButtonText: 'Ok',
+};
+
+var ERROR_SWAL_DEFAULT_CONFIG = {
+	icon: 'error',
+	title: 'Erro',
+	text: 'mensagem de error',
+	showCancelButton: true,
+	showConfirmButton: false,
+	cancelButtonText: 'Fechar',
+};
+
+var script = {
+	props: {
+		service: {
+			type: Function,
+			required: true,
+		},
+		payload: {
+			type: Object,
+			default: function () { return ({}); },
+		},
+		payloadResolver: {
+			type: Function,
+			default: function (data) { return convertKeysToSnakeCase(data); },
+		},
+		dataResolver: {
+			type: Function,
+			default: function (data) { return convertKeysToCamelCase(data); },
+		},
+		successSwalConfig: {
+			type: Object,
+			default: function () { return SUCCESS_SWAL_DEFAULT_CONFIG; },
+		},
+		errorSwalConfig: {
+			type: Object,
+			default: function () { return ERROR_SWAL_DEFAULT_CONFIG; },
+		},
+		errorFeedbackResolver: {
+			type: Function,
+			default: null,
+		},
+		successFeedbackResolver: {
+			type: Function,
+			default: null,
+		},
+		showSuccessFeedback: {
+			type: Boolean,
+			default: false,
+		},
+		hideErrorFeedback: {
+			type: Boolean,
+			default: false,
+		},
+		immediate: {
+			type: Boolean,
+			default: false,
+		},
+		forceResetError: {
+			type: Boolean,
+			default: false,
+		},
+		initialData: {
+			default: null,
+		},
+	},
+
+	data: function data() {
+		return {
+			loading: false,
+			failed: false,
+			error: null,
+			data: this.initialData,
+		};
+	},
+
+	watch: {
+		forceResetError: function forceResetError(newValue) {
+			if (newValue) {
+				this.error = null;
+			}
+		},
+	},
+
+	mounted: function mounted() {
+		if (this.immediate) {
+			this.action();
+		}
+	},
+
+	methods: {
 		action: function action(payloadFromArgs) {
 			var this$1 = this;
-
-			this.startRequest();
-			var payload = payloadFromArgs || this.payload;
-			this.service(this.payloadResolver(payload))
-				.then(
+
+			this.startRequest();
+			var payload = payloadFromArgs || this.payload;
+			this.service(this.payloadResolver(payload))
+				.then(
 					function (ref) {
 						var data = ref.data;
-
-						this$1.data = this$1.dataResolver(data);
-						this$1.$emit('success', this$1.data);
-
-						if (this$1.showSuccessFeedback) {
-							if (this$1.successFeedbackResolver) {
-								this$1.successFeedbackResolver({ vm: this$1, data: this$1.data });
-								return;
-							}
-							swal.fire(Object.assign({}, SUCCESS_SWAL_DEFAULT_CONFIG,
-								this$1.successSwalConfig)).then(function () {
-								this$1.$emit('success-feedback-ok', this$1.data);
-							});
-						}
-					}
-				).catch(
-					function (error) {
-						this$1.failed = true;
-						this$1.error = error;
-						this$1.$emit('error', error);
-
-						if (!this$1.hideErrorFeedback) {
-							var errorMessage = getFirstErrorMessage(
-								get(error, 'response.data', null),
-								'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
-							);
-
-							if (this$1.errorFeedbackResolver) {
-								this$1.errorFeedbackResolver({ vm: this$1, error: error, errorMessage: errorMessage });
-								return;
-							}
-
-							swal.fire(Object.assign({}, ERROR_SWAL_DEFAULT_CONFIG,
-								this$1.errorSwalConfig,
-								{text: errorMessage})).then(function (result) {
-								if (result.isDismissed) {
-									this$1.$emit('error-feedback-cancel', error);
-								}
-								if (result.isConfirmed) {
-									this$1.$emit('error-feedback-ok', error);
-								}
-							});
-						}
-					}
-				).finally(function () {
-					this$1.loading = false;
-				});
-		},
-
+
+						this$1.data = this$1.dataResolver(data);
+						this$1.$emit('success', this$1.data);
+
+						if (this$1.showSuccessFeedback) {
+							if (this$1.successFeedbackResolver) {
+								this$1.successFeedbackResolver({ vm: this$1, data: this$1.data });
+								return;
+							}
+							swal.fire(Object.assign({}, SUCCESS_SWAL_DEFAULT_CONFIG,
+								this$1.successSwalConfig)).then(function () {
+								this$1.$emit('success-feedback-ok', this$1.data);
+							});
+						}
+					}
+				).catch(
+					function (error) {
+						this$1.failed = true;
+						this$1.error = error;
+						this$1.$emit('error', error);
+
+						if (!this$1.hideErrorFeedback) {
+							var errorMessage = getFirstErrorMessage(
+								get(error, 'response.data', null),
+								'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
+							);
+
+							if (this$1.errorFeedbackResolver) {
+								this$1.errorFeedbackResolver({ vm: this$1, error: error, errorMessage: errorMessage });
+								return;
+							}
+
+							swal.fire(Object.assign({}, ERROR_SWAL_DEFAULT_CONFIG,
+								this$1.errorSwalConfig,
+								{text: errorMessage})).then(function (result) {
+								if (result.isDismissed) {
+									this$1.$emit('error-feedback-cancel', error);
+								}
+								if (result.isConfirmed) {
+									this$1.$emit('error-feedback-ok', error);
+								}
+							});
+						}
+					}
+				).finally(function () {
+					this$1.loading = false;
+				});
+		},
+
 		labelHelper: function labelHelper(label, loadingLabel) {
 			if ( loadingLabel === void 0 ) loadingLabel = 'Carregando...';
-
-			if (this.loading) {
-				return loadingLabel;
-			}
-			return label;
-		},
-
-		startRequest: function startRequest() {
-			this.loading = true;
-			this.failed = false;
-			this.error = null;
-		},
-	},
-
-	render: function render() {
-		var slot = this.$scopedSlots.default({
-			loading: this.loading,
-			failed: this.failed,
-			error: this.error,
-			data: this.data,
-			action: this.action,
-			labelHelper: this.labelHelper,
-			errorMessage: getFirstErrorMessage(
-				get(this.error, 'response.data', null),
-				'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
-			),
-		});
-
-		return Array.isArray(slot) ? slot[0] : slot;
-	},
+
+			if (this.loading) {
+				return loadingLabel;
+			}
+			return label;
+		},
+
+		startRequest: function startRequest() {
+			this.loading = true;
+			this.failed = false;
+			this.error = null;
+		},
+	},
+
+	render: function render() {
+		var slotProvider = this.$slots || this.$scopedSlots;
+		var slot = slotProvider.default({
+			loading: this.loading,
+			failed: this.failed,
+			error: this.error,
+			data: this.data,
+			action: this.action,
+			labelHelper: this.labelHelper,
+			errorMessage: getFirstErrorMessage(
+				get(this.error, 'response.data', null),
+				'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
+			),
+		});
+
+		return Array.isArray(slot) ? slot[0] : slot;
+	},
 };
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -400,19 +401,36 @@ function generateKey(length) {
 	return result;
 }
 
+var utils = {
+	$showConvertKeysToCamelCase: convertKeysToCamelCase,
+	$showConvertKeysToSnakeCase: convertKeysToSnakeCase,
+	$showRemoveAccents: removeAccents,
+	$showGenerateKey: generateKey,
+};
+
 // install function executed by Vue.use()
-function install(Vue) {
+function install(app) {
 	if (install.installed) { return; }
 
 	install.installed = true;
 
-	Vue.prototype.$showConvertKeysToCamelCase = convertKeysToCamelCase;
-	Vue.prototype.$showConvertKeysToSnakeCase = convertKeysToSnakeCase;
-	Vue.prototype.$showRemoveAccents = removeAccents;
-	Vue.prototype.$showGenerateKey = generateKey;
+	var version = Number(app.version.split('.')[0]);
+
+	if (version <= 2) {
+		Object.keys(utils).forEach(function (key) {
+			app.prototype[key] = utils[key];
+		});
+	}
+
+	if (version > 2) {
+		// ficará disponível apenas com o uso do Options API
+		Object.keys(utils).forEach(function (key) {
+			app.config.globalProperties[key] = utils[key];
+		});
+	}
 
 	Object.keys(components).forEach(function (componentName) {
-		Vue.component(
+		app.component(
 			("Show" + componentName),
 			components[componentName]
 		);

package/dist/@sysvale/show.min.js

@@ -1 +1 @@
-var SHOW=function(e,t,r,o,n,a){"use strict";t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t,r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r,o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o,n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,a=a&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a;var i=function(e){return Array.isArray(e)},s=function(e){if(i(e))return e.map((function(e){return n(e)||i(e)?s(e):e}));var t={};return Object.keys(e).forEach((function(r){n(e[r])||i(e[r])?t[o(r)]=s(e[r]):t[o(r)]=e[r]})),t},c=function(e){return Array.isArray(e)},u=function(e){if(c(e))return e.map((function(e){return n(e)||c(e)?u(e):e}));var t={};return Object.keys(e).forEach((function(r){n(e[r])||c(e[r])?t[a(r)]=u(e[r]):t[a(r)]=e[r]})),t};function l(e,t){void 0===t&&(t="Não conseguimos processar sua requisição. Tente novamente.");var o=r(e,"errors",!1);return o&&o[Object.keys(o)[0]][0]||t}var d={title:"Informações salvas com sucesso!",icon:"success",text:"",showCloseButton:!0,confirmButtonText:"Ok"},f={icon:"error",title:"Erro",text:"mensagem de error",showCancelButton:!0,showConfirmButton:!1,cancelButtonText:"Fechar"};function p(e,t,r,o,n,a,i,s,c,u){"boolean"!=typeof i&&(c=s,s=i,i=!1);var l,d="function"==typeof r?r.options:r;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),o&&(d._scopeId=o),a?(l=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,c(e)),e&&e._registeredComponents&&e._registeredComponents.add(a)},d._ssrRegister=l):t&&(l=i?function(e){t.call(this,u(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),l)if(d.functional){var f=d.render;d.render=function(e,t){return l.call(t),f(e,t)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,l):[l]}return r}var h=p({},void 0,{props:{service:{type:Function,required:!0},payload:{type:Object,default:function(){return{}}},payloadResolver:{type:Function,default:function(e){return u(e)}},dataResolver:{type:Function,default:function(e){return s(e)}},successSwalConfig:{type:Object,default:function(){return d}},errorSwalConfig:{type:Object,default:function(){return f}},errorFeedbackResolver:{type:Function,default:null},successFeedbackResolver:{type:Function,default:null},showSuccessFeedback:{type:Boolean,default:!1},hideErrorFeedback:{type:Boolean,default:!1},immediate:{type:Boolean,default:!1},forceResetError:{type:Boolean,default:!1},initialData:{default:null}},data:function(){return{loading:!1,failed:!1,error:null,data:this.initialData}},watch:{forceResetError:function(e){e&&(this.error=null)}},mounted:function(){this.immediate&&this.action()},methods:{action:function(e){var o=this;this.startRequest();var n=e||this.payload;this.service(this.payloadResolver(n)).then((function(e){var r=e.data;if(o.data=o.dataResolver(r),o.$emit("success",o.data),o.showSuccessFeedback){if(o.successFeedbackResolver)return void o.successFeedbackResolver({vm:o,data:o.data});t.fire(Object.assign({},d,o.successSwalConfig)).then((function(){o.$emit("success-feedback-ok",o.data)}))}})).catch((function(e){if(o.failed=!0,o.error=e,o.$emit("error",e),!o.hideErrorFeedback){var n=l(r(e,"response.data",null),"Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.");if(o.errorFeedbackResolver)return void o.errorFeedbackResolver({vm:o,error:e,errorMessage:n});t.fire(Object.assign({},f,o.errorSwalConfig,{text:n})).then((function(t){t.isDismissed&&o.$emit("error-feedback-cancel",e),t.isConfirmed&&o.$emit("error-feedback-ok",e)}))}})).finally((function(){o.loading=!1}))},labelHelper:function(e,t){return void 0===t&&(t="Carregando..."),this.loading?t:e},startRequest:function(){this.loading=!0,this.failed=!1,this.error=null}},render:function(){var e=this.$scopedSlots.default({loading:this.loading,failed:this.failed,error:this.error,data:this.data,action:this.action,labelHelper:this.labelHelper,errorMessage:l(r(this.error,"response.data",null),"Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.")});return Array.isArray(e)?e[0]:e}},void 0,void 0,void 0,!1,void 0,void 0,void 0),v=Object.freeze({__proto__:null,RequestProvider:h});function y(e){void 0===e&&(e="");for(var t,r=e.length,o=e.split(""),n=0;n<r;n+=1)-1!==(t="ÀÁÂÃÄÅàáâãäåÒÓÔÕÕÖØòóôõöøÈÉÊËèéêëðÇçÐÌÍÎÏìíîïÙÚÛÜùúûüÑñŠšŸÿýŽž".indexOf(e[n]))&&(o[n]="AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz"[t]);return o=(o=(o=(o=o.join("")).split(".").join("")).split("-").join("")).split("/").join("")}function b(e){void 0===e&&(e=8);for(var t="",r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",o=r.length,n=0;n<e;n+=1)t+=r.charAt(Math.floor(Math.random()*o));return t}var m={install:function e(t){e.installed||(e.installed=!0,t.prototype.$showConvertKeysToCamelCase=s,t.prototype.$showConvertKeysToSnakeCase=u,t.prototype.$showRemoveAccents=y,t.prototype.$showGenerateKey=b,Object.keys(v).forEach((function(e){t.component("Show"+e,v[e])})))}},O=null;return"undefined"!=typeof window?O=window.Vue:"undefined"!=typeof global&&(O=global.Vue),O&&O.use(m),e.RequestProvider=h,e.default=m,e}({},swal,get,camelCase,isObject,snakeCase);
+var SHOW=function(e,t,r,o,n,a){"use strict";t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t,r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r,o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o,n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,a=a&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a;var i=function(e){return Array.isArray(e)},s=function(e){if(i(e))return e.map((function(e){return n(e)||i(e)?s(e):e}));var t={};return Object.keys(e).forEach((function(r){n(e[r])||i(e[r])?t[o(r)]=s(e[r]):t[o(r)]=e[r]})),t},c=function(e){return Array.isArray(e)},l=function(e){if(c(e))return e.map((function(e){return n(e)||c(e)?l(e):e}));var t={};return Object.keys(e).forEach((function(r){n(e[r])||c(e[r])?t[a(r)]=l(e[r]):t[a(r)]=e[r]})),t};function u(e,t){void 0===t&&(t="Não conseguimos processar sua requisição. Tente novamente.");var o=r(e,"errors",!1);return o&&o[Object.keys(o)[0]][0]||t}var d={title:"Informações salvas com sucesso!",icon:"success",text:"",showCloseButton:!0,confirmButtonText:"Ok"},f={icon:"error",title:"Erro",text:"mensagem de error",showCancelButton:!0,showConfirmButton:!1,cancelButtonText:"Fechar"};function p(e,t,r,o,n,a,i,s,c,l){"boolean"!=typeof i&&(c=s,s=i,i=!1);var u,d="function"==typeof r?r.options:r;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),o&&(d._scopeId=o),a?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,c(e)),e&&e._registeredComponents&&e._registeredComponents.add(a)},d._ssrRegister=u):t&&(u=i?function(e){t.call(this,l(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),u)if(d.functional){var f=d.render;d.render=function(e,t){return u.call(t),f(e,t)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,u):[u]}return r}var h=p({},void 0,{props:{service:{type:Function,required:!0},payload:{type:Object,default:function(){return{}}},payloadResolver:{type:Function,default:function(e){return l(e)}},dataResolver:{type:Function,default:function(e){return s(e)}},successSwalConfig:{type:Object,default:function(){return d}},errorSwalConfig:{type:Object,default:function(){return f}},errorFeedbackResolver:{type:Function,default:null},successFeedbackResolver:{type:Function,default:null},showSuccessFeedback:{type:Boolean,default:!1},hideErrorFeedback:{type:Boolean,default:!1},immediate:{type:Boolean,default:!1},forceResetError:{type:Boolean,default:!1},initialData:{default:null}},data:function(){return{loading:!1,failed:!1,error:null,data:this.initialData}},watch:{forceResetError:function(e){e&&(this.error=null)}},mounted:function(){this.immediate&&this.action()},methods:{action:function(e){var o=this;this.startRequest();var n=e||this.payload;this.service(this.payloadResolver(n)).then((function(e){var r=e.data;if(o.data=o.dataResolver(r),o.$emit("success",o.data),o.showSuccessFeedback){if(o.successFeedbackResolver)return void o.successFeedbackResolver({vm:o,data:o.data});t.fire(Object.assign({},d,o.successSwalConfig)).then((function(){o.$emit("success-feedback-ok",o.data)}))}})).catch((function(e){if(o.failed=!0,o.error=e,o.$emit("error",e),!o.hideErrorFeedback){var n=u(r(e,"response.data",null),"Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.");if(o.errorFeedbackResolver)return void o.errorFeedbackResolver({vm:o,error:e,errorMessage:n});t.fire(Object.assign({},f,o.errorSwalConfig,{text:n})).then((function(t){t.isDismissed&&o.$emit("error-feedback-cancel",e),t.isConfirmed&&o.$emit("error-feedback-ok",e)}))}})).finally((function(){o.loading=!1}))},labelHelper:function(e,t){return void 0===t&&(t="Carregando..."),this.loading?t:e},startRequest:function(){this.loading=!0,this.failed=!1,this.error=null}},render:function(){var e=(this.$slots||this.$scopedSlots).default({loading:this.loading,failed:this.failed,error:this.error,data:this.data,action:this.action,labelHelper:this.labelHelper,errorMessage:u(r(this.error,"response.data",null),"Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.")});return Array.isArray(e)?e[0]:e}},void 0,void 0,void 0,!1,void 0,void 0,void 0),v=Object.freeze({__proto__:null,RequestProvider:h});var y={$showConvertKeysToCamelCase:s,$showConvertKeysToSnakeCase:l,$showRemoveAccents:function(e){void 0===e&&(e="");for(var t,r=e.length,o=e.split(""),n=0;n<r;n+=1)-1!==(t="ÀÁÂÃÄÅàáâãäåÒÓÔÕÕÖØòóôõöøÈÉÊËèéêëðÇçÐÌÍÎÏìíîïÙÚÛÜùúûüÑñŠšŸÿýŽž".indexOf(e[n]))&&(o[n]="AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz"[t]);return o=(o=(o=(o=o.join("")).split(".").join("")).split("-").join("")).split("/").join("")},$showGenerateKey:function(e){void 0===e&&(e=8);for(var t="",r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",o=r.length,n=0;n<e;n+=1)t+=r.charAt(Math.floor(Math.random()*o));return t}};var b={install:function e(t){if(!e.installed){e.installed=!0;var r=Number(t.version.split(".")[0]);r<=2&&Object.keys(y).forEach((function(e){t.prototype[e]=y[e]})),r>2&&Object.keys(y).forEach((function(e){t.config.globalProperties[e]=y[e]})),Object.keys(v).forEach((function(e){t.component("Show"+e,v[e])}))}}},m=null;return"undefined"!=typeof window?m=window.Vue:"undefined"!=typeof global&&(m=global.Vue),m&&m.use(b),e.RequestProvider=h,e.default=b,e}({},swal,get,camelCase,isObject,snakeCase);

package/dist/@sysvale/show.ssr.js

@@ -48,192 +48,193 @@ var convertKeysToSnakeCase = function (data) {
 	var ref = Object.keys(errors);
 	var firstKey = ref[0];
 	return errors[firstKey][0] || fallbackMsg;
-}var SUCCESS_SWAL_DEFAULT_CONFIG = {
-	title: 'Informações salvas com sucesso!',
-	icon: 'success',
-	text: '',
-	showCloseButton: true,
-	confirmButtonText: 'Ok',
-};
-
-var ERROR_SWAL_DEFAULT_CONFIG = {
-	icon: 'error',
-	title: 'Erro',
-	text: 'mensagem de error',
-	showCancelButton: true,
-	showConfirmButton: false,
-	cancelButtonText: 'Fechar',
-};
-
-var script = {
-	props: {
-		service: {
-			type: Function,
-			required: true,
-		},
-		payload: {
-			type: Object,
-			default: function () { return ({}); },
-		},
-		payloadResolver: {
-			type: Function,
-			default: function (data) { return convertKeysToSnakeCase(data); },
-		},
-		dataResolver: {
-			type: Function,
-			default: function (data) { return convertKeysToCamelCase(data); },
-		},
-		successSwalConfig: {
-			type: Object,
-			default: function () { return SUCCESS_SWAL_DEFAULT_CONFIG; },
-		},
-		errorSwalConfig: {
-			type: Object,
-			default: function () { return ERROR_SWAL_DEFAULT_CONFIG; },
-		},
-		errorFeedbackResolver: {
-			type: Function,
-			default: null,
-		},
-		successFeedbackResolver: {
-			type: Function,
-			default: null,
-		},
-		showSuccessFeedback: {
-			type: Boolean,
-			default: false,
-		},
-		hideErrorFeedback: {
-			type: Boolean,
-			default: false,
-		},
-		immediate: {
-			type: Boolean,
-			default: false,
-		},
-		forceResetError: {
-			type: Boolean,
-			default: false,
-		},
-		initialData: {
-			default: null,
-		},
-	},
-
-	data: function data() {
-		return {
-			loading: false,
-			failed: false,
-			error: null,
-			data: this.initialData,
-		};
-	},
-
-	watch: {
-		forceResetError: function forceResetError(newValue) {
-			if (newValue) {
-				this.error = null;
-			}
-		},
-	},
-
-	mounted: function mounted() {
-		if (this.immediate) {
-			this.action();
-		}
-	},
-
-	methods: {
+}var SUCCESS_SWAL_DEFAULT_CONFIG = {
+	title: 'Informações salvas com sucesso!',
+	icon: 'success',
+	text: '',
+	showCloseButton: true,
+	confirmButtonText: 'Ok',
+};
+
+var ERROR_SWAL_DEFAULT_CONFIG = {
+	icon: 'error',
+	title: 'Erro',
+	text: 'mensagem de error',
+	showCancelButton: true,
+	showConfirmButton: false,
+	cancelButtonText: 'Fechar',
+};
+
+var script = {
+	props: {
+		service: {
+			type: Function,
+			required: true,
+		},
+		payload: {
+			type: Object,
+			default: function () { return ({}); },
+		},
+		payloadResolver: {
+			type: Function,
+			default: function (data) { return convertKeysToSnakeCase(data); },
+		},
+		dataResolver: {
+			type: Function,
+			default: function (data) { return convertKeysToCamelCase(data); },
+		},
+		successSwalConfig: {
+			type: Object,
+			default: function () { return SUCCESS_SWAL_DEFAULT_CONFIG; },
+		},
+		errorSwalConfig: {
+			type: Object,
+			default: function () { return ERROR_SWAL_DEFAULT_CONFIG; },
+		},
+		errorFeedbackResolver: {
+			type: Function,
+			default: null,
+		},
+		successFeedbackResolver: {
+			type: Function,
+			default: null,
+		},
+		showSuccessFeedback: {
+			type: Boolean,
+			default: false,
+		},
+		hideErrorFeedback: {
+			type: Boolean,
+			default: false,
+		},
+		immediate: {
+			type: Boolean,
+			default: false,
+		},
+		forceResetError: {
+			type: Boolean,
+			default: false,
+		},
+		initialData: {
+			default: null,
+		},
+	},
+
+	data: function data() {
+		return {
+			loading: false,
+			failed: false,
+			error: null,
+			data: this.initialData,
+		};
+	},
+
+	watch: {
+		forceResetError: function forceResetError(newValue) {
+			if (newValue) {
+				this.error = null;
+			}
+		},
+	},
+
+	mounted: function mounted() {
+		if (this.immediate) {
+			this.action();
+		}
+	},
+
+	methods: {
 		action: function action(payloadFromArgs) {
 			var this$1 = this;
-
-			this.startRequest();
-			var payload = payloadFromArgs || this.payload;
-			this.service(this.payloadResolver(payload))
-				.then(
+
+			this.startRequest();
+			var payload = payloadFromArgs || this.payload;
+			this.service(this.payloadResolver(payload))
+				.then(
 					function (ref) {
 						var data = ref.data;
-
-						this$1.data = this$1.dataResolver(data);
-						this$1.$emit('success', this$1.data);
-
-						if (this$1.showSuccessFeedback) {
-							if (this$1.successFeedbackResolver) {
-								this$1.successFeedbackResolver({ vm: this$1, data: this$1.data });
-								return;
-							}
-							swal.fire(Object.assign({}, SUCCESS_SWAL_DEFAULT_CONFIG,
-								this$1.successSwalConfig)).then(function () {
-								this$1.$emit('success-feedback-ok', this$1.data);
-							});
-						}
-					}
-				).catch(
-					function (error) {
-						this$1.failed = true;
-						this$1.error = error;
-						this$1.$emit('error', error);
-
-						if (!this$1.hideErrorFeedback) {
-							var errorMessage = getFirstErrorMessage(
-								get(error, 'response.data', null),
-								'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
-							);
-
-							if (this$1.errorFeedbackResolver) {
-								this$1.errorFeedbackResolver({ vm: this$1, error: error, errorMessage: errorMessage });
-								return;
-							}
-
-							swal.fire(Object.assign({}, ERROR_SWAL_DEFAULT_CONFIG,
-								this$1.errorSwalConfig,
-								{text: errorMessage})).then(function (result) {
-								if (result.isDismissed) {
-									this$1.$emit('error-feedback-cancel', error);
-								}
-								if (result.isConfirmed) {
-									this$1.$emit('error-feedback-ok', error);
-								}
-							});
-						}
-					}
-				).finally(function () {
-					this$1.loading = false;
-				});
-		},
-
+
+						this$1.data = this$1.dataResolver(data);
+						this$1.$emit('success', this$1.data);
+
+						if (this$1.showSuccessFeedback) {
+							if (this$1.successFeedbackResolver) {
+								this$1.successFeedbackResolver({ vm: this$1, data: this$1.data });
+								return;
+							}
+							swal.fire(Object.assign({}, SUCCESS_SWAL_DEFAULT_CONFIG,
+								this$1.successSwalConfig)).then(function () {
+								this$1.$emit('success-feedback-ok', this$1.data);
+							});
+						}
+					}
+				).catch(
+					function (error) {
+						this$1.failed = true;
+						this$1.error = error;
+						this$1.$emit('error', error);
+
+						if (!this$1.hideErrorFeedback) {
+							var errorMessage = getFirstErrorMessage(
+								get(error, 'response.data', null),
+								'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
+							);
+
+							if (this$1.errorFeedbackResolver) {
+								this$1.errorFeedbackResolver({ vm: this$1, error: error, errorMessage: errorMessage });
+								return;
+							}
+
+							swal.fire(Object.assign({}, ERROR_SWAL_DEFAULT_CONFIG,
+								this$1.errorSwalConfig,
+								{text: errorMessage})).then(function (result) {
+								if (result.isDismissed) {
+									this$1.$emit('error-feedback-cancel', error);
+								}
+								if (result.isConfirmed) {
+									this$1.$emit('error-feedback-ok', error);
+								}
+							});
+						}
+					}
+				).finally(function () {
+					this$1.loading = false;
+				});
+		},
+
 		labelHelper: function labelHelper(label, loadingLabel) {
 			if ( loadingLabel === void 0 ) loadingLabel = 'Carregando...';
-
-			if (this.loading) {
-				return loadingLabel;
-			}
-			return label;
-		},
-
-		startRequest: function startRequest() {
-			this.loading = true;
-			this.failed = false;
-			this.error = null;
-		},
-	},
-
-	render: function render() {
-		var slot = this.$scopedSlots.default({
-			loading: this.loading,
-			failed: this.failed,
-			error: this.error,
-			data: this.data,
-			action: this.action,
-			labelHelper: this.labelHelper,
-			errorMessage: getFirstErrorMessage(
-				get(this.error, 'response.data', null),
-				'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
-			),
-		});
-
-		return Array.isArray(slot) ? slot[0] : slot;
-	},
+
+			if (this.loading) {
+				return loadingLabel;
+			}
+			return label;
+		},
+
+		startRequest: function startRequest() {
+			this.loading = true;
+			this.failed = false;
+			this.error = null;
+		},
+	},
+
+	render: function render() {
+		var slotProvider = this.$slots || this.$scopedSlots;
+		var slot = slotProvider.default({
+			loading: this.loading,
+			failed: this.failed,
+			error: this.error,
+			data: this.data,
+			action: this.action,
+			labelHelper: this.labelHelper,
+			errorMessage: getFirstErrorMessage(
+				get(this.error, 'response.data', null),
+				'Um erro aconteceu... por favor, tente novamente. Se o erro persistir, contate o suporte.'
+			),
+		});
+
+		return Array.isArray(slot) ? slot[0] : slot;
+	},
 };function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
     if (typeof shadowMode !== 'boolean') {
         createInjectorSSR = createInjector;
@@ -317,7 +318,7 @@ var __vue_script__ = script;
   /* scoped */
   var __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = "data-v-5a8d2084";
+  var __vue_module_identifier__ = "data-v-4282f00e";
   /* functional template */
   var __vue_is_functional_template__ = undefined;
   /* style inject */
@@ -371,19 +372,36 @@ var __vue_script__ = script;
 		result += characters.charAt(Math.floor(Math.random() * charactersLength));
 	}
 	return result;
-}// install function executed by Vue.use()
-function install(Vue) {
+}var utils = {
+	$showConvertKeysToCamelCase: convertKeysToCamelCase,
+	$showConvertKeysToSnakeCase: convertKeysToSnakeCase,
+	$showRemoveAccents: removeAccents,
+	$showGenerateKey: generateKey,
+};
+
+// install function executed by Vue.use()
+function install(app) {
 	if (install.installed) { return; }
 
 	install.installed = true;
 
-	Vue.prototype.$showConvertKeysToCamelCase = convertKeysToCamelCase;
-	Vue.prototype.$showConvertKeysToSnakeCase = convertKeysToSnakeCase;
-	Vue.prototype.$showRemoveAccents = removeAccents;
-	Vue.prototype.$showGenerateKey = generateKey;
+	var version = Number(app.version.split('.')[0]);
+
+	if (version <= 2) {
+		Object.keys(utils).forEach(function (key) {
+			app.prototype[key] = utils[key];
+		});
+	}
+
+	if (version > 2) {
+		// ficará disponível apenas com o uso do Options API
+		Object.keys(utils).forEach(function (key) {
+			app.config.globalProperties[key] = utils[key];
+		});
+	}
 
 	Object.keys(components).forEach(function (componentName) {
-		Vue.component(
+		app.component(
 			("Show" + componentName),
 			components[componentName]
 		);

package/package.json

@@ -1,134 +1,155 @@
-{
-  "name": "@sysvale/show",
-  "version": "0.0.2",
-  "description": "A set of components used at Sysvale",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Sysvale/show.git"
-  },
-  "main": "dist/@sysvale/show.ssr.js",
-  "module": "dist/@sysvale/show.esm.js",
-  "unpkg": "dist/@sysvale/show.min.js",
-  "files": [
-    "dist/*"
-  ],
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "test:unit": "vue-cli-service test:unit",
-    "test": "jest",
-    "lint": "vue-cli-service lint",
-    "storybook": "start-storybook -p 6006 --docs",
-    "build-storybook": "build-storybook -s public --docs",
-    "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
-    "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
-    "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
-    "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife",
-    "chromatic": "npx chromatic --project-token=a0f13ffc7d61"
-  },
-  "dependencies": {
-    "lodash.camelcase": "^4.3.0",
-    "lodash.get": "^4.4.2",
-    "lodash.isobject": "^3.0.2",
-    "lodash.snakecase": "^4.1.1",
-    "sweetalert2": "^11.3.5",
-    "vue": "^2.6.12"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.11.6",
-    "@rollup/plugin-alias": "^2.2.0",
-    "@rollup/plugin-buble": "^0.20.0",
-    "@rollup/plugin-replace": "^2.3.0",
-    "@storybook/addon-actions": "^6.1.0-alpha.10",
-    "@storybook/addon-essentials": "^6.1.0-alpha.10",
-    "@storybook/addon-links": "^6.1.0-alpha.10",
-    "@storybook/preset-scss": "^1.0.2",
-    "@storybook/vue": "^6.1.0-alpha.10",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-unit-jest": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/eslint-config-airbnb": "^5.0.2",
-    "@vue/test-utils": "^1.1.0",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
-    "chromatic": "^6.0.4",
-    "cross-env": "^6.0.3",
-    "css-loader": "^4.3.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "highlight.js": "^10.6.0",
-    "react-is": "^16.13.1",
-    "rollup": "^1.29.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-terser": "^5.2.0",
-    "rollup-plugin-vue": "5.1.1",
-    "vue-hljs": "^2.0.0",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "@vue/airbnb"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {
-      "vue/html-indent": [
-        "error",
-        "tab",
-        {
-          "attribute": 1,
-          "closeBracket": 0,
-          "alignAttributesVertically": true,
-          "ignores": []
-        }
-      ],
-      "no-tabs": "off",
-      "indent": [
-        "error",
-        "tab",
-        {
-          "SwitchCase": 1
-        }
-      ],
-      "quotes": [
-        "error",
-        "single",
-        {
-          "allowTemplateLiterals": true
-        }
-      ]
-    },
-    "overrides": [
-      {
-        "files": [
-          "**/__tests__/*.{j,t}s?(x)",
-          "**/tests/unit/**/*.spec.{j,t}s?(x)"
-        ],
-        "env": {
-          "jest": true
-        }
-      }
-    ]
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "jest": {
-    "preset": "@vue/cli-plugin-unit-jest"
-  },
-  "bugs": {
-    "url": "https://github.com/Sysvale/show/issues"
-  },
-  "homepage": "https://github.com/Sysvale/show#readme",
-  "author": "Sysvale",
-  "license": "MIT"
-}
+{
+  "name": "@sysvale/show",
+  "version": "0.2.0",
+  "description": "A set of components used at Sysvale",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Sysvale/show.git"
+  },
+  "main": "dist/@sysvale/show.ssr.js",
+  "module": "dist/@sysvale/show.esm.js",
+  "unpkg": "dist/@sysvale/show.min.js",
+  "files": [
+    "dist/*"
+  ],
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "test:unit": "vue-cli-service test:unit",
+    "test": "jest",
+    "lint": "vue-cli-service lint",
+    "storybook": "start-storybook -p 6006 --docs",
+    "build-storybook": "build-storybook -s public --docs",
+    "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
+    "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
+    "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
+    "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife",
+    "chromatic": "npx chromatic --project-token=a0f13ffc7d61"
+  },
+  "dependencies": {
+    "lodash.camelcase": "^4.3.0",
+    "lodash.get": "^4.4.2",
+    "lodash.isobject": "^3.0.2",
+    "lodash.snakecase": "^4.1.1",
+    "sweetalert2": "^11.3.5",
+    "vue": "^2.6.12"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.11.6",
+    "@rollup/plugin-alias": "^2.2.0",
+    "@rollup/plugin-buble": "^0.20.0",
+    "@rollup/plugin-replace": "^2.3.0",
+    "@storybook/addon-actions": "^6.1.0-alpha.10",
+    "@storybook/addon-essentials": "^6.1.0-alpha.10",
+    "@storybook/addon-links": "^6.1.0-alpha.10",
+    "@storybook/preset-scss": "^1.0.2",
+    "@storybook/vue": "^6.1.0-alpha.10",
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-unit-jest": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/eslint-config-airbnb": "^5.0.2",
+    "@vue/test-utils": "^1.1.0",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^8.1.0",
+    "chromatic": "^6.0.4",
+    "cross-env": "^6.0.3",
+    "css-loader": "^4.3.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "flush-promises": "^1.0.2",
+    "highlight.js": "^10.6.0",
+    "react-is": "^16.13.1",
+    "regenerator-runtime": "^0.13.9",
+    "rollup": "^1.29.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-terser": "^5.2.0",
+    "rollup-plugin-vue": "5.1.1",
+    "vue-hljs": "^2.0.0",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "@vue/airbnb"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {
+      "vue/html-indent": [
+        "error",
+        "tab",
+        {
+          "attribute": 1,
+          "closeBracket": 0,
+          "alignAttributesVertically": true,
+          "ignores": []
+        }
+      ],
+      "no-tabs": "off",
+      "indent": [
+        "error",
+        "tab",
+        {
+          "SwitchCase": 1
+        }
+      ],
+      "quotes": [
+        "error",
+        "single",
+        {
+          "allowTemplateLiterals": true
+        }
+      ]
+    },
+    "overrides": [
+      {
+        "files": [
+          "**/__tests__/*.{j,t}s?(x)",
+          "**/tests/unit/**/*.spec.{j,t}s?(x)"
+        ],
+        "env": {
+          "jest": true
+        }
+      }
+    ]
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "jest": {
+    "preset": "@vue/cli-plugin-unit-jest",
+    "transform": {
+      ".*\\.(js)$": "babel-jest"
+    },
+    "setupFilesAfterEnv": [
+      "./src/utils/setupTests.js"
+    ],
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "src/**/*.vue"
+    ],
+    "coverageReporters": [
+      "lcov",
+      "text"
+    ]
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-env"
+    ]
+  },
+  "bugs": {
+    "url": "https://github.com/Sysvale/show/issues"
+  },
+  "homepage": "https://github.com/Sysvale/show#readme",
+  "author": "Sysvale",
+  "license": "MIT"
+}