primereact 10.0.9 → 10.1.1
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 +29 -6
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +29 -6
- package/api/api.esm.min.js +1 -1
- package/api/api.js +29 -6
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +2 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +2 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +2 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/button/button.cjs.js +3 -3
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +5 -0
- package/button/button.esm.js +3 -3
- package/button/button.esm.min.js +1 -1
- package/button/button.js +3 -3
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +1 -2
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +1 -2
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +1 -2
- package/calendar/calendar.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +4 -3
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +4 -3
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +5 -4
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -1
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +3 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +2 -2
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +2 -2
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +2 -2
- package/componentbase/componentbase.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -5
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -5
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -5
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +78 -45
- package/core/core.min.js +10 -10
- package/datatable/datatable.cjs.js +66 -62
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +6 -0
- package/datatable/datatable.esm.js +66 -62
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +66 -62
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -2
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -2
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -2
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +3 -5
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +3 -5
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +3 -5
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +3 -1
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +3 -1
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +3 -1
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +1 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +1 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +1 -1
- package/fileupload/fileupload.min.js +1 -1
- package/hooks/hooks.cjs.js +7 -16
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +7 -16
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +7 -16
- package/hooks/hooks.min.js +1 -1
- package/inputmask/inputmask.cjs.js +8 -3
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +8 -3
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +8 -3
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +18 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +18 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +18 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -1
- package/megamenu/megamenu.cjs.js +1 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +1 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +1 -1
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +4 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -2
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +4 -1
- package/mention/mention.min.js +1 -1
- package/multiselect/multiselect.cjs.js +11 -0
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +20 -0
- package/multiselect/multiselect.esm.js +11 -0
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +11 -0
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +1 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +1 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +1 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +5 -2
- package/panelmenu/panelmenu.cjs.js +5 -3
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +5 -3
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +5 -3
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +6 -6
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +6 -6
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +6 -6
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +8 -2
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +9 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +8 -2
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +241 -170
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +241 -170
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +241 -170
- package/primereact.all.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +96 -91
- package/resources/themes/arya-green/theme.css +96 -91
- package/resources/themes/arya-orange/theme.css +96 -91
- package/resources/themes/arya-purple/theme.css +96 -91
- package/resources/themes/bootstrap4-dark-blue/theme.css +96 -91
- package/resources/themes/bootstrap4-dark-purple/theme.css +96 -91
- package/resources/themes/bootstrap4-light-blue/theme.css +95 -90
- package/resources/themes/bootstrap4-light-purple/theme.css +95 -90
- package/resources/themes/fluent-light/theme.css +96 -91
- package/resources/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/theme.css +6049 -0
- package/resources/themes/lara-dark-blue/theme.css +999 -955
- package/resources/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/theme.css +6049 -0
- package/resources/themes/lara-dark-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/theme.css +6049 -0
- package/resources/themes/lara-dark-indigo/theme.css +999 -955
- package/resources/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/theme.css +6049 -0
- package/resources/themes/lara-dark-purple/theme.css +999 -955
- package/resources/themes/lara-dark-teal/theme.css +999 -955
- package/resources/themes/lara-light-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/theme.css +6041 -0
- package/resources/themes/lara-light-blue/theme.css +836 -800
- package/resources/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/theme.css +6041 -0
- package/resources/themes/lara-light-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-green/theme.css +6041 -0
- package/resources/themes/lara-light-indigo/theme.css +836 -800
- package/resources/themes/lara-light-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/theme.css +6041 -0
- package/resources/themes/lara-light-purple/theme.css +836 -800
- package/resources/themes/lara-light-teal/theme.css +1109 -1073
- package/resources/themes/luna-amber/theme.css +96 -91
- package/resources/themes/luna-blue/theme.css +96 -91
- package/resources/themes/luna-green/theme.css +96 -91
- package/resources/themes/luna-pink/theme.css +96 -91
- package/resources/themes/md-dark-deeppurple/theme.css +140 -135
- package/resources/themes/md-dark-indigo/theme.css +140 -135
- package/resources/themes/md-light-deeppurple/theme.css +140 -135
- package/resources/themes/md-light-indigo/theme.css +140 -135
- package/resources/themes/mdc-dark-deeppurple/theme.css +140 -135
- package/resources/themes/mdc-dark-indigo/theme.css +140 -135
- package/resources/themes/mdc-light-deeppurple/theme.css +140 -135
- package/resources/themes/mdc-light-indigo/theme.css +140 -135
- package/resources/themes/mira/theme.css +101 -91
- package/resources/themes/nano/theme.css +100 -91
- package/resources/themes/nova/theme.css +96 -91
- package/resources/themes/nova-accent/theme.css +96 -91
- package/resources/themes/nova-alt/theme.css +96 -91
- package/resources/themes/rhea/theme.css +96 -91
- package/resources/themes/saga-blue/theme.css +96 -91
- package/resources/themes/saga-green/theme.css +96 -91
- package/resources/themes/saga-orange/theme.css +96 -91
- package/resources/themes/saga-purple/theme.css +96 -91
- package/resources/themes/soho-dark/theme.css +101 -91
- package/resources/themes/soho-light/theme.css +101 -91
- package/resources/themes/vela-blue/theme.css +96 -91
- package/resources/themes/vela-green/theme.css +96 -91
- package/resources/themes/vela-orange/theme.css +96 -91
- package/resources/themes/vela-purple/theme.css +96 -91
- package/resources/themes/viva-dark/theme.css +96 -91
- package/resources/themes/viva-light/theme.css +96 -91
- package/ripple/ripple.cjs.js +1 -1
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +1 -1
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +1 -1
- package/ripple/ripple.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +1 -1
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +1 -1
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +1 -1
- package/scrolltop/scrolltop.min.js +1 -1
- package/sidebar/sidebar.cjs.js +2 -2
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +2 -2
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +2 -2
- package/sidebar/sidebar.min.js +1 -1
- package/slider/slider.cjs.js +2 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +2 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +2 -2
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +2 -4
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +2 -4
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +2 -4
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +4 -4
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +4 -4
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +4 -4
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +3 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +3 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +3 -1
- package/splitter/splitter.min.js +1 -1
- package/tabview/tabview.cjs.js +13 -9
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +1 -1
- package/tabview/tabview.esm.js +13 -9
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +13 -9
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +1 -2
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +1 -2
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +1 -2
- package/tag/tag.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +1 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +1 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +1 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +1 -2
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +1 -2
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +1 -2
- package/timeline/timeline.min.js +1 -1
- package/tooltip/tooltip.cjs.js +9 -5
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +9 -5
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +9 -5
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +3 -3
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +3 -3
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +3 -3
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +1 -0
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +1 -0
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +1 -0
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +15 -11
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +15 -11
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +15 -11
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.d.ts +1 -1
- package/web-types.json +39 -1
package/dropdown/dropdown.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,p,c,s,d,f,m){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(t),y=v(n);function h(){return h=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},h.apply(this,arguments)}function w(e){return w="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},w(e)}function O(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function I(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function P(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 j(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}function C(){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 D(e,t){return S(e)||x(e,t)||j(e,t)||C()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":p.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return p.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return p.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),F=g.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,u=p.mergeProps({role:"option",key:e.label,className:p.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return g.createElement("li",u,a,g.createElement(m.Ripple,null))}));function L(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?L(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}F.displayName="DropdownItem";var R=g.memo(g.forwardRef((function(e,t){var r=e.ptm,o=e.cx,l=e.sx,a=g.useContext(n.PrimeReactContext);g.useRef(null);var u,m,v,b,y,w=g.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,E={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},I=function(t,n){return r(t,T({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=p.mergeProps({className:o("footer")},I("footer"));return g.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return g.createElement(F,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(t,r){var l=p.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=p.mergeProps({className:o("emptyMessage")},I("emptyMessage"));return g.createElement("li",i,l)},N=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=T(T({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,u=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=p.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},I("itemGroup"));return g.createElement(g.Fragment,{key:s},g.createElement("li",d,u),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return g.createElement(F,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},L=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),r=p.mergeProps({className:o("clearIcon"),"aria-label":t,onClick:function(){return e.onFilterClearIconClick((function(){return p.DomHandler.focus(w.current)}))}},I("clearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||g.createElement(i.TimesIcon,r),T({},r),{props:e})}return null},R=function(){if(e.filter){var t=L(),n=p.mergeProps({className:o("filterIcon")},I("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||g.createElement(s.SearchIcon,n),T({},n),{props:e}),l=p.mergeProps({className:o("filterContainer",{clearIcon:t})},I("filterContainer")),i=p.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},I("filterInput")),a=g.createElement("div",l,g.createElement("input",i),t,r);if(e.filterTemplate){var u={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:E,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=p.ObjectUtils.getJSXElement(e.filterTemplate,u)}var c=p.mergeProps({className:o("header")},I("header"));return g.createElement("div",c,a)}return null},U=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&N(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=p.mergeProps({ref:t.contentRef,style:t.style,className:p.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},I("list"));return g.createElement("ul",r,n)}});return g.createElement(f.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(N):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),i=p.mergeProps({className:o("wrapper"),style:l("wrapper")},I("wrapper")),a=p.mergeProps({className:o("list"),role:"listbox"},I("list"));return g.createElement("div",i,g.createElement("ul",a,n))},k=(u=R(),m=U(),v=j(),b=p.mergeProps({className:p.classNames(e.panelClassName,o("panel",{context:a})),style:l("panel"),onClick:e.onClick},I("panel")),y=p.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},I("transition")),g.createElement(c.CSSTransition,h({nodeRef:t},y),g.createElement("div",h({ref:t},b),u,m,v)));return g.createElement(d.Portal,{element:k,appendTo:e.appendTo})})));function U(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=k(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function k(e,t){if(e){if("string"==typeof e)return M(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)?M(e,t):void 0}}function M(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 G(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="DropdownPanel";var A=g.memo(g.forwardRef((function(e,t){var c=g.useContext(n.PrimeReactContext),s=N.getProps(e,c),d=D(g.useState(""),2),f=d[0],m=d[1],v=D(g.useState(!1),2),b=v[0],O=v[1],E=D(g.useState(!1),2),S=E[0],x=E[1],P=g.useRef(null),j=g.useRef(null),C=g.useRef(s.inputRef),F=g.useRef(s.focusInputRef),L=g.useRef(null),T=g.useRef(null),k=g.useRef(null),M=g.useRef(null),G=s.virtualScrollerOptions&&s.virtualScrollerOptions.lazy,A=p.ObjectUtils.isNotEmpty(f),K=s.appendTo||c&&c.appendTo||y.default.appendTo,V=N.setMetaData(H(H({props:s},s.__parentMetadata),{},{state:{filter:f,focused:b,overlayVisible:S}})),_=V.ptm,B=V.cx,J=V.sx;r.useHandleStyle(N.css.styles,V.isUnstyled,{name:"dropdown"});var X=D(o.useOverlayListener({target:P,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&he():he())},when:S}),2),z=X[0],q=X[1],Z=function(e){return p.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||p.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},$=function(e){s.showOnFocus&&!S&&ye(),O(!0),s.onFocus&&s.onFocus(e)},W=function(e){O(!1),s.onBlur&&setTimeout((function(){var t=C.current?C.current.value:void 0;s.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}),200)},Y=function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 32:case 13:S?he():ye(),e.preventDefault();break;case 27:case 9:he();break;default:le(e)}},Q=function(e){if(Ne){var t=re(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},ee=function(e){if(Ne)if(!S&&e.altKey)ye();else{var t=te(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},te=function e(t){if(s.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=ne(xe(Ne[n]),r);return o||(n+1!==Ne.length?e({group:n+1,option:-1}):null)}return ne(Ne,t)},ne=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Se(o)?e(r):o},re=function e(t){if(-1===t)return null;if(s.optionGroupLabel){var n=t.group,r=t.option,o=oe(xe(Ne[n]),r);return o||(n>0?e({group:n-1,option:xe(Ne[n-1]).length}):null)}return oe(Ne,t)},oe=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Se(r)?re(n):r},le=function(e){T.current&&clearTimeout(T.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(k.current=M.current===t?t:k.current?k.current+t:t,M.current=t,k.current){var n=ve(),r=s.optionGroupLabel?ue(n):ie(n+1);r&&me({originalEvent:e,option:r})}T.current=setTimeout((function(){k.current=null}),250)}},ie=function(e){return k.current?ae(e,Ne.length)||ae(0,e):null},ae=function(e,t){for(var n=e;n<t;n++){var r=Ne[n];if(pe(r))return r}return null},ue=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ne.length;n++)for(var r=xe(Ne[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(pe(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=xe(Ne[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(pe(i[a]))return i[a];return null},pe=function(e){var t=Ee(e);return!!t&&(t=t.toLocaleLowerCase(s.filterLocale)).startsWith(k.current.toLocaleLowerCase(s.filterLocale))},ce=function(e){s.onChange&&s.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:e.target.value}})},se=function(e){O(!0),he(),s.onFocus&&s.onFocus(e)},de=function(e){m(""),s.onFilter&&s.onFilter({filter:""}),e&&e()},fe=function(e){s.onChange&&s.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:void 0}}),Oe()},me=function(e){if(Fe!==e.option){Oe(e.option);var t=Ie(e.option);s.onChange&&s.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}},ve=function(e){if(e=e||Ne,null!=s.value&&e){if(!s.optionGroupLabel)return ge(s.value,e);for(var t=0;t<e.length;t++){var n=ge(s.value,xe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},be=function(){return s.optionValue?null:s.dataKey},ge=function(e,t){var n=be();return t.findIndex((function(t){return p.ObjectUtils.equals(e,Ie(t),n)}))},ye=function(){x(!0)},he=function(){x(!1)},we=function(){p.DomHandler.alignOverlay(j.current,C.current.parentElement,s.appendTo||c&&c.appendTo||y.default.appendTo)},Oe=function(e){C.current&&(C.current.value=e?Ee(e):s.value||"")},Ee=function(e){return s.optionLabel?p.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ie=function(e){return s.optionValue?p.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.optionDisabled?p.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},xe=function(e){return p.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Pe=function(){if(s.editable&&C.current){var e=Fe?Ee(Fe):null;C.current.value=e||s.value||""}};g.useImperativeHandle(t,(function(){return{props:s,show:ye,hide:he,clear:fe,focus:function(){return p.DomHandler.focus(F.current)},getElement:function(){return P.current},getOverlay:function(){return j.current},getInput:function(){return C.current},getFocusInput:function(){return F.current},getVirtualScroller:function(){return L.current}}})),g.useEffect((function(){p.ObjectUtils.combinedRefs(C,s.inputRef),p.ObjectUtils.combinedRefs(F,s.focusInputRef)}),[C,s.inputRef,F,s.focusInputRef]),o.useMountEffect((function(){s.autoFocus&&p.DomHandler.focus(F.current,s.autoFocus)})),o.useUpdateEffect((function(){var e;S&&s.value&&(e=p.DomHandler.findSingle(j.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[S,s.value]),o.useUpdateEffect((function(){S&&f&&s.filter&&we()}),[S,f,s.filter]),o.useUpdateEffect((function(){!f||s.options&&0!==s.options.length||m(""),Pe(),C.current&&(C.current.selectedIndex=1)})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(j.current)}));var je,Ce,De,Ne=function(){if(A&&!G){var e=f.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=U(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(xe(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(H(H({},i),I({},"".concat(s.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Fe=-1!==(je=ve(s.options))?s.optionGroupLabel?xe(s.options[je.group])[je.option]:s.options[je]:null,Le=p.ObjectUtils.isNotEmpty(s.tooltip),Te=N.getOtherProps(s),Re=p.ObjectUtils.reduceKeys(Te,p.DomHandler.ARIA_PROPS),Ue=function(){var e={value:"",label:s.placeholder};if(Fe){var t=Ie(Fe);e={value:"object"===w(t)?s.options.findIndex((function(e){return e===t})):t,label:Ee(Fe)}}var n=p.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},_("hiddenSelectedMessage")),r=p.mergeProps({ref:C,required:s.required,defaultValue:e.value,name:s.name,tabIndex:-1,"aria-hidden":"true"},_("select")),o=p.mergeProps({value:e.value},_("option"));return g.createElement("div",n,g.createElement("select",r,g.createElement("option",o,e.label)))}(),ke=(Ce=p.mergeProps({className:"p-hidden-accessible"},_("hiddenSelectedMessage")),De=p.mergeProps(H({ref:F,id:s.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:$,onBlur:W,onKeyDown:Y,disabled:s.disabled,tabIndex:s.tabIndex},Re),_("input")),g.createElement("div",Ce,g.createElement("input",De))),Me=function(){var e=p.ObjectUtils.isNotEmpty(Fe)?Ee(Fe):null;if(s.editable){var t=p.mergeProps(H({ref:C,type:"text",defaultValue:e||s.value||"",className:B("input",{label:e}),disabled:s.disabled,placeholder:s.placeholder,maxLength:s.maxLength,onInput:ce,onFocus:se,onBlur:W,"aria-haspopup":"listbox"},Re),_("input"));return g.createElement("input",t)}var n=s.valueTemplate?p.ObjectUtils.getJSXElement(s.valueTemplate,Fe,s):e||s.placeholder||"empty",r=p.mergeProps({ref:C,className:B("input",{label:e})},_("input"));return g.createElement("span",r,n)}(),Ge=function(){var e=p.mergeProps({className:B("dropdownIcon")},_("dropdownIcon")),t=p.IconUtils.getJSXIcon(s.dropdownIcon||g.createElement(l.ChevronDownIcon,e),H({},e),{props:s}),n=s.placeholder||s.ariaLabel,r=p.mergeProps({className:B("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":S,"aria-label":n},_("trigger"));return g.createElement("div",r,t)}(),He=function(){if(null!=s.value&&s.showClear&&!s.disabled){var e=p.mergeProps({className:B("clearIcon"),onPointerUp:fe},_("clearIcon"));return p.IconUtils.getJSXIcon(s.clearIcon||g.createElement(i.TimesIcon,e),H({},e),{props:s})}return null}(),Ae=p.mergeProps({id:s.id,ref:P,className:p.classNames(s.className,B("root",{focusedState:b,overlayVisibleState:S})),style:s.style,onClick:function(e){return t=e,void(s.disabled||(s.onClick&&s.onClick(t),t.defaultPrevented||p.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||j.current&&j.current&&j.current.contains(t.target)||(p.DomHandler.focus(F.current),S?he():ye())));var t},onMouseDown:s.onMouseDown,onContextMenu:s.onContextMenu,"data-p-disabled":s.disabled,"data-p-focus":b},Te,_("root"));return g.createElement(g.Fragment,null,g.createElement("div",Ae,ke,Ue,Me,He,Ge,g.createElement(R,h({hostName:"Dropdown",ref:j,visibleOptions:Ne,virtualScrollerRef:L},s,{appendTo:K,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},onOptionClick:function(e){e.option.disabled||(me(e),p.DomHandler.focus(F.current)),he()},filterValue:f,hasFilter:A,onFilterClearIconClick:function(e){de(e)},resetFilter:de,onFilterInputKeyDown:function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 13:case 27:he(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ee,getOptionRenderKey:function(e){return s.dataKey?p.ObjectUtils.resolveFieldData(e,s.dataKey):Ee(e)},isOptionDisabled:Se,getOptionGroupChildren:xe,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:function(e){return p.ObjectUtils.equals(s.value,Ie(e),be())},getSelectedOptionIndex:ve,in:S,onEnter:function(e){p.ZIndexUtils.set("overlay",j.current,c&&c.autoZIndex||y.default.autoZIndex,c&&c.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),we(),e&&e()},onEntered:function(e){e&&e(),z(),s.onShow&&s.onShow()},onExit:function(){q()},onExited:function(){s.filter&&s.resetFilterOnHide&&de(),p.ZIndexUtils.clear(j.current),s.onHide&&s.onHide()},ptm:_,cx:B,sx:J}))),Le&&g.createElement(u.Tooltip,h({target:P,content:s.tooltip},s.tooltipOptions,{pt:_("tooltip")})))})));return A.displayName="Dropdown",e.Dropdown=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,p,c,s,d,f,m){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(t),y=v(n);function h(){return h=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},h.apply(this,arguments)}function w(e){return w="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},w(e)}function O(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function I(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function P(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 j(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}function C(){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 D(e,t){return S(e)||x(e,t)||j(e,t)||C()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":p.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return p.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return p.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),F=g.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,u=p.mergeProps({role:"option",key:e.label,className:p.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return g.createElement("li",u,a,g.createElement(m.Ripple,null))}));function L(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?L(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}F.displayName="DropdownItem";var R=g.memo(g.forwardRef((function(e,t){var r=e.ptm,o=e.cx,l=e.sx,a=g.useContext(n.PrimeReactContext);g.useRef(null);var u,m,v,b,y,w=g.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,E={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},I=function(t,n){return r(t,T({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=p.mergeProps({className:o("footer")},I("footer"));return g.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return g.createElement(F,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(t,r){var l=p.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=p.mergeProps({className:o("emptyMessage")},I("emptyMessage"));return g.createElement("li",i,l)},N=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=T(T({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,u=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=p.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},I("itemGroup"));return g.createElement(g.Fragment,{key:s},g.createElement("li",d,u),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return g.createElement(F,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},L=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),r=p.mergeProps({className:o("clearIcon"),"aria-label":t,onClick:function(){return e.onFilterClearIconClick((function(){return p.DomHandler.focus(w.current)}))}},I("clearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||g.createElement(i.TimesIcon,r),T({},r),{props:e})}return null},R=function(){if(e.filter){var t=L(),n=p.mergeProps({className:o("filterIcon")},I("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||g.createElement(s.SearchIcon,n),T({},n),{props:e}),l=p.mergeProps({className:o("filterContainer",{clearIcon:t})},I("filterContainer")),i=p.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},I("filterInput")),a=g.createElement("div",l,g.createElement("input",i),t,r);if(e.filterTemplate){var u={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:E,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=p.ObjectUtils.getJSXElement(e.filterTemplate,u)}var c=p.mergeProps({className:o("header")},I("header"));return g.createElement("div",c,a)}return null},U=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&N(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=p.mergeProps({ref:t.contentRef,style:t.style,className:p.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},I("list"));return g.createElement("ul",r,n)}});return g.createElement(f.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(N):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),i=p.mergeProps({className:o("wrapper"),style:l("wrapper")},I("wrapper")),a=p.mergeProps({className:o("list"),role:"listbox"},I("list"));return g.createElement("div",i,g.createElement("ul",a,n))},k=(u=R(),m=U(),v=j(),b=p.mergeProps({className:p.classNames(e.panelClassName,o("panel",{context:a})),style:l("panel"),onClick:e.onClick},I("panel")),y=p.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},I("transition")),g.createElement(c.CSSTransition,h({nodeRef:t},y),g.createElement("div",h({ref:t},b),u,m,v)));return g.createElement(d.Portal,{element:k,appendTo:e.appendTo})})));function U(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=k(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function k(e,t){if(e){if("string"==typeof e)return M(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)?M(e,t):void 0}}function M(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 G(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="DropdownPanel";var A=g.memo(g.forwardRef((function(e,t){var c=g.useContext(n.PrimeReactContext),s=N.getProps(e,c),d=D(g.useState(""),2),f=d[0],m=d[1],v=D(g.useState(!1),2),b=v[0],O=v[1],E=D(g.useState(!1),2),S=E[0],x=E[1],P=g.useRef(null),j=g.useRef(null),C=g.useRef(s.inputRef),F=g.useRef(s.focusInputRef),L=g.useRef(null),T=g.useRef(null),k=g.useRef(null),M=g.useRef(null),G=s.virtualScrollerOptions&&s.virtualScrollerOptions.lazy,A=p.ObjectUtils.isNotEmpty(f),K=s.appendTo||c&&c.appendTo||y.default.appendTo,V=N.setMetaData(H(H({props:s},s.__parentMetadata),{},{state:{filter:f,focused:b,overlayVisible:S}})),_=V.ptm,B=V.cx,J=V.sx;r.useHandleStyle(N.css.styles,V.isUnstyled,{name:"dropdown"});var X=D(o.useOverlayListener({target:P,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&he():he())},when:S}),2),z=X[0],q=X[1],Z=function(e){return p.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||p.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},$=function(e){s.showOnFocus&&!S&&ye(),O(!0),s.onFocus&&s.onFocus(e)},W=function(e){O(!1),s.onBlur&&setTimeout((function(){var t=C.current?C.current.value:void 0;s.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}),200)},Y=function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 32:case 13:S?he():ye(),e.preventDefault();break;case 27:case 9:he();break;default:le(e)}},Q=function(e){if(Ne){var t=re(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},ee=function(e){if(Ne)if(!S&&e.altKey)ye();else{var t=te(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},te=function e(t){if(s.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=ne(xe(Ne[n]),r);return o||(n+1!==Ne.length?e({group:n+1,option:-1}):null)}return ne(Ne,t)},ne=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Se(o)?e(r):o},re=function e(t){if(-1===t)return null;if(s.optionGroupLabel){var n=t.group,r=t.option,o=oe(xe(Ne[n]),r);return o||(n>0?e({group:n-1,option:xe(Ne[n-1]).length}):null)}return oe(Ne,t)},oe=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Se(r)?re(n):r},le=function(e){T.current&&clearTimeout(T.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(k.current=M.current===t?t:k.current?k.current+t:t,M.current=t,k.current){var n=ve(),r=s.optionGroupLabel?ue(n):ie(n+1);r&&me({originalEvent:e,option:r})}T.current=setTimeout((function(){k.current=null}),250)}},ie=function(e){return k.current?ae(e,Ne.length)||ae(0,e):null},ae=function(e,t){for(var n=e;n<t;n++){var r=Ne[n];if(pe(r))return r}return null},ue=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ne.length;n++)for(var r=xe(Ne[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(pe(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=xe(Ne[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(pe(i[a]))return i[a];return null},pe=function(e){var t=Ee(e);return!!t&&(t=t.toLocaleLowerCase(s.filterLocale)).startsWith(k.current.toLocaleLowerCase(s.filterLocale))},ce=function(e){s.onChange&&s.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:e.target.value}})},se=function(e){O(!0),he(),s.onFocus&&s.onFocus(e)},de=function(e){m(""),s.onFilter&&s.onFilter({filter:""}),e&&e()},fe=function(e){s.onChange&&s.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:void 0}}),Oe()},me=function(e){if(Fe!==e.option){Oe(e.option);var t=Ie(e.option);s.onChange&&s.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}},ve=function(e){if(e=e||Ne,null!=s.value&&e){if(!s.optionGroupLabel)return ge(s.value,e);for(var t=0;t<e.length;t++){var n=ge(s.value,xe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},be=function(){return s.optionValue?null:s.dataKey},ge=function(e,t){var n=be();return t.findIndex((function(t){return p.ObjectUtils.equals(e,Ie(t),n)}))},ye=function(){x(!0)},he=function(){x(!1)},we=function(){p.DomHandler.alignOverlay(j.current,C.current.parentElement,s.appendTo||c&&c.appendTo||y.default.appendTo)},Oe=function(e){C.current&&(C.current.value=e?Ee(e):s.value||"")},Ee=function(e){return s.optionLabel?p.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ie=function(e){return s.optionValue?p.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.optionDisabled?p.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},xe=function(e){return p.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Pe=function(){if(s.editable&&C.current){var e=Fe?Ee(Fe):null;C.current.value=e||s.value||""}};g.useImperativeHandle(t,(function(){return{props:s,show:ye,hide:he,clear:fe,focus:function(){return p.DomHandler.focus(F.current)},getElement:function(){return P.current},getOverlay:function(){return j.current},getInput:function(){return C.current},getFocusInput:function(){return F.current},getVirtualScroller:function(){return L.current}}})),g.useEffect((function(){p.ObjectUtils.combinedRefs(C,s.inputRef),p.ObjectUtils.combinedRefs(F,s.focusInputRef)}),[C,s.inputRef,F,s.focusInputRef]),o.useMountEffect((function(){s.autoFocus&&p.DomHandler.focus(F.current,s.autoFocus),we()})),o.useUpdateEffect((function(){var e;S&&s.value&&(e=p.DomHandler.findSingle(j.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[S,s.value]),o.useUpdateEffect((function(){S&&f&&s.filter&&we()}),[S,f,s.filter]),o.useUpdateEffect((function(){!f||s.options&&0!==s.options.length||m(""),Pe(),C.current&&(C.current.selectedIndex=1)})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(j.current)}));var je,Ce,De,Ne=function(){if(A&&!G){var e=f.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=U(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(xe(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(H(H({},i),I({},"".concat(s.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Fe=-1!==(je=ve(s.options))?s.optionGroupLabel?xe(s.options[je.group])[je.option]:s.options[je]:null,Le=p.ObjectUtils.isNotEmpty(s.tooltip),Te=N.getOtherProps(s),Re=p.ObjectUtils.reduceKeys(Te,p.DomHandler.ARIA_PROPS),Ue=function(){var e={value:"",label:s.placeholder};if(Fe){var t=Ie(Fe);e={value:"object"===w(t)?s.options.findIndex((function(e){return e===t})):t,label:Ee(Fe)}}var n=p.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},_("hiddenSelectedMessage")),r=p.mergeProps({ref:C,required:s.required,defaultValue:e.value,name:s.name,tabIndex:-1,"aria-hidden":"true"},_("select")),o=p.mergeProps({value:e.value},_("option"));return g.createElement("div",n,g.createElement("select",r,g.createElement("option",o,e.label)))}(),ke=(Ce=p.mergeProps({className:"p-hidden-accessible"},_("hiddenSelectedMessage")),De=p.mergeProps(H({ref:F,id:s.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:$,onBlur:W,onKeyDown:Y,disabled:s.disabled,tabIndex:s.tabIndex},Re),_("input")),g.createElement("div",Ce,g.createElement("input",De))),Me=function(){var e=p.ObjectUtils.isNotEmpty(Fe)?Ee(Fe):null;if(s.editable){var t=p.mergeProps(H({ref:C,type:"text",defaultValue:e||s.value||"",className:B("input",{label:e}),disabled:s.disabled,placeholder:s.placeholder,maxLength:s.maxLength,onInput:ce,onFocus:se,onBlur:W,"aria-haspopup":"listbox"},Re),_("input"));return g.createElement("input",t)}var n=s.valueTemplate?p.ObjectUtils.getJSXElement(s.valueTemplate,Fe,s):e||s.placeholder||"empty",r=p.mergeProps({ref:C,className:B("input",{label:e})},_("input"));return g.createElement("span",r,n)}(),Ge=function(){var e=p.mergeProps({className:B("dropdownIcon"),"data-pr-overlay-visible":S},_("dropdownIcon")),t=p.IconUtils.getJSXIcon(s.dropdownIcon||g.createElement(l.ChevronDownIcon,e),H({},e),{props:s}),n=s.placeholder||s.ariaLabel,r=p.mergeProps({className:B("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":S,"aria-label":n},_("trigger"));return g.createElement("div",r,t)}(),He=function(){if(null!=s.value&&s.showClear&&!s.disabled){var e=p.mergeProps({className:B("clearIcon"),onPointerUp:fe},_("clearIcon"));return p.IconUtils.getJSXIcon(s.clearIcon||g.createElement(i.TimesIcon,e),H({},e),{props:s})}return null}(),Ae=p.mergeProps({id:s.id,ref:P,className:p.classNames(s.className,B("root",{focusedState:b,overlayVisibleState:S})),style:s.style,onClick:function(e){return t=e,void(s.disabled||(s.onClick&&s.onClick(t),t.defaultPrevented||p.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||j.current&&j.current&&j.current.contains(t.target)||(p.DomHandler.focus(F.current),S?he():ye())));var t},onMouseDown:s.onMouseDown,onContextMenu:s.onContextMenu,"data-p-disabled":s.disabled,"data-p-focus":b},Te,_("root"));return g.createElement(g.Fragment,null,g.createElement("div",Ae,ke,Ue,Me,He,Ge,g.createElement(R,h({hostName:"Dropdown",ref:j,visibleOptions:Ne,virtualScrollerRef:L},s,{appendTo:K,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},onOptionClick:function(e){e.option.disabled||(me(e),p.DomHandler.focus(F.current)),he()},filterValue:f,hasFilter:A,onFilterClearIconClick:function(e){de(e)},resetFilter:de,onFilterInputKeyDown:function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 13:case 27:he(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ee,getOptionRenderKey:function(e){return s.dataKey?p.ObjectUtils.resolveFieldData(e,s.dataKey):Ee(e)},isOptionDisabled:Se,getOptionGroupChildren:xe,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:function(e){return p.ObjectUtils.equals(s.value,Ie(e),be())},getSelectedOptionIndex:ve,in:S,onEnter:function(e){p.ZIndexUtils.set("overlay",j.current,c&&c.autoZIndex||y.default.autoZIndex,c&&c.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),we(),e&&e()},onEntered:function(e){e&&e(),z(),s.onShow&&s.onShow()},onExit:function(){q()},onExited:function(){s.filter&&s.resetFilterOnHide&&de(),p.ZIndexUtils.clear(j.current),s.onHide&&s.onHide()},ptm:_,cx:B,sx:J}))),Le&&g.createElement(u.Tooltip,h({target:P,content:s.tooltip},s.tooltipOptions,{pt:_("tooltip")})))})));return A.displayName="Dropdown",e.Dropdown=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);
|
|
@@ -589,10 +589,10 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
589
589
|
});
|
|
590
590
|
}
|
|
591
591
|
}
|
|
592
|
+
clear();
|
|
592
593
|
setUploadedFilesState(function (prevUploadedFiles) {
|
|
593
594
|
return [].concat(_toConsumableArray(prevUploadedFiles), _toConsumableArray(files));
|
|
594
595
|
});
|
|
595
|
-
clear();
|
|
596
596
|
}
|
|
597
597
|
};
|
|
598
598
|
xhr.open('POST', props.url, true);
|
|
@@ -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: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;
|
|
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}),pe(),v((function(t){return[].concat(P(t),P(e))})))},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;
|
|
@@ -565,10 +565,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
565
565
|
});
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
|
+
clear();
|
|
568
569
|
setUploadedFilesState(function (prevUploadedFiles) {
|
|
569
570
|
return [].concat(_toConsumableArray(prevUploadedFiles), _toConsumableArray(files));
|
|
570
571
|
});
|
|
571
|
-
clear();
|
|
572
572
|
}
|
|
573
573
|
};
|
|
574
574
|
xhr.open('POST', props.url, true);
|
|
@@ -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 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};
|
|
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}),ye(),w((function(t){return[].concat(B(t),B(e))})))},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
|
@@ -576,10 +576,10 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
576
576
|
});
|
|
577
577
|
}
|
|
578
578
|
}
|
|
579
|
+
clear();
|
|
579
580
|
setUploadedFilesState(function (prevUploadedFiles) {
|
|
580
581
|
return [].concat(_toConsumableArray(prevUploadedFiles), _toConsumableArray(files));
|
|
581
582
|
});
|
|
582
|
-
clear();
|
|
583
583
|
}
|
|
584
584
|
};
|
|
585
585
|
xhr.open('POST', props.url, true);
|
|
@@ -1 +1 @@
|
|
|
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);
|
|
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}),pe(),g((function(t){return[].concat(w(t),w(e))})))},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);
|
package/hooks/hooks.cjs.js
CHANGED
|
@@ -378,7 +378,13 @@ var useMatchMedia = function useMatchMedia(query) {
|
|
|
378
378
|
* @returns the hook
|
|
379
379
|
*/
|
|
380
380
|
var useMountEffect = function useMountEffect(fn) {
|
|
381
|
-
|
|
381
|
+
var mounted = React__namespace.useRef(false);
|
|
382
|
+
return React__namespace.useEffect(function () {
|
|
383
|
+
if (!mounted.current) {
|
|
384
|
+
mounted.current = true;
|
|
385
|
+
return fn && fn();
|
|
386
|
+
}
|
|
387
|
+
}, []);
|
|
382
388
|
};
|
|
383
389
|
/* eslint-enable */
|
|
384
390
|
|
|
@@ -808,19 +814,6 @@ var useOverlayListener = function useOverlayListener(_ref) {
|
|
|
808
814
|
_useEventListener4 = _slicedToArray(_useEventListener3, 2),
|
|
809
815
|
bindWindowOrientationChangeListener = _useEventListener4[0],
|
|
810
816
|
unbindWindowOrientationChangeListener = _useEventListener4[1];
|
|
811
|
-
var _useEventListener5 = useEventListener({
|
|
812
|
-
target: 'window',
|
|
813
|
-
type: 'scroll',
|
|
814
|
-
listener: function listener(event) {
|
|
815
|
-
_listener && _listener(event, {
|
|
816
|
-
type: 'scroll',
|
|
817
|
-
valid: true
|
|
818
|
-
});
|
|
819
|
-
}
|
|
820
|
-
}),
|
|
821
|
-
_useEventListener6 = _slicedToArray(_useEventListener5, 2),
|
|
822
|
-
bindWindowScrollChangeListener = _useEventListener6[0],
|
|
823
|
-
unbindWindowScrollChangeListener = _useEventListener6[1];
|
|
824
817
|
var _useOverlayScrollList = useOverlayScrollListener({
|
|
825
818
|
target: target,
|
|
826
819
|
listener: function listener(event) {
|
|
@@ -840,14 +833,12 @@ var useOverlayListener = function useOverlayListener(_ref) {
|
|
|
840
833
|
bindDocumentClickListener();
|
|
841
834
|
bindWindowResizeListener();
|
|
842
835
|
bindWindowOrientationChangeListener();
|
|
843
|
-
bindWindowScrollChangeListener();
|
|
844
836
|
bindOverlayScrollListener();
|
|
845
837
|
};
|
|
846
838
|
var unbind = function unbind() {
|
|
847
839
|
unbindDocumentClickListener();
|
|
848
840
|
unbindWindowResizeListener();
|
|
849
841
|
unbindWindowOrientationChangeListener();
|
|
850
|
-
unbindWindowScrollChangeListener();
|
|
851
842
|
unbindOverlayScrollListener();
|
|
852
843
|
};
|
|
853
844
|
React__namespace.useEffect(function () {
|