@weni/unnnic-system 1.12.1 → 1.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/unnnic.common.js +270 -0
- package/dist/unnnic.common.js.map +1 -1
- package/dist/unnnic.css +1 -1
- package/dist/unnnic.umd.js +270 -0
- package/dist/unnnic.umd.js.map +1 -1
- package/dist/unnnic.umd.min.js +3 -3
- package/dist/unnnic.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ModalNext/ModalNext.vue +396 -0
- package/src/components/index.js +3 -0
- package/src/stories/ModalNext.stories.js +171 -0
package/dist/unnnic.common.js
CHANGED
|
@@ -10027,6 +10027,17 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
|
|
|
10027
10027
|
};
|
|
10028
10028
|
|
|
10029
10029
|
|
|
10030
|
+
/***/ }),
|
|
10031
|
+
|
|
10032
|
+
/***/ "5702":
|
|
10033
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10034
|
+
|
|
10035
|
+
"use strict";
|
|
10036
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ModalNext_vue_vue_type_style_index_0_id_b28be08e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bf0c");
|
|
10037
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ModalNext_vue_vue_type_style_index_0_id_b28be08e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ModalNext_vue_vue_type_style_index_0_id_b28be08e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
10038
|
+
/* unused harmony reexport * */
|
|
10039
|
+
|
|
10040
|
+
|
|
10030
10041
|
/***/ }),
|
|
10031
10042
|
|
|
10032
10043
|
/***/ "570c":
|
|
@@ -22025,6 +22036,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
|
|
|
22025
22036
|
|
|
22026
22037
|
/***/ }),
|
|
22027
22038
|
|
|
22039
|
+
/***/ "bf0c":
|
|
22040
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
22041
|
+
|
|
22042
|
+
// extracted by mini-css-extract-plugin
|
|
22043
|
+
|
|
22044
|
+
/***/ }),
|
|
22045
|
+
|
|
22028
22046
|
/***/ "bfe9":
|
|
22029
22047
|
/***/ (function(module, exports) {
|
|
22030
22048
|
|
|
@@ -32701,6 +32719,7 @@ __webpack_require__.d(__webpack_exports__, "unnnicCheckbox", function() { return
|
|
|
32701
32719
|
__webpack_require__.d(__webpack_exports__, "unnnicRadio", function() { return /* reexport */ unnnicRadio; });
|
|
32702
32720
|
__webpack_require__.d(__webpack_exports__, "unnniclanguageSelect", function() { return /* reexport */ unnniclanguageSelect; });
|
|
32703
32721
|
__webpack_require__.d(__webpack_exports__, "unnnicModal", function() { return /* reexport */ unnnicModal; });
|
|
32722
|
+
__webpack_require__.d(__webpack_exports__, "unnnicModalNext", function() { return /* reexport */ unnnicModalNext; });
|
|
32704
32723
|
__webpack_require__.d(__webpack_exports__, "unnnicModalUpload", function() { return /* reexport */ unnnicModalUpload; });
|
|
32705
32724
|
__webpack_require__.d(__webpack_exports__, "unnnicSelect", function() { return /* reexport */ unnnicSelect; });
|
|
32706
32725
|
__webpack_require__.d(__webpack_exports__, "unnnicSelectItem", function() { return /* reexport */ unnnicSelectItem; });
|
|
@@ -39409,6 +39428,254 @@ var Modal_component = normalizeComponent(
|
|
|
39409
39428
|
)
|
|
39410
39429
|
|
|
39411
39430
|
/* harmony default export */ var Modal = (Modal_component.exports);
|
|
39431
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ModalNext/ModalNext.vue?vue&type=template&id=b28be08e&scoped=true&
|
|
39432
|
+
var ModalNextvue_type_template_id_b28be08e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
39433
|
+
'unnnic-modal', ("type-" + _vm.type),
|
|
39434
|
+
{
|
|
39435
|
+
'show-close-button': _vm.showCloseButton,
|
|
39436
|
+
'show-actions-area': _vm.validate || _vm.actionPrimaryLabel || _vm.actionSecondaryLabel
|
|
39437
|
+
}
|
|
39438
|
+
],on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.closeByDarkBackground($event)}}},[_c('div',{staticClass:"container"},[(_vm.type === 'default')?[(_vm.showCloseButton)?_c('div',{staticClass:"header"},[_c('unnnic-icon',{attrs:{"icon":"close-1","size":"sm","clickable":""},on:{"click":function($event){return _vm.$emit('close')}}})],1):_vm._e(),_c('div',{staticClass:"content"},[_vm._t("default")],2)]:(_vm.type === 'video')?_c('div',{staticClass:"content"},[_c('div',{staticClass:"aspect-ratio-box"},[_c('iframe',{staticClass:"aspect-ratio-box-inside",attrs:{"type":"text/html","src":_vm.url,"frameborder":"0","allowfullscreen":""}})])]):(_vm.type === 'alert')?[(_vm.showCloseButton)?_c('div',{staticClass:"header"},[_c('unnnic-icon',{attrs:{"icon":"close-1","size":"sm","clickable":""},on:{"click":function($event){return _vm.$emit('close')}}})],1):_vm._e(),_c('div',{class:['content', { 'with-validation': _vm.validate }]},[_c('div',{staticClass:"icon"},[_c('unnnic-icon',{attrs:{"icon":_vm.icon,"scheme":_vm.scheme,"size":"xl"}})],1),(_vm.$slots.title || _vm.title)?_c('div',{staticClass:"title"},[(_vm.$slots.title)?_vm._t("title"):[_vm._v(_vm._s(_vm.title))]],2):_vm._e(),(_vm.$slots.description || _vm.description)?_c('div',{staticClass:"description"},[(_vm.$slots.description)?_vm._t("description"):[_vm._v(_vm._s(_vm.description))]],2):_vm._e(),(_vm.validate)?_c('div',{staticClass:"confirm-text"},[_c('unnnic-input',{attrs:{"placeholder":_vm.validatePlaceholder},model:{value:(_vm.confirmText),callback:function ($$v) {_vm.confirmText=$$v},expression:"confirmText"}},[_c('span',{attrs:{"slot":"label"},domProps:{"innerHTML":_vm._s(_vm.validateLabel)},slot:"label"})])],1):_vm._e(),(_vm.validate || _vm.actionPrimaryLabel || _vm.actionSecondaryLabel)?_c('div',{staticClass:"actions",style:({ marginTop: _vm.validate ? '0' : undefined })},[(_vm.validate || _vm.actionSecondaryLabel)?_c('unnnic-button',{attrs:{"type":"terciary","disabled":_vm.actionPrimaryLoading},on:{"click":function($event){_vm.$listeners.clickActionSecondary
|
|
39439
|
+
? _vm.$emit('click-action-secondary', { close: _vm.justClose })
|
|
39440
|
+
: _vm.$emit('close')}}},[_vm._v(" "+_vm._s(_vm.actionSecondaryLabel)+" ")]):_vm._e(),(_vm.validate || _vm.actionPrimaryLabel)?_c('unnnic-button',{class:_vm.actionPrimaryButtonType === 'primary'
|
|
39441
|
+
? ['button', _vm.buttonType]
|
|
39442
|
+
: undefined,attrs:{"type":_vm.actionPrimaryButtonType,"disabled":_vm.disabled || _vm.actionPrimaryLoading,"loading":_vm.actionPrimaryLoading},on:{"click":function($event){_vm.$listeners.clickActionPrimary
|
|
39443
|
+
? _vm.$emit('click-action-primary', { close: _vm.justClose })
|
|
39444
|
+
: null}}},[_vm._v(" "+_vm._s(_vm.actionPrimaryLabel)+" ")]):_vm._e()],1):_vm._e()])]:_vm._e()],2)])}
|
|
39445
|
+
var ModalNextvue_type_template_id_b28be08e_scoped_true_staticRenderFns = []
|
|
39446
|
+
|
|
39447
|
+
|
|
39448
|
+
// CONCATENATED MODULE: ./src/components/ModalNext/ModalNext.vue?vue&type=template&id=b28be08e&scoped=true&
|
|
39449
|
+
|
|
39450
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ModalNext/ModalNext.vue?vue&type=script&lang=js&
|
|
39451
|
+
//
|
|
39452
|
+
//
|
|
39453
|
+
//
|
|
39454
|
+
//
|
|
39455
|
+
//
|
|
39456
|
+
//
|
|
39457
|
+
//
|
|
39458
|
+
//
|
|
39459
|
+
//
|
|
39460
|
+
//
|
|
39461
|
+
//
|
|
39462
|
+
//
|
|
39463
|
+
//
|
|
39464
|
+
//
|
|
39465
|
+
//
|
|
39466
|
+
//
|
|
39467
|
+
//
|
|
39468
|
+
//
|
|
39469
|
+
//
|
|
39470
|
+
//
|
|
39471
|
+
//
|
|
39472
|
+
//
|
|
39473
|
+
//
|
|
39474
|
+
//
|
|
39475
|
+
//
|
|
39476
|
+
//
|
|
39477
|
+
//
|
|
39478
|
+
//
|
|
39479
|
+
//
|
|
39480
|
+
//
|
|
39481
|
+
//
|
|
39482
|
+
//
|
|
39483
|
+
//
|
|
39484
|
+
//
|
|
39485
|
+
//
|
|
39486
|
+
//
|
|
39487
|
+
//
|
|
39488
|
+
//
|
|
39489
|
+
//
|
|
39490
|
+
//
|
|
39491
|
+
//
|
|
39492
|
+
//
|
|
39493
|
+
//
|
|
39494
|
+
//
|
|
39495
|
+
//
|
|
39496
|
+
//
|
|
39497
|
+
//
|
|
39498
|
+
//
|
|
39499
|
+
//
|
|
39500
|
+
//
|
|
39501
|
+
//
|
|
39502
|
+
//
|
|
39503
|
+
//
|
|
39504
|
+
//
|
|
39505
|
+
//
|
|
39506
|
+
//
|
|
39507
|
+
//
|
|
39508
|
+
//
|
|
39509
|
+
//
|
|
39510
|
+
//
|
|
39511
|
+
//
|
|
39512
|
+
//
|
|
39513
|
+
//
|
|
39514
|
+
//
|
|
39515
|
+
//
|
|
39516
|
+
//
|
|
39517
|
+
//
|
|
39518
|
+
//
|
|
39519
|
+
//
|
|
39520
|
+
//
|
|
39521
|
+
//
|
|
39522
|
+
//
|
|
39523
|
+
//
|
|
39524
|
+
//
|
|
39525
|
+
//
|
|
39526
|
+
//
|
|
39527
|
+
//
|
|
39528
|
+
//
|
|
39529
|
+
//
|
|
39530
|
+
//
|
|
39531
|
+
//
|
|
39532
|
+
//
|
|
39533
|
+
//
|
|
39534
|
+
//
|
|
39535
|
+
//
|
|
39536
|
+
//
|
|
39537
|
+
//
|
|
39538
|
+
//
|
|
39539
|
+
//
|
|
39540
|
+
//
|
|
39541
|
+
//
|
|
39542
|
+
//
|
|
39543
|
+
//
|
|
39544
|
+
//
|
|
39545
|
+
//
|
|
39546
|
+
//
|
|
39547
|
+
//
|
|
39548
|
+
//
|
|
39549
|
+
//
|
|
39550
|
+
//
|
|
39551
|
+
//
|
|
39552
|
+
//
|
|
39553
|
+
//
|
|
39554
|
+
//
|
|
39555
|
+
//
|
|
39556
|
+
//
|
|
39557
|
+
//
|
|
39558
|
+
//
|
|
39559
|
+
//
|
|
39560
|
+
//
|
|
39561
|
+
//
|
|
39562
|
+
//
|
|
39563
|
+
//
|
|
39564
|
+
//
|
|
39565
|
+
//
|
|
39566
|
+
//
|
|
39567
|
+
|
|
39568
|
+
|
|
39569
|
+
|
|
39570
|
+
/* harmony default export */ var ModalNextvue_type_script_lang_js_ = ({
|
|
39571
|
+
components: {
|
|
39572
|
+
UnnnicIcon: Icon,
|
|
39573
|
+
UnnnicInput: InputNext,
|
|
39574
|
+
UnnnicButton: Button
|
|
39575
|
+
},
|
|
39576
|
+
props: {
|
|
39577
|
+
type: {
|
|
39578
|
+
type: String,
|
|
39579
|
+
default: 'default'
|
|
39580
|
+
},
|
|
39581
|
+
url: String,
|
|
39582
|
+
icon: String,
|
|
39583
|
+
scheme: String,
|
|
39584
|
+
title: String,
|
|
39585
|
+
description: String,
|
|
39586
|
+
validate: String,
|
|
39587
|
+
validatePlaceholder: String,
|
|
39588
|
+
validateLabel: String,
|
|
39589
|
+
actionPrimaryLabel: String,
|
|
39590
|
+
actionPrimaryLoading: Boolean,
|
|
39591
|
+
actionPrimaryButtonType: {
|
|
39592
|
+
type: String,
|
|
39593
|
+
default: 'primary'
|
|
39594
|
+
},
|
|
39595
|
+
actionSecondaryLabel: String,
|
|
39596
|
+
showCloseButton: Boolean
|
|
39597
|
+
},
|
|
39598
|
+
data: function data() {
|
|
39599
|
+
return {
|
|
39600
|
+
confirmText: ''
|
|
39601
|
+
};
|
|
39602
|
+
},
|
|
39603
|
+
computed: {
|
|
39604
|
+
isPersistent: function isPersistent() {
|
|
39605
|
+
var _this$data;
|
|
39606
|
+
|
|
39607
|
+
return (_this$data = this.data) === null || _this$data === void 0 ? void 0 : _this$data.persistent;
|
|
39608
|
+
},
|
|
39609
|
+
buttonType: function buttonType() {
|
|
39610
|
+
if (this.disabled) {
|
|
39611
|
+
return '';
|
|
39612
|
+
}
|
|
39613
|
+
|
|
39614
|
+
if (this.scheme === 'feedback-red') {
|
|
39615
|
+
return 'danger';
|
|
39616
|
+
}
|
|
39617
|
+
|
|
39618
|
+
if (this.scheme === 'feedback-yellow') {
|
|
39619
|
+
return 'alert';
|
|
39620
|
+
}
|
|
39621
|
+
|
|
39622
|
+
return '';
|
|
39623
|
+
},
|
|
39624
|
+
disabled: function disabled() {
|
|
39625
|
+
if (this.validate) {
|
|
39626
|
+
return this.confirmText !== this.validate;
|
|
39627
|
+
} // return (
|
|
39628
|
+
// _.get(this.data, 'validate.text') &&
|
|
39629
|
+
// this.confirmText !== this.data.validate.text
|
|
39630
|
+
// );
|
|
39631
|
+
|
|
39632
|
+
|
|
39633
|
+
return false;
|
|
39634
|
+
}
|
|
39635
|
+
},
|
|
39636
|
+
methods: {
|
|
39637
|
+
closeByDarkBackground: function closeByDarkBackground() {
|
|
39638
|
+
this.$emit('close');
|
|
39639
|
+
},
|
|
39640
|
+
close: function close() {
|
|
39641
|
+
var _this$data2;
|
|
39642
|
+
|
|
39643
|
+
this.justClose();
|
|
39644
|
+
|
|
39645
|
+
if ((_this$data2 = this.data) !== null && _this$data2 !== void 0 && _this$data2.onClose) {
|
|
39646
|
+
this.data.onClose();
|
|
39647
|
+
}
|
|
39648
|
+
},
|
|
39649
|
+
justClose: function justClose() {// this.closeModal(this.id);
|
|
39650
|
+
}
|
|
39651
|
+
}
|
|
39652
|
+
});
|
|
39653
|
+
// CONCATENATED MODULE: ./src/components/ModalNext/ModalNext.vue?vue&type=script&lang=js&
|
|
39654
|
+
/* harmony default export */ var ModalNext_ModalNextvue_type_script_lang_js_ = (ModalNextvue_type_script_lang_js_);
|
|
39655
|
+
// EXTERNAL MODULE: ./src/components/ModalNext/ModalNext.vue?vue&type=style&index=0&id=b28be08e&lang=scss&scoped=true&
|
|
39656
|
+
var ModalNextvue_type_style_index_0_id_b28be08e_lang_scss_scoped_true_ = __webpack_require__("5702");
|
|
39657
|
+
|
|
39658
|
+
// CONCATENATED MODULE: ./src/components/ModalNext/ModalNext.vue
|
|
39659
|
+
|
|
39660
|
+
|
|
39661
|
+
|
|
39662
|
+
|
|
39663
|
+
|
|
39664
|
+
|
|
39665
|
+
/* normalize component */
|
|
39666
|
+
|
|
39667
|
+
var ModalNext_component = normalizeComponent(
|
|
39668
|
+
ModalNext_ModalNextvue_type_script_lang_js_,
|
|
39669
|
+
ModalNextvue_type_template_id_b28be08e_scoped_true_render,
|
|
39670
|
+
ModalNextvue_type_template_id_b28be08e_scoped_true_staticRenderFns,
|
|
39671
|
+
false,
|
|
39672
|
+
null,
|
|
39673
|
+
"b28be08e",
|
|
39674
|
+
null
|
|
39675
|
+
|
|
39676
|
+
)
|
|
39677
|
+
|
|
39678
|
+
/* harmony default export */ var ModalNext = (ModalNext_component.exports);
|
|
39412
39679
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ModalUpload/ModalUpload.vue?vue&type=template&id=32dae3e5&scoped=true&
|
|
39413
39680
|
var ModalUploadvue_type_template_id_32dae3e5_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"modal-upload"},[_c('div',{staticClass:"close-button-container"},[_c('unnnic-icon',{staticClass:"close-button",attrs:{"icon":"close-1","scheme":"neutral-dark","size":"sm"},on:{"click":function($event){return _vm.$emit('close')}}})],1),_c('div',{staticClass:"title"},[_vm._v(" "+_vm._s(_vm.textTitle)+" ")]),_c('unnnic-upload-area',{attrs:{"accept-multiple":_vm.acceptMultiple,"supported-formats":_vm.supportedFormats,"maximum-uploads":_vm.maximumUploads,"files-progress":_vm.filesProgress,"is-uploading":_vm.isUploading,"can-import":_vm.canImport,"can-delete":_vm.canDelete,"max-file-size":_vm.maxFileSize,"files":_vm.files},on:{"fileChange":function($event){return _vm.$emit('file-change', $event)}}}),_c('div',{staticClass:"footer"},[_c('unnnic-button',{attrs:{"size":"large","type":"terciary","text":_vm.textCancel},on:{"click":function($event){return _vm.$emit('cancel')}}}),_c('unnnic-button',{attrs:{"size":"large","type":"primary","text":_vm.textAction},on:{"click":function($event){return _vm.$emit('action')}}})],1)],1)}
|
|
39414
39681
|
var ModalUploadvue_type_template_id_32dae3e5_scoped_true_staticRenderFns = []
|
|
@@ -46205,6 +46472,7 @@ var ProgressBar_component = normalizeComponent(
|
|
|
46205
46472
|
|
|
46206
46473
|
|
|
46207
46474
|
|
|
46475
|
+
|
|
46208
46476
|
|
|
46209
46477
|
|
|
46210
46478
|
var components = {
|
|
@@ -46234,6 +46502,7 @@ var components = {
|
|
|
46234
46502
|
unnnicRadio: Radio,
|
|
46235
46503
|
unnnicLanguageSelect: LanguageSelect,
|
|
46236
46504
|
unnnicModal: Modal,
|
|
46505
|
+
unnnicModalNext: ModalNext,
|
|
46237
46506
|
unnnicModalUpload: ModalUpload,
|
|
46238
46507
|
unnnicSelect: Select,
|
|
46239
46508
|
unnnicSelectItem: SelectItem,
|
|
@@ -46301,6 +46570,7 @@ var unnnicCheckbox = Checkbox;
|
|
|
46301
46570
|
var unnnicRadio = Radio;
|
|
46302
46571
|
var unnniclanguageSelect = LanguageSelect;
|
|
46303
46572
|
var unnnicModal = Modal;
|
|
46573
|
+
var unnnicModalNext = ModalNext;
|
|
46304
46574
|
var unnnicModalUpload = ModalUpload;
|
|
46305
46575
|
var unnnicSelect = Select;
|
|
46306
46576
|
var unnnicSelectItem = SelectItem;
|