primereact 10.0.5 → 10.0.6
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/api/api.cjs.js +2 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +2 -1
- package/api/api.esm.min.js +1 -1
- package/api/api.js +2 -1
- package/api/api.min.js +1 -1
- package/button/button.cjs.js +5 -6
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +5 -6
- package/button/button.esm.min.js +1 -1
- package/button/button.js +5 -6
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +12 -8
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +12 -8
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +12 -8
- package/calendar/calendar.min.js +1 -1
- package/componentbase/componentbase.cjs.js +6 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +6 -6
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +6 -6
- package/componentbase/componentbase.min.js +1 -1
- package/core/core.js +209 -127
- package/core/core.min.js +6 -6
- package/divider/divider.cjs.js +13 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +13 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +13 -2
- package/divider/divider.min.js +1 -1
- package/fileupload/fileupload.cjs.js +2 -2
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +2 -2
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -2
- package/fileupload/fileupload.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -5
- package/mention/mention.cjs.js +1 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +1 -1
- package/mention/mention.min.js +1 -1
- package/multiselect/multiselect.cjs.js +2 -1
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +2 -1
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +2 -1
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +5 -4
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +5 -4
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +5 -4
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +24 -16
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +24 -16
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +24 -16
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -1
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -1
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +264 -256
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +264 -256
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +264 -256
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +4 -3
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +4 -0
- package/password/password.esm.js +4 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +4 -3
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +12 -7
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +12 -7
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +12 -7
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +191 -123
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +191 -123
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +191 -123
- package/primereact.all.min.js +1 -1
- package/ripple/ripple.cjs.js +95 -22
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +82 -9
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +182 -110
- package/ripple/ripple.min.js +1 -1
- package/speeddial/speeddial.cjs.js +6 -3
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +6 -3
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +6 -3
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +13 -5
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +13 -5
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +13 -5
- package/splitbutton/splitbutton.min.js +1 -1
- package/timeline/timeline.cjs.js +1 -1
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +1 -1
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +1 -1
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +1 -0
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +1 -0
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +1 -0
- package/toast/toast.min.js +1 -1
- package/tooltip/tooltip.cjs.js +2 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +2 -1
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +2 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +12 -3
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +12 -3
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +12 -3
- package/utils/utils.min.js +1 -1
- package/web-types.json +3 -3
package/divider/divider.cjs.js
CHANGED
|
@@ -44,6 +44,15 @@ var classes = {
|
|
|
44
44
|
content: 'p-divider-content'
|
|
45
45
|
};
|
|
46
46
|
var styles = "\n@layer primereact {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n \n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: \"\";\n }\n \n .p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n }\n \n .p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n }\n \n .p-divider-horizontal.p-divider-center {\n justify-content: center;\n }\n \n .p-divider-content {\n z-index: 1;\n }\n \n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n \n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: \"\";\n }\n \n .p-divider-vertical.p-divider-top {\n align-items: flex-start;\n }\n \n .p-divider-vertical.p-divider-center {\n align-items: center;\n }\n \n .p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n }\n \n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n \n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n \n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n \n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n }\n}\n";
|
|
47
|
+
var inlineStyles = {
|
|
48
|
+
root: function root(_ref2) {
|
|
49
|
+
var props = _ref2.props;
|
|
50
|
+
return {
|
|
51
|
+
justifyContent: props.layout === 'horizontal' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : null : null,
|
|
52
|
+
alignItems: props.layout === 'vertical' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : null : null
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
};
|
|
47
56
|
var DividerBase = componentbase.ComponentBase.extend({
|
|
48
57
|
defaultProps: {
|
|
49
58
|
__TYPE: 'Divider',
|
|
@@ -56,7 +65,8 @@ var DividerBase = componentbase.ComponentBase.extend({
|
|
|
56
65
|
},
|
|
57
66
|
css: {
|
|
58
67
|
classes: classes,
|
|
59
|
-
styles: styles
|
|
68
|
+
styles: styles,
|
|
69
|
+
inlineStyles: inlineStyles
|
|
60
70
|
}
|
|
61
71
|
});
|
|
62
72
|
|
|
@@ -68,6 +78,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
68
78
|
}),
|
|
69
79
|
ptm = _DividerBase$setMetaD.ptm,
|
|
70
80
|
cx = _DividerBase$setMetaD.cx,
|
|
81
|
+
sx = _DividerBase$setMetaD.sx,
|
|
71
82
|
isUnstyled = _DividerBase$setMetaD.isUnstyled;
|
|
72
83
|
componentbase.useHandleStyle(DividerBase.css.styles, isUnstyled, {
|
|
73
84
|
name: 'divider'
|
|
@@ -85,7 +96,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
85
96
|
});
|
|
86
97
|
var rootProps = utils.mergeProps({
|
|
87
98
|
ref: elementRef,
|
|
88
|
-
style:
|
|
99
|
+
style: sx('root'),
|
|
89
100
|
className: cx('root', {
|
|
90
101
|
horizontal: horizontal,
|
|
91
102
|
vertical: vertical
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),i=require("primereact/api");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),i=require("primereact/api");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e),l=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n.classNames("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n \n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: "";\n }\n \n .p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n }\n \n .p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n }\n \n .p-divider-horizontal.p-divider-center {\n justify-content: center;\n }\n \n .p-divider-content {\n z-index: 1;\n }\n \n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n \n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: "";\n }\n \n .p-divider-vertical.p-divider-top {\n align-items: flex-start;\n }\n \n .p-divider-vertical.p-divider-center {\n align-items: center;\n }\n \n .p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n }\n \n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n \n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n \n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n \n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=o.forwardRef((function(e,r){var d=o.useContext(i.PrimeReactContext),a=l.getProps(e,d),s=l.setMetaData({props:a}),p=s.ptm,c=s.cx,v=s.sx;t.useHandleStyle(l.css.styles,s.isUnstyled,{name:"divider"});var u=o.useRef(null),f="horizontal"===a.layout,g="vertical"===a.layout;o.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return u.current}}}));var y=n.mergeProps({ref:u,style:v("root"),className:c("root",{horizontal:f,vertical:g}),role:"separator"},l.getOtherProps(a),p("root")),m=n.mergeProps({className:c("content")},p("content"));return o.createElement("div",y,o.createElement("div",m,a.children))}));d.displayName="Divider",exports.Divider=d;
|
package/divider/divider.esm.js
CHANGED
|
@@ -20,6 +20,15 @@ var classes = {
|
|
|
20
20
|
content: 'p-divider-content'
|
|
21
21
|
};
|
|
22
22
|
var styles = "\n@layer primereact {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n \n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: \"\";\n }\n \n .p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n }\n \n .p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n }\n \n .p-divider-horizontal.p-divider-center {\n justify-content: center;\n }\n \n .p-divider-content {\n z-index: 1;\n }\n \n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n \n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: \"\";\n }\n \n .p-divider-vertical.p-divider-top {\n align-items: flex-start;\n }\n \n .p-divider-vertical.p-divider-center {\n align-items: center;\n }\n \n .p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n }\n \n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n \n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n \n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n \n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n }\n}\n";
|
|
23
|
+
var inlineStyles = {
|
|
24
|
+
root: function root(_ref2) {
|
|
25
|
+
var props = _ref2.props;
|
|
26
|
+
return {
|
|
27
|
+
justifyContent: props.layout === 'horizontal' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : null : null,
|
|
28
|
+
alignItems: props.layout === 'vertical' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : null : null
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
};
|
|
23
32
|
var DividerBase = ComponentBase.extend({
|
|
24
33
|
defaultProps: {
|
|
25
34
|
__TYPE: 'Divider',
|
|
@@ -32,7 +41,8 @@ var DividerBase = ComponentBase.extend({
|
|
|
32
41
|
},
|
|
33
42
|
css: {
|
|
34
43
|
classes: classes,
|
|
35
|
-
styles: styles
|
|
44
|
+
styles: styles,
|
|
45
|
+
inlineStyles: inlineStyles
|
|
36
46
|
}
|
|
37
47
|
});
|
|
38
48
|
|
|
@@ -44,6 +54,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
44
54
|
}),
|
|
45
55
|
ptm = _DividerBase$setMetaD.ptm,
|
|
46
56
|
cx = _DividerBase$setMetaD.cx,
|
|
57
|
+
sx = _DividerBase$setMetaD.sx,
|
|
47
58
|
isUnstyled = _DividerBase$setMetaD.isUnstyled;
|
|
48
59
|
useHandleStyle(DividerBase.css.styles, isUnstyled, {
|
|
49
60
|
name: 'divider'
|
|
@@ -61,7 +72,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
61
72
|
});
|
|
62
73
|
var rootProps = mergeProps({
|
|
63
74
|
ref: elementRef,
|
|
64
|
-
style:
|
|
75
|
+
style: sx('root'),
|
|
65
76
|
className: cx('root', {
|
|
66
77
|
horizontal: horizontal,
|
|
67
78
|
vertical: vertical
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{classNames as n,mergeProps as
|
|
1
|
+
import*as e from"react";import{classNames as n,mergeProps as t}from"primereact/utils";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{PrimeReactContext as o}from"primereact/api";var l=i.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n \n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: "";\n }\n \n .p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n }\n \n .p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n }\n \n .p-divider-horizontal.p-divider-center {\n justify-content: center;\n }\n \n .p-divider-content {\n z-index: 1;\n }\n \n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n \n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: "";\n }\n \n .p-divider-vertical.p-divider-top {\n align-items: flex-start;\n }\n \n .p-divider-vertical.p-divider-center {\n align-items: center;\n }\n \n .p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n }\n \n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n \n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n \n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n \n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(n,i){var d=e.useContext(o),a=l.getProps(n,d),p=l.setMetaData({props:a}),s=p.ptm,c=p.cx,v=p.sx;r(l.css.styles,p.isUnstyled,{name:"divider"});var f=e.useRef(null),u="horizontal"===a.layout,m="vertical"===a.layout;e.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return f.current}}}));var g=t({ref:f,style:v("root"),className:c("root",{horizontal:u,vertical:m}),role:"separator"},l.getOtherProps(a),s("root")),h=t({className:c("content")},s("content"));return e.createElement("div",g,e.createElement("div",h,a.children))}));d.displayName="Divider";export{d as Divider};
|
package/divider/divider.js
CHANGED
|
@@ -38,6 +38,15 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
|
|
|
38
38
|
content: 'p-divider-content'
|
|
39
39
|
};
|
|
40
40
|
var styles = "\n@layer primereact {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n \n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: \"\";\n }\n \n .p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n }\n \n .p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n }\n \n .p-divider-horizontal.p-divider-center {\n justify-content: center;\n }\n \n .p-divider-content {\n z-index: 1;\n }\n \n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n \n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: \"\";\n }\n \n .p-divider-vertical.p-divider-top {\n align-items: flex-start;\n }\n \n .p-divider-vertical.p-divider-center {\n align-items: center;\n }\n \n .p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n }\n \n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n \n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n \n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n \n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n }\n}\n";
|
|
41
|
+
var inlineStyles = {
|
|
42
|
+
root: function root(_ref2) {
|
|
43
|
+
var props = _ref2.props;
|
|
44
|
+
return {
|
|
45
|
+
justifyContent: props.layout === 'horizontal' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : null : null,
|
|
46
|
+
alignItems: props.layout === 'vertical' ? props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : null : null
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
};
|
|
41
50
|
var DividerBase = componentbase.ComponentBase.extend({
|
|
42
51
|
defaultProps: {
|
|
43
52
|
__TYPE: 'Divider',
|
|
@@ -50,7 +59,8 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
|
|
|
50
59
|
},
|
|
51
60
|
css: {
|
|
52
61
|
classes: classes,
|
|
53
|
-
styles: styles
|
|
62
|
+
styles: styles,
|
|
63
|
+
inlineStyles: inlineStyles
|
|
54
64
|
}
|
|
55
65
|
});
|
|
56
66
|
|
|
@@ -62,6 +72,7 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
|
|
|
62
72
|
}),
|
|
63
73
|
ptm = _DividerBase$setMetaD.ptm,
|
|
64
74
|
cx = _DividerBase$setMetaD.cx,
|
|
75
|
+
sx = _DividerBase$setMetaD.sx,
|
|
65
76
|
isUnstyled = _DividerBase$setMetaD.isUnstyled;
|
|
66
77
|
componentbase.useHandleStyle(DividerBase.css.styles, isUnstyled, {
|
|
67
78
|
name: 'divider'
|
|
@@ -79,7 +90,7 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
|
|
|
79
90
|
});
|
|
80
91
|
var rootProps = utils.mergeProps({
|
|
81
92
|
ref: elementRef,
|
|
82
|
-
style:
|
|
93
|
+
style: sx('root'),
|
|
83
94
|
className: cx('root', {
|
|
84
95
|
horizontal: horizontal,
|
|
85
96
|
vertical: vertical
|
package/divider/divider.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.divider=function(e,n,t,i,r){"use strict";function
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.divider=function(e,n,t,i,r){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=l(n),d=i.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,i=e.horizontal,r=e.vertical;return t.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":i&&(!n.align||"left"===n.align),"p-divider-right":i&&"right"===n.align,"p-divider-center":i&&"center"===n.align||r&&(!n.align||"center"===n.align),"p-divider-top":r&&"top"===n.align,"p-divider-bottom":r&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n \n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: "";\n }\n \n .p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n }\n \n .p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n }\n \n .p-divider-horizontal.p-divider-center {\n justify-content: center;\n }\n \n .p-divider-content {\n z-index: 1;\n }\n \n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n \n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: "";\n }\n \n .p-divider-vertical.p-divider-top {\n align-items: flex-start;\n }\n \n .p-divider-vertical.p-divider-center {\n align-items: center;\n }\n \n .p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n }\n \n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n \n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n \n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n \n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n \n .p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),a=o.forwardRef((function(e,n){var l=o.useContext(r.PrimeReactContext),a=d.getProps(e,l),s=d.setMetaData({props:a}),p=s.ptm,c=s.cx,v=s.sx;i.useHandleStyle(d.css.styles,s.isUnstyled,{name:"divider"});var u=o.useRef(null),f="horizontal"===a.layout,m="vertical"===a.layout;o.useImperativeHandle(n,(function(){return{props:a,getElement:function(){return u.current}}}));var g=t.mergeProps({ref:u,style:v("root"),className:c("root",{horizontal:f,vertical:m}),role:"separator"},d.getOtherProps(a),p("root")),y=t.mergeProps({className:c("content")},p("content"));return o.createElement("div",g,o.createElement("div",y,a.children))}));return a.displayName="Divider",e.Divider=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);
|
|
@@ -824,7 +824,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
824
824
|
var createFiles = function createFiles() {
|
|
825
825
|
var badgeOptions = {
|
|
826
826
|
severity: 'warning',
|
|
827
|
-
value: 'Pending'
|
|
827
|
+
value: api.localeOption('pending') || 'Pending'
|
|
828
828
|
};
|
|
829
829
|
var content = filesState.map(function (file, index) {
|
|
830
830
|
return createFile(file, index, badgeOptions);
|
|
@@ -834,7 +834,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
834
834
|
var createUploadedFiles = function createUploadedFiles() {
|
|
835
835
|
var badgeOptions = {
|
|
836
836
|
severity: 'success',
|
|
837
|
-
value: 'Completed'
|
|
837
|
+
value: api.localeOption('completed') || 'Completed'
|
|
838
838
|
};
|
|
839
839
|
var content = uploadedFilesState && uploadedFilesState.map(function (file, index) {
|
|
840
840
|
return createFile(file, index, badgeOptions);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/utils"),o=require("primereact/button"),a=require("primereact/icons/plus"),l=require("primereact/icons/times"),i=require("primereact/icons/upload"),s=require("primereact/messages"),c=require("primereact/progressbar"),u=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return h(e)||O(e)||E(e)||S()}function w(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return N(e)||j(e,t)||E(e,t)||I()}var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",y({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=d.memo(d.forwardRef((function(e,o){var a=d.useContext(t.PrimeReactContext),l=U.getProps(e,a),i=U.setMetaData(C({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;n.useHandleStyle(U.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return u.current}}}));var p=r.mergeProps({ref:u,style:l.style,className:r.classNames(l.className,c("root"))},U.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));T.displayName="Badge";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function z(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var R=d.memo(d.forwardRef((function(e,p){var m=d.useContext(t.PrimeReactContext),f=D.getProps(e,m),b=B(d.useState([]),2),y=b[0],v=b[1],h=B(d.useState([]),2),O=h[0],E=h[1],S=B(d.useState(0),2),N=S[0],j=S[1],I=B(d.useState(!1),2),U=I[0],x=I[1],C=B(d.useState(!1),2),F=C[0],z=C[1],L={props:f,state:{progress:N,uploading:F,uploadedFiles:y,files:O,focused:U}},R=D.setMetaData(L),k=R.ptm,A=R.cx,H=R.isUnstyled;n.useHandleStyle(D.css.styles,H,{name:"fileupload"});var q=d.useRef(null),X=d.useRef(null),J=d.useRef(null),V=d.useRef(0),K=r.ObjectUtils.isNotEmpty(O),W=r.ObjectUtils.isNotEmpty(y),Y=f.disabled||F,$=f.chooseLabel||f.chooseOptions.label||t.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||t.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||t.localeOption("cancel"),Z=Y||f.fileLimit&&f.fileLimit<=O.length+V,ee=Y||!K,te=Y||!K,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=P(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=P(y),r=O[t];n.splice(t,1),v(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){q.current&&(q.current.value="")},le=function(e){var n=t.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(n[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(n[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?P(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var a=n[o];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),r.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(q.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&X.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&w("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=M(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),z(!1),t.status>=200&&t.status<300?(f.fileLimit&&w("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),v((function(t){return[].concat(P(t),P(e))})),pe())},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),v([]),z(!1),f.onClear&&f.onClear(),ae()},de=function(){q.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&de()},ye=function(e){if(!f.disabled&&(!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||r.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!Y&&K?ue():q.current.click()};d.useImperativeHandle(p,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return q.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return v(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var a=e.name+e.type+e.size,i=r.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",g({},i,{alt:e.name})):null,c=r.mergeProps(k("details")),u=r.mergeProps(k("fileSize")),p=r.mergeProps({className:A("fileName")},k("fileName")),m=r.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),v=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:L}})),h=d.createElement("div",m,d.createElement(o.Button,{type:"button",icon:f.removeIcon||d.createElement(l.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:Y,pt:k("removeButton"),__parentMetadata:{parent:L}})),O=d.createElement(d.Fragment,null,s,v,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=r.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=r.mergeProps({key:a,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,n,p,m,b,y,v,h,E,S,P,w,j,I,B,x,C,T,F=(t=(e=f.chooseOptions).className,n=e.style,p=e.icon,m=e.iconOnly,b=r.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),y=m?d.createElement("span",g({},b,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",b,$),v=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),h=d.createElement("input",v),E=r.mergeProps({className:A("chooseIcon",{iconOnly:m})},k("chooseIcon")),S=r.IconUtils.getJSXIcon(p||d.createElement(a.PlusIcon,E),_({},E),{props:f}),P=r.mergeProps({className:r.classNames(t,A("chooseButton",{iconOnly:m,disabled:Y,className:t,focusedState:U})),style:n,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":Y,"data-p-focus":U},k("chooseButton")),d.createElement("span",P,h,S,y,d.createElement(u.Ripple,null))),M=!f.emptyTemplate||K||W?null:r.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var z=f.uploadOptions,R=f.cancelOptions,V=z.iconOnly?"":G,ne=R.iconOnly?"":Q,re=r.mergeProps({className:A("uploadIcon",{iconOnly:z.iconOnly})},k("uploadIcon")),oe=r.IconUtils.getJSXIcon(z.icon||d.createElement(i.UploadIcon,re),_({},re),{props:f}),ae=r.mergeProps({className:A("cancelIcon",{iconOnly:R.iconOnly})},k("cancelIcon")),le=r.IconUtils.getJSXIcon(R.icon||d.createElement(l.TimesIcon,ae),_({},ae),{props:f});w=d.createElement(o.Button,{type:"button",label:V,icon:oe,onClick:ue,disabled:ee,style:z.style,className:z.className,pt:k("uploadButton"),__parentMetadata:{parent:L}}),j=d.createElement(o.Button,{type:"button",label:ne,icon:le,onClick:pe,disabled:te,style:R.style,className:R.className,pt:k("cancelButton"),__parentMetadata:{parent:L}})}K&&(C={severity:"warning",value:"Pending"},T=O.map((function(e,t){return Ue(e,t,C)})),I=d.createElement("div",null,T),x=f.progressBarTemplate?r.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(c.ProgressBar,{value:N,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:L}})),W&&(B=xe());var se=r.mergeProps({className:r.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ce=d.createElement("div",se,F,w,j);if(f.headerTemplate){var ge={className:r.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:F,uploadButton:w,cancelButton:j,element:ce,props:f};ce=r.ObjectUtils.getJSXElement(f.headerTemplate,ge)}var ve=r.mergeProps({id:f.id,className:A("root"),style:f.style},D.getOtherProps(f),k("root")),he=r.mergeProps({ref:J,className:r.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.addClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",ve,ce,d.createElement("div",he,x,d.createElement(s.Messages,{ref:X,__parentMetadata:{parent:L}}),K?I:null,W?B:null,M))}():"basic"===f.mode?(ve=f.chooseOptions,he=r.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",g({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,$),Ee=f.auto?Oe:d.createElement("span",he,K?O[0].name:Oe),Se=r.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||K&&!f.auto?!ve.icon&&K&&!f.auto&&d.createElement(i.UploadIcon,Se):d.createElement(a.PlusIcon,Se),_({},Se),{props:f,hasFiles:K}),we=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Y},k("input")),Ne=!K&&d.createElement("input",we),je=r.mergeProps({className:r.classNames(f.className,A("root")),style:f.style},D.getOtherProps(f),k("root")),Ie=r.mergeProps({className:r.classNames(ve.className,A("basicButton",{hasFiles:K,disabled:Y,focusedState:U})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},D.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(s.Messages,{ref:X,pt:k("message"),__parentMetadata:{parent:L}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(u.Ripple,null)))):void 0})));R.displayName="FileUpload",exports.FileUpload=R;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/utils"),o=require("primereact/button"),a=require("primereact/icons/plus"),l=require("primereact/icons/times"),i=require("primereact/icons/upload"),s=require("primereact/messages"),c=require("primereact/progressbar"),u=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return h(e)||O(e)||E(e)||S()}function w(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return N(e)||j(e,t)||E(e,t)||I()}var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",y({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=d.memo(d.forwardRef((function(e,o){var a=d.useContext(t.PrimeReactContext),l=U.getProps(e,a),i=U.setMetaData(C({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;n.useHandleStyle(U.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return u.current}}}));var p=r.mergeProps({ref:u,style:l.style,className:r.classNames(l.className,c("root"))},U.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));T.displayName="Badge";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function z(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var R=d.memo(d.forwardRef((function(e,p){var m=d.useContext(t.PrimeReactContext),f=D.getProps(e,m),b=B(d.useState([]),2),y=b[0],v=b[1],h=B(d.useState([]),2),O=h[0],E=h[1],S=B(d.useState(0),2),N=S[0],j=S[1],I=B(d.useState(!1),2),U=I[0],x=I[1],C=B(d.useState(!1),2),F=C[0],z=C[1],L={props:f,state:{progress:N,uploading:F,uploadedFiles:y,files:O,focused:U}},R=D.setMetaData(L),k=R.ptm,A=R.cx,H=R.isUnstyled;n.useHandleStyle(D.css.styles,H,{name:"fileupload"});var q=d.useRef(null),X=d.useRef(null),J=d.useRef(null),V=d.useRef(0),K=r.ObjectUtils.isNotEmpty(O),W=r.ObjectUtils.isNotEmpty(y),Y=f.disabled||F,$=f.chooseLabel||f.chooseOptions.label||t.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||t.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||t.localeOption("cancel"),Z=Y||f.fileLimit&&f.fileLimit<=O.length+V,ee=Y||!K,te=Y||!K,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=P(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=P(y),r=O[t];n.splice(t,1),v(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){q.current&&(q.current.value="")},le=function(e){var n=t.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(n[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(n[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?P(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var a=n[o];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),r.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(q.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&X.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&w("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=M(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),z(!1),t.status>=200&&t.status<300?(f.fileLimit&&w("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),v((function(t){return[].concat(P(t),P(e))})),pe())},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),v([]),z(!1),f.onClear&&f.onClear(),ae()},de=function(){q.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&de()},ye=function(e){if(!f.disabled&&(!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||r.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!Y&&K?ue():q.current.click()};d.useImperativeHandle(p,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return q.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return v(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var a=e.name+e.type+e.size,i=r.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",g({},i,{alt:e.name})):null,c=r.mergeProps(k("details")),u=r.mergeProps(k("fileSize")),p=r.mergeProps({className:A("fileName")},k("fileName")),m=r.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),v=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:L}})),h=d.createElement("div",m,d.createElement(o.Button,{type:"button",icon:f.removeIcon||d.createElement(l.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:Y,pt:k("removeButton"),__parentMetadata:{parent:L}})),O=d.createElement(d.Fragment,null,s,v,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=r.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=r.mergeProps({key:a,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,n)};return"advanced"===f.mode?function(){var e,n,p,m,b,y,v,h,E,S,P,w,j,I,B,x,C,T,F,M=(n=(e=f.chooseOptions).className,p=e.style,m=e.icon,b=e.iconOnly,y=r.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),v=b?d.createElement("span",g({},y,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",y,$),h=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=r.mergeProps({className:A("chooseIcon",{iconOnly:b})},k("chooseIcon")),P=r.IconUtils.getJSXIcon(m||d.createElement(a.PlusIcon,S),_({},S),{props:f}),w=r.mergeProps({className:r.classNames(n,A("chooseButton",{iconOnly:b,disabled:Y,className:n,focusedState:U})),style:p,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":Y,"data-p-focus":U},k("chooseButton")),d.createElement("span",w,E,P,v,d.createElement(u.Ripple,null))),z=!f.emptyTemplate||K||W?null:r.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var R=f.uploadOptions,V=f.cancelOptions,ne=R.iconOnly?"":G,re=V.iconOnly?"":Q,oe=r.mergeProps({className:A("uploadIcon",{iconOnly:R.iconOnly})},k("uploadIcon")),ae=r.IconUtils.getJSXIcon(R.icon||d.createElement(i.UploadIcon,oe),_({},oe),{props:f}),le=r.mergeProps({className:A("cancelIcon",{iconOnly:V.iconOnly})},k("cancelIcon")),se=r.IconUtils.getJSXIcon(V.icon||d.createElement(l.TimesIcon,le),_({},le),{props:f});j=d.createElement(o.Button,{type:"button",label:ne,icon:ae,onClick:ue,disabled:ee,style:R.style,className:R.className,pt:k("uploadButton"),__parentMetadata:{parent:L}}),I=d.createElement(o.Button,{type:"button",label:re,icon:se,onClick:pe,disabled:te,style:V.style,className:V.className,pt:k("cancelButton"),__parentMetadata:{parent:L}})}K&&(T={severity:"warning",value:t.localeOption("pending")||"Pending"},F=O.map((function(e,t){return Ue(e,t,T)})),B=d.createElement("div",null,F),C=f.progressBarTemplate?r.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(c.ProgressBar,{value:N,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:L}})),W&&(x=xe());var ce=r.mergeProps({className:r.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,M,j,I);if(f.headerTemplate){var ve={className:r.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:M,uploadButton:j,cancelButton:I,element:ge,props:f};ge=r.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=r.mergeProps({id:f.id,className:A("root"),style:f.style},D.getOtherProps(f),k("root")),Oe=r.mergeProps({ref:J,className:r.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.addClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(s.Messages,{ref:X,__parentMetadata:{parent:L}}),K?B:null,W?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=r.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",g({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,$),Ee=f.auto?Oe:d.createElement("span",he,K?O[0].name:Oe),Se=r.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||K&&!f.auto?!ve.icon&&K&&!f.auto&&d.createElement(i.UploadIcon,Se):d.createElement(a.PlusIcon,Se),_({},Se),{props:f,hasFiles:K}),we=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Y},k("input")),Ne=!K&&d.createElement("input",we),je=r.mergeProps({className:r.classNames(f.className,A("root")),style:f.style},D.getOtherProps(f),k("root")),Ie=r.mergeProps({className:r.classNames(ve.className,A("basicButton",{hasFiles:K,disabled:Y,focusedState:U})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},D.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(s.Messages,{ref:X,pt:k("message"),__parentMetadata:{parent:L}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(u.Ripple,null)))):void 0})));R.displayName="FileUpload",exports.FileUpload=R;
|
|
@@ -800,7 +800,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
800
800
|
var createFiles = function createFiles() {
|
|
801
801
|
var badgeOptions = {
|
|
802
802
|
severity: 'warning',
|
|
803
|
-
value: 'Pending'
|
|
803
|
+
value: localeOption('pending') || 'Pending'
|
|
804
804
|
};
|
|
805
805
|
var content = filesState.map(function (file, index) {
|
|
806
806
|
return createFile(file, index, badgeOptions);
|
|
@@ -810,7 +810,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
810
810
|
var createUploadedFiles = function createUploadedFiles() {
|
|
811
811
|
var badgeOptions = {
|
|
812
812
|
severity: 'success',
|
|
813
|
-
value: 'Completed'
|
|
813
|
+
value: localeOption('completed') || 'Completed'
|
|
814
814
|
};
|
|
815
815
|
var content = uploadedFilesState && uploadedFilesState.map(function (file, index) {
|
|
816
816
|
return createFile(file, index, badgeOptions);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t,localeOption as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{classNames as a,ObjectUtils as l,mergeProps as i,IconUtils as c,DomHandler as u}from"primereact/utils";import{Button as s}from"primereact/button";import{PlusIcon as p}from"primereact/icons/plus";import{TimesIcon as f}from"primereact/icons/times";import{UploadIcon as d}from"primereact/icons/upload";import{Messages as m}from"primereact/messages";import{ProgressBar as b}from"primereact/progressbar";import{Ripple as y}from"primereact/ripple";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function O(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return S(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e){return w(e)||N(e)||j(e)||P()}function x(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return I(e)||C(e,t)||j(e,t)||F()}var D=r.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",O({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(n,r){var l=e.useContext(t),c=D.getProps(n,l),u=D.setMetaData(z({props:c},c.__parentMetadata)),s=u.ptm,p=u.cx;o(D.css.styles,u.isUnstyled,{name:"badge"});var f=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return f.current}}}));var d=i({ref:f,style:c.style,className:a(c.className,p("root"))},D.getOtherProps(c),s("root"));return e.createElement("span",d,c.value)})));M.displayName="Badge";var L=r.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return a("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var H=e.memo(e.forwardRef((function(r,v){var g=e.useContext(t),h=L.getProps(r,g),O=T(e.useState([]),2),S=O[0],w=O[1],N=T(e.useState([]),2),j=N[0],P=N[1],I=T(e.useState(0),2),C=I[0],F=I[1],D=T(e.useState(!1),2),_=D[0],z=D[1],U=T(e.useState(!1),2),R=U[0],X=U[1],H={props:h,state:{progress:C,uploading:R,uploadedFiles:S,files:j,focused:_}},J=L.setMetaData(H),V=J.ptm,K=J.cx,W=J.isUnstyled;o(L.css.styles,W,{name:"fileupload"});var Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),G=e.useRef(0),Q=l.isNotEmpty(j),Z=l.isNotEmpty(S),ee=h.disabled||R,te=h.chooseLabel||h.chooseOptions.label||n("choose"),ne=h.uploadLabel||h.uploadOptions.label||n("upload"),re=h.cancelLabel||h.cancelOptions.label||n("cancel"),oe=ee||h.fileLimit&&h.fileLimit<=j.length+G,ae=ee||!Q,le=ee||!Q,ie=function(e){return/^image\//.test(e.type)},ce=function(e,t){se();var n=B(j),r=j[t];n.splice(t,1),P(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},ue=function(e,t){se();var n=B(S),r=j[t];n.splice(t,1),w(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},se=function(){Y.current&&(Y.current.value="")},pe=function(e){var t=n("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},fe=function(e){if(!h.onBeforeSelect||!1!==h.onBeforeSelect({originalEvent:e,files:j})){var t=[];h.multiple&&(t=j?B(j):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!de(o)&&me(o)&&(ie(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}P(t),l.isNotEmpty(t)&&h.auto&&be(t),h.onSelect&&h.onSelect({originalEvent:e,files:t}),se(),"basic"===h.mode&&t.length>0&&(Y.current.style.display="none")}},de=function(e){return j.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},me=function(e){if(h.maxFileSize&&e.size>h.maxFileSize){var t={severity:"error",summary:h.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:h.invalidFileSizeMessageDetail.replace("{0}",pe(h.maxFileSize)),sticky:!0};return"advanced"===h.mode&&$.current.show(t),h.onValidationFail&&h.onValidationFail(e),!1}return!0},be=function(e){if((e=e||j)&&e.nativeEvent&&(e=j),h.customUpload)h.fileLimit&&x("uploadedFileCount"),h.uploadHandler&&h.uploadHandler({files:e,options:{clear:ye,props:h}});else{X(!0);var t=new XMLHttpRequest,n=new FormData;h.onBeforeUpload&&h.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(h.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),h.onProgress&&h.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),X(!1),t.status>=200&&t.status<300?(h.fileLimit&&x("uploadedFileCount"),h.onUpload&&h.onUpload({xhr:t,files:e})):h.onError&&h.onError({xhr:t,files:e}),w((function(t){return[].concat(B(t),B(e))})),ye())},t.open("POST",h.url,!0),h.onBeforeSend&&h.onBeforeSend({xhr:t,formData:n}),t.withCredentials=h.withCredentials,t.send(n)}},ye=function(){P([]),w([]),X(!1),h.onClear&&h.onClear(),se()},ve=function(){Y.current.click()},ge=function(){z(!0)},he=function(){z(!1)},Oe=function(e){13===e.which&&ve()},Ee=function(e){if(!h.disabled&&(!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!h.onBeforeDrop||!1!==h.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(h.multiple||l.isEmpty(j)&&t&&1===t.length)&&fe(e)}},Se=function(){!ee&&Q?be():Y.current.click()};e.useImperativeHandle(v,(function(){return{props:h,upload:be,clear:ye,formatSize:pe,onFileSelect:fe,getInput:function(){return Y.current},getContent:function(){return q.current},getFiles:function(){return j},setFiles:function(e){return P(e||[])},getUploadedFiles:function(){return S},setUploadedFiles:function(e){return w(e||[])}}}));var we,Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De=function(e,t,n){"warning"===t.severity?ce(e,n):ue(e,n)},_e=function(t,n,r){var o=t.name+t.type+t.size,a=i({role:"presentation",className:K("thumbnail"),src:t.objectURL,width:h.previewWidth},V("thumbnail")),c=ie(t)?e.createElement("img",E({},a,{alt:t.name})):null,u=i(V("details")),p=i(V("fileSize")),d=i({className:K("fileName")},V("fileName")),m=i(V("actions")),b=e.createElement("div",d,t.name),y=e.createElement("div",p,pe(t.size)),v=e.createElement("div",u,e.createElement("div",d," ",t.name),e.createElement("span",p,pe(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:V("badge"),__parentMetadata:{parent:H}})),g=e.createElement("div",m,e.createElement(s,{type:"button",icon:h.removeIcon||e.createElement(f,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return De(e,r,n)},disabled:ee,pt:V("removeButton"),__parentMetadata:{parent:H}})),O=e.createElement(e.Fragment,null,c,v,g);if(h.itemTemplate){var S={onRemove:function(e){return ce(e,n)},previewElement:c,fileNameElement:b,sizeElement:y,removeElement:g,formatSize:pe(t.size),element:O,index:n,props:h};O=l.getJSXElement(h.itemTemplate,t,S)}var w=i({key:o,className:K("file")},V("file"));return e.createElement("div",w,O)},ze=function(){var t={severity:"success",value:"Completed"},n=S&&S.map((function(e,n){return _e(e,n,t)}));return e.createElement("div",null,n)};return"advanced"===h.mode?function(){var t,n,r,o,v,g,O,S,w,N,P,B,x,I,F,T,D,z,M,U=(n=(t=h.chooseOptions).className,r=t.style,o=t.icon,v=t.iconOnly,g=i({className:K("chooseButtonLabel")},V("chooseButtonLabel")),O=v?e.createElement("span",E({},g,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",g,te),S=i({ref:Y,type:"file",onChange:function(e){return fe(e)},multiple:h.multiple,accept:h.accept,disabled:oe},V("input")),w=e.createElement("input",S),N=i({className:K("chooseIcon",{iconOnly:v})},V("chooseIcon")),P=c.getJSXIcon(o||e.createElement(p,N),k({},N),{props:h}),B=i({className:a(n,K("chooseButton",{iconOnly:v,disabled:ee,className:n,focusedState:_})),style:r,onClick:ve,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he,tabIndex:0,"data-p-disabled":ee,"data-p-focus":_},V("chooseButton")),e.createElement("span",B,w,P,O,e.createElement(y,null))),A=!h.emptyTemplate||Q||Z?null:l.getJSXElement(h.emptyTemplate,h);if(!h.auto){var R=h.uploadOptions,X=h.cancelOptions,J=R.iconOnly?"":ne,G=X.iconOnly?"":re,ie=i({className:K("uploadIcon",{iconOnly:R.iconOnly})},V("uploadIcon")),ce=c.getJSXIcon(R.icon||e.createElement(d,ie),k({},ie),{props:h}),ue=i({className:K("cancelIcon",{iconOnly:X.iconOnly})},V("cancelIcon")),se=c.getJSXIcon(X.icon||e.createElement(f,ue),k({},ue),{props:h});x=e.createElement(s,{type:"button",label:J,icon:ce,onClick:be,disabled:ae,style:R.style,className:R.className,pt:V("uploadButton"),__parentMetadata:{parent:H}}),I=e.createElement(s,{type:"button",label:G,icon:se,onClick:ye,disabled:le,style:X.style,className:X.className,pt:V("cancelButton"),__parentMetadata:{parent:H}})}Q&&(z={severity:"warning",value:"Pending"},M=j.map((function(e,t){return _e(e,t,z)})),F=e.createElement("div",null,M),D=h.progressBarTemplate?l.getJSXElement(h.progressBarTemplate,h):e.createElement(b,{value:C,showValue:!1,pt:V("progressbar"),__parentMetadata:{parent:H}})),Z&&(T=ze());var pe=i({className:a(h.headerClassName,K("buttonbar")),style:h.headerStyle},V("buttonbar")),de=e.createElement("div",pe,U,x,I);if(h.headerTemplate){var me={className:a("p-fileupload-buttonbar",h.headerClassName),chooseButton:U,uploadButton:x,cancelButton:I,element:de,props:h};de=l.getJSXElement(h.headerTemplate,me)}var Se=i({id:h.id,className:K("root"),style:h.style},L.getOtherProps(h),V("root")),we=i({ref:q,className:a(h.contentClassName,K("content")),style:h.contentStyle,onDragEnter:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.addClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return Ee(e)},"data-p-highlight":!1},V("content"));return e.createElement("div",Se,de,e.createElement("div",we,D,e.createElement(m,{ref:$,__parentMetadata:{parent:H}}),Q?F:null,Z?T:null,A))}():"basic"===h.mode?(we=h.chooseOptions,Ne=i({className:K("label")},V("label")),je=we.iconOnly?e.createElement("span",E({},Ne,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",Ne,te),Pe=h.auto?je:e.createElement("span",Ne,Q?j[0].name:je),Be=i({className:K("chooseIcon",{iconOnly:we.iconOnly})},V("chooseIcon")),xe=c.getJSXIcon(we.icon?we.icon:we.icon||Q&&!h.auto?!we.icon&&Q&&!h.auto&&e.createElement(d,Be):e.createElement(p,Be),k({},Be),{props:h,hasFiles:Q}),Ie=i({ref:Y,type:"file",onChange:function(e){return fe(e)},multiple:h.multiple,accept:h.accept,disabled:ee},V("input")),Ce=!Q&&e.createElement("input",Ie),Fe=i({className:a(h.className,K("root")),style:h.style},L.getOtherProps(h),V("root")),Te=i({className:a(we.className,K("basicButton",{hasFiles:Q,disabled:ee,focusedState:_})),style:we.style,tabIndex:0,onClick:Se,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he},L.getOtherProps(h),V("basicButton")),e.createElement("div",Fe,e.createElement(m,{ref:$,pt:V("message"),__parentMetadata:{parent:H}}),e.createElement("span",Te,xe,Pe,Ce,e.createElement(y,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t,localeOption as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{classNames as a,ObjectUtils as l,mergeProps as i,IconUtils as c,DomHandler as u}from"primereact/utils";import{Button as s}from"primereact/button";import{PlusIcon as p}from"primereact/icons/plus";import{TimesIcon as d}from"primereact/icons/times";import{UploadIcon as f}from"primereact/icons/upload";import{Messages as m}from"primereact/messages";import{ProgressBar as b}from"primereact/progressbar";import{Ripple as y}from"primereact/ripple";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function O(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return S(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e){return w(e)||N(e)||j(e)||P()}function x(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return I(e)||C(e,t)||j(e,t)||F()}var D=r.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",O({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(n,r){var l=e.useContext(t),c=D.getProps(n,l),u=D.setMetaData(z({props:c},c.__parentMetadata)),s=u.ptm,p=u.cx;o(D.css.styles,u.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return d.current}}}));var f=i({ref:d,style:c.style,className:a(c.className,p("root"))},D.getOtherProps(c),s("root"));return e.createElement("span",f,c.value)})));M.displayName="Badge";var L=r.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return a("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var H=e.memo(e.forwardRef((function(r,v){var g=e.useContext(t),h=L.getProps(r,g),O=T(e.useState([]),2),S=O[0],w=O[1],N=T(e.useState([]),2),j=N[0],P=N[1],I=T(e.useState(0),2),C=I[0],F=I[1],D=T(e.useState(!1),2),_=D[0],z=D[1],U=T(e.useState(!1),2),R=U[0],X=U[1],H={props:h,state:{progress:C,uploading:R,uploadedFiles:S,files:j,focused:_}},J=L.setMetaData(H),V=J.ptm,K=J.cx,W=J.isUnstyled;o(L.css.styles,W,{name:"fileupload"});var Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),G=e.useRef(0),Q=l.isNotEmpty(j),Z=l.isNotEmpty(S),ee=h.disabled||R,te=h.chooseLabel||h.chooseOptions.label||n("choose"),ne=h.uploadLabel||h.uploadOptions.label||n("upload"),re=h.cancelLabel||h.cancelOptions.label||n("cancel"),oe=ee||h.fileLimit&&h.fileLimit<=j.length+G,ae=ee||!Q,le=ee||!Q,ie=function(e){return/^image\//.test(e.type)},ce=function(e,t){se();var n=B(j),r=j[t];n.splice(t,1),P(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},ue=function(e,t){se();var n=B(S),r=j[t];n.splice(t,1),w(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},se=function(){Y.current&&(Y.current.value="")},pe=function(e){var t=n("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},de=function(e){if(!h.onBeforeSelect||!1!==h.onBeforeSelect({originalEvent:e,files:j})){var t=[];h.multiple&&(t=j?B(j):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!fe(o)&&me(o)&&(ie(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}P(t),l.isNotEmpty(t)&&h.auto&&be(t),h.onSelect&&h.onSelect({originalEvent:e,files:t}),se(),"basic"===h.mode&&t.length>0&&(Y.current.style.display="none")}},fe=function(e){return j.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},me=function(e){if(h.maxFileSize&&e.size>h.maxFileSize){var t={severity:"error",summary:h.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:h.invalidFileSizeMessageDetail.replace("{0}",pe(h.maxFileSize)),sticky:!0};return"advanced"===h.mode&&$.current.show(t),h.onValidationFail&&h.onValidationFail(e),!1}return!0},be=function(e){if((e=e||j)&&e.nativeEvent&&(e=j),h.customUpload)h.fileLimit&&x("uploadedFileCount"),h.uploadHandler&&h.uploadHandler({files:e,options:{clear:ye,props:h}});else{X(!0);var t=new XMLHttpRequest,n=new FormData;h.onBeforeUpload&&h.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(h.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),h.onProgress&&h.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),X(!1),t.status>=200&&t.status<300?(h.fileLimit&&x("uploadedFileCount"),h.onUpload&&h.onUpload({xhr:t,files:e})):h.onError&&h.onError({xhr:t,files:e}),w((function(t){return[].concat(B(t),B(e))})),ye())},t.open("POST",h.url,!0),h.onBeforeSend&&h.onBeforeSend({xhr:t,formData:n}),t.withCredentials=h.withCredentials,t.send(n)}},ye=function(){P([]),w([]),X(!1),h.onClear&&h.onClear(),se()},ve=function(){Y.current.click()},ge=function(){z(!0)},he=function(){z(!1)},Oe=function(e){13===e.which&&ve()},Ee=function(e){if(!h.disabled&&(!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!h.onBeforeDrop||!1!==h.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(h.multiple||l.isEmpty(j)&&t&&1===t.length)&&de(e)}},Se=function(){!ee&&Q?be():Y.current.click()};e.useImperativeHandle(v,(function(){return{props:h,upload:be,clear:ye,formatSize:pe,onFileSelect:de,getInput:function(){return Y.current},getContent:function(){return q.current},getFiles:function(){return j},setFiles:function(e){return P(e||[])},getUploadedFiles:function(){return S},setUploadedFiles:function(e){return w(e||[])}}}));var we,Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De=function(e,t,n){"warning"===t.severity?ce(e,n):ue(e,n)},_e=function(t,n,r){var o=t.name+t.type+t.size,a=i({role:"presentation",className:K("thumbnail"),src:t.objectURL,width:h.previewWidth},V("thumbnail")),c=ie(t)?e.createElement("img",E({},a,{alt:t.name})):null,u=i(V("details")),p=i(V("fileSize")),f=i({className:K("fileName")},V("fileName")),m=i(V("actions")),b=e.createElement("div",f,t.name),y=e.createElement("div",p,pe(t.size)),v=e.createElement("div",u,e.createElement("div",f," ",t.name),e.createElement("span",p,pe(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:V("badge"),__parentMetadata:{parent:H}})),g=e.createElement("div",m,e.createElement(s,{type:"button",icon:h.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return De(e,r,n)},disabled:ee,pt:V("removeButton"),__parentMetadata:{parent:H}})),O=e.createElement(e.Fragment,null,c,v,g);if(h.itemTemplate){var S={onRemove:function(e){return ce(e,n)},previewElement:c,fileNameElement:b,sizeElement:y,removeElement:g,formatSize:pe(t.size),element:O,index:n,props:h};O=l.getJSXElement(h.itemTemplate,t,S)}var w=i({key:o,className:K("file")},V("file"));return e.createElement("div",w,O)},ze=function(){var t={severity:"success",value:n("completed")||"Completed"},r=S&&S.map((function(e,n){return _e(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===h.mode?function(){var t,r,o,v,g,O,S,w,N,P,B,x,I,F,T,D,z,M,U,A=(r=(t=h.chooseOptions).className,o=t.style,v=t.icon,g=t.iconOnly,O=i({className:K("chooseButtonLabel")},V("chooseButtonLabel")),S=g?e.createElement("span",E({},O,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",O,te),w=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:oe},V("input")),N=e.createElement("input",w),P=i({className:K("chooseIcon",{iconOnly:g})},V("chooseIcon")),B=c.getJSXIcon(v||e.createElement(p,P),k({},P),{props:h}),x=i({className:a(r,K("chooseButton",{iconOnly:g,disabled:ee,className:r,focusedState:_})),style:o,onClick:ve,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he,tabIndex:0,"data-p-disabled":ee,"data-p-focus":_},V("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(y,null))),R=!h.emptyTemplate||Q||Z?null:l.getJSXElement(h.emptyTemplate,h);if(!h.auto){var X=h.uploadOptions,J=h.cancelOptions,G=X.iconOnly?"":ne,ie=J.iconOnly?"":re,ce=i({className:K("uploadIcon",{iconOnly:X.iconOnly})},V("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:h}),se=i({className:K("cancelIcon",{iconOnly:J.iconOnly})},V("cancelIcon")),pe=c.getJSXIcon(J.icon||e.createElement(d,se),k({},se),{props:h});I=e.createElement(s,{type:"button",label:G,icon:ue,onClick:be,disabled:ae,style:X.style,className:X.className,pt:V("uploadButton"),__parentMetadata:{parent:H}}),F=e.createElement(s,{type:"button",label:ie,icon:pe,onClick:ye,disabled:le,style:J.style,className:J.className,pt:V("cancelButton"),__parentMetadata:{parent:H}})}Q&&(M={severity:"warning",value:n("pending")||"Pending"},U=j.map((function(e,t){return _e(e,t,M)})),T=e.createElement("div",null,U),z=h.progressBarTemplate?l.getJSXElement(h.progressBarTemplate,h):e.createElement(b,{value:C,showValue:!1,pt:V("progressbar"),__parentMetadata:{parent:H}})),Z&&(D=ze());var fe=i({className:a(h.headerClassName,K("buttonbar")),style:h.headerStyle},V("buttonbar")),me=e.createElement("div",fe,A,I,F);if(h.headerTemplate){var Se={className:a("p-fileupload-buttonbar",h.headerClassName),chooseButton:A,uploadButton:I,cancelButton:F,element:me,props:h};me=l.getJSXElement(h.headerTemplate,Se)}var we=i({id:h.id,className:K("root"),style:h.style},L.getOtherProps(h),V("root")),Ne=i({ref:q,className:a(h.contentClassName,K("content")),style:h.contentStyle,onDragEnter:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.addClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return Ee(e)},"data-p-highlight":!1},V("content"));return e.createElement("div",we,me,e.createElement("div",Ne,z,e.createElement(m,{ref:$,__parentMetadata:{parent:H}}),Q?T:null,Z?D:null,R))}():"basic"===h.mode?(we=h.chooseOptions,Ne=i({className:K("label")},V("label")),je=we.iconOnly?e.createElement("span",E({},Ne,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",Ne,te),Pe=h.auto?je:e.createElement("span",Ne,Q?j[0].name:je),Be=i({className:K("chooseIcon",{iconOnly:we.iconOnly})},V("chooseIcon")),xe=c.getJSXIcon(we.icon?we.icon:we.icon||Q&&!h.auto?!we.icon&&Q&&!h.auto&&e.createElement(f,Be):e.createElement(p,Be),k({},Be),{props:h,hasFiles:Q}),Ie=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:ee},V("input")),Ce=!Q&&e.createElement("input",Ie),Fe=i({className:a(h.className,K("root")),style:h.style},L.getOtherProps(h),V("root")),Te=i({className:a(we.className,K("basicButton",{hasFiles:Q,disabled:ee,focusedState:_})),style:we.style,tabIndex:0,onClick:Se,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he},L.getOtherProps(h),V("basicButton")),e.createElement("div",Fe,e.createElement(m,{ref:$,pt:V("message"),__parentMetadata:{parent:H}}),e.createElement("span",Te,xe,Pe,Ce,e.createElement(y,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};
|
package/fileupload/fileupload.js
CHANGED
|
@@ -811,7 +811,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
811
811
|
var createFiles = function createFiles() {
|
|
812
812
|
var badgeOptions = {
|
|
813
813
|
severity: 'warning',
|
|
814
|
-
value: 'Pending'
|
|
814
|
+
value: api.localeOption('pending') || 'Pending'
|
|
815
815
|
};
|
|
816
816
|
var content = filesState.map(function (file, index) {
|
|
817
817
|
return createFile(file, index, badgeOptions);
|
|
@@ -821,7 +821,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
821
821
|
var createUploadedFiles = function createUploadedFiles() {
|
|
822
822
|
var badgeOptions = {
|
|
823
823
|
severity: 'success',
|
|
824
|
-
value: 'Completed'
|
|
824
|
+
value: api.localeOption('completed') || 'Completed'
|
|
825
825
|
};
|
|
826
826
|
var content = uploadedFilesState && uploadedFilesState.map(function (file, index) {
|
|
827
827
|
return createFile(file, index, badgeOptions);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,a,o,l,i,s,c,u,p){"use strict";function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=m(t);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}function B(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function U(e,t){return j(e)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=d.memo(d.forwardRef((function(e,t){var o=d.useContext(n.PrimeReactContext),l=x.getProps(e,o),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=a.mergeProps({ref:u,style:l.style,className:a.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function R(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k=d.memo(d.forwardRef((function(e,t){var m=d.useContext(n.PrimeReactContext),f=F.getProps(e,m),b=U(d.useState([]),2),y=b[0],g=b[1],h=U(d.useState([]),2),O=h[0],E=h[1],S=U(d.useState(0),2),P=S[0],j=S[1],I=U(d.useState(!1),2),B=I[0],x=I[1],C=U(d.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=d.useRef(null),J=d.useRef(null),V=d.useRef(null),K=d.useRef(0),W=a.ObjectUtils.isNotEmpty(O),Y=a.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){oe();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(e,t){oe();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!se(o)&&ce(o)&&(ne(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),a.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),oe(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,a=z(e);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.append(f.name,o,o.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),g((function(t){return[].concat(w(t),w(e))})),pe())},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),oe()},me=function(){X.current.click()},de=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&me()},ye=function(e){if(!f.disabled&&(!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||a.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};d.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):ae(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=a.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",v({},l,{alt:e.name})):null,c=a.mergeProps(k("details")),u=a.mergeProps(k("fileSize")),p=a.mergeProps({className:A("fileName")},k("fileName")),m=a.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),g=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=d.createElement("div",m,d.createElement(o.Button,{type:"button",icon:f.removeIcon||d.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=d.createElement(d.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=a.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=a.mergeProps({key:r,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,n,r,m,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D=(t=(e=f.chooseOptions).className,n=e.style,r=e.icon,m=e.iconOnly,b=a.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),y=m?d.createElement("span",v({},b,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",b,q),g=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),h=d.createElement("input",g),E=a.mergeProps({className:A("chooseIcon",{iconOnly:m})},k("chooseIcon")),S=a.IconUtils.getJSXIcon(r||d.createElement(l.PlusIcon,E),M({},E),{props:f}),w=a.mergeProps({className:a.classNames(t,A("chooseButton",{iconOnly:m,disabled:$,className:t,focusedState:B})),style:n,onClick:me,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),d.createElement("span",w,h,S,y,d.createElement(p.Ripple,null))),_=!f.emptyTemplate||W||Y?null:a.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var z=f.uploadOptions,L=f.cancelOptions,K=z.iconOnly?"":G,ne=L.iconOnly?"":Q,re=a.mergeProps({className:A("uploadIcon",{iconOnly:z.iconOnly})},k("uploadIcon")),ae=a.IconUtils.getJSXIcon(z.icon||d.createElement(s.UploadIcon,re),M({},re),{props:f}),oe=a.mergeProps({className:A("cancelIcon",{iconOnly:L.iconOnly})},k("cancelIcon")),le=a.IconUtils.getJSXIcon(L.icon||d.createElement(i.TimesIcon,oe),M({},oe),{props:f});N=d.createElement(o.Button,{type:"button",label:K,icon:ae,onClick:ue,disabled:ee,style:z.style,className:z.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),j=d.createElement(o.Button,{type:"button",label:ne,icon:le,onClick:pe,disabled:te,style:L.style,className:L.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(C={severity:"warning",value:"Pending"},T=O.map((function(e,t){return Ue(e,t,C)})),I=d.createElement("div",null,T),x=f.progressBarTemplate?a.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(U=xe());var se=a.mergeProps({className:a.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ce=d.createElement("div",se,D,N,j);if(f.headerTemplate){var ge={className:a.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:D,uploadButton:N,cancelButton:j,element:ce,props:f};ce=a.ObjectUtils.getJSXElement(f.headerTemplate,ge)}var ve=a.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),he=a.mergeProps({ref:V,className:a.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",ve,ce,d.createElement("div",he,x,d.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?I:null,Y?U:null,_))}():"basic"===f.mode?(ve=f.chooseOptions,he=a.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,q),Ee=f.auto?Oe:d.createElement("span",he,W?O[0].name:Oe),Se=a.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=a.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&d.createElement(s.UploadIcon,Se):d.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&d.createElement("input",we),je=a.mergeProps({className:a.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=a.mergeProps({className:a.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe},F.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,o,a,l,i,s,c,u,p){"use strict";function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=m(t);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function B(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function U(e,t){return j(e)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-badge p-component",g({"p-badge-no-gutter":o.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":o.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=d.memo(d.forwardRef((function(e,t){var a=d.useContext(n.PrimeReactContext),l=x.getProps(e,a),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=o.mergeProps({ref:u,style:l.style,className:o.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return o.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return o.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return o.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return o.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k=d.memo(d.forwardRef((function(e,t){var m=d.useContext(n.PrimeReactContext),f=F.getProps(e,m),b=U(d.useState([]),2),y=b[0],g=b[1],h=U(d.useState([]),2),O=h[0],E=h[1],S=U(d.useState(0),2),P=S[0],j=S[1],I=U(d.useState(!1),2),B=I[0],x=I[1],C=U(d.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=d.useRef(null),J=d.useRef(null),V=d.useRef(null),K=d.useRef(0),W=o.ObjectUtils.isNotEmpty(O),Y=o.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var a=n[r];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),o.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=z(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),g((function(t){return[].concat(w(t),w(e))})),pe())},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),ae()},me=function(){X.current.click()},de=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&me()},ye=function(e){if(!f.disabled&&(!H()&&o.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||o.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};d.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=o.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",v({},l,{alt:e.name})):null,c=o.mergeProps(k("details")),u=o.mergeProps(k("fileSize")),p=o.mergeProps({className:A("fileName")},k("fileName")),m=o.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),g=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=d.createElement("div",m,d.createElement(a.Button,{type:"button",icon:f.removeIcon||d.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=d.createElement(d.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=o.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=o.mergeProps({key:r,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,r,m,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D,_=(t=(e=f.chooseOptions).className,r=e.style,m=e.icon,b=e.iconOnly,y=o.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),g=b?d.createElement("span",v({},y,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",y,q),h=o.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=o.mergeProps({className:A("chooseIcon",{iconOnly:b})},k("chooseIcon")),w=o.IconUtils.getJSXIcon(m||d.createElement(l.PlusIcon,S),M({},S),{props:f}),N=o.mergeProps({className:o.classNames(t,A("chooseButton",{iconOnly:b,disabled:$,className:t,focusedState:B})),style:r,onClick:me,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),d.createElement("span",N,E,w,g,d.createElement(p.Ripple,null))),z=!f.emptyTemplate||W||Y?null:o.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var L=f.uploadOptions,K=f.cancelOptions,ne=L.iconOnly?"":G,re=K.iconOnly?"":Q,oe=o.mergeProps({className:A("uploadIcon",{iconOnly:L.iconOnly})},k("uploadIcon")),ae=o.IconUtils.getJSXIcon(L.icon||d.createElement(s.UploadIcon,oe),M({},oe),{props:f}),le=o.mergeProps({className:A("cancelIcon",{iconOnly:K.iconOnly})},k("cancelIcon")),se=o.IconUtils.getJSXIcon(K.icon||d.createElement(i.TimesIcon,le),M({},le),{props:f});j=d.createElement(a.Button,{type:"button",label:ne,icon:ae,onClick:ue,disabled:ee,style:L.style,className:L.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),I=d.createElement(a.Button,{type:"button",label:re,icon:se,onClick:pe,disabled:te,style:K.style,className:K.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=O.map((function(e,t){return Ue(e,t,T)})),U=d.createElement("div",null,D),C=f.progressBarTemplate?o.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(x=xe());var ce=o.mergeProps({className:o.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,_,j,I);if(f.headerTemplate){var ve={className:o.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:_,uploadButton:j,cancelButton:I,element:ge,props:f};ge=o.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=o.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),Oe=o.mergeProps({ref:V,className:o.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&o.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&o.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?U:null,Y?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=o.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,q),Ee=f.auto?Oe:d.createElement("span",he,W?O[0].name:Oe),Se=o.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=o.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&d.createElement(s.UploadIcon,Se):d.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=o.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&d.createElement("input",we),je=o.mergeProps({className:o.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=o.mergeProps({className:o.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe},F.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
|