primereact 8.0.1 → 8.1.0
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 +22 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +22 -2
- package/api/api.esm.min.js +1 -1
- package/api/api.js +22 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +15 -11
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.esm.js +15 -11
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +15 -11
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +22 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +22 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +22 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +1 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +1 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +1 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +2 -2
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +6 -5
- package/calendar/calendar.esm.js +2 -2
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +2 -2
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +1 -0
- package/captcha/captcha.esm.js +1 -0
- package/captcha/captcha.js +1 -0
- package/carousel/carousel.cjs.js +18 -17
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +19 -18
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +19 -18
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +2 -1
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +2 -1
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +2 -1
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +0 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +0 -1
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +0 -1
- package/checkbox/checkbox.min.js +1 -1
- package/column/column.cjs.js +2 -1
- package/column/column.cjs.min.js +1 -1
- package/column/column.d.ts +1 -0
- package/column/column.esm.js +2 -1
- package/column/column.esm.min.js +1 -1
- package/column/column.js +2 -1
- package/column/column.min.js +1 -1
- package/core/core.js +89 -41
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +5 -2
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +5 -2
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +5 -2
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dropdown/dropdown.cjs.js +2 -7
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +2 -7
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +2 -7
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +46 -19
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +1 -0
- package/fileupload/fileupload.esm.js +46 -19
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +46 -19
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +1 -0
- package/fullcalendar/fullcalendar.esm.js +1 -0
- package/fullcalendar/fullcalendar.js +1 -0
- package/inputnumber/inputnumber.cjs.js +37 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +38 -5
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +37 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +1 -1
- package/listbox/listbox.cjs.js +18 -9
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +1 -0
- package/listbox/listbox.esm.js +18 -9
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +18 -9
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +7 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +7 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +7 -3
- package/mention/mention.min.js +1 -1
- package/multiselect/multiselect.cjs.js +2 -5
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +2 -5
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +2 -5
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +30 -24
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +2 -4
- package/multistatecheckbox/multistatecheckbox.esm.js +30 -24
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +31 -26
- package/multistatecheckbox/multistatecheckbox.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 +4 -2
- package/paginator/paginator.cjs.js +26 -24
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +26 -24
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +26 -25
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +15 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +16 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +15 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -1
- package/picklist/picklist.esm.js +6 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -2
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +491 -311
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +491 -312
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +491 -311
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +1 -2
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +1 -2
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +1 -2
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +5 -5
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +0 -1
- package/radiobutton/radiobutton.esm.js +5 -5
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +5 -5
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/primereact.css +126 -122
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +0 -1
- package/resources/themes/arya-green/theme.css +0 -1
- package/resources/themes/arya-orange/theme.css +0 -1
- package/resources/themes/arya-purple/theme.css +0 -1
- package/resources/themes/bootstrap4-dark-blue/theme.css +0 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +0 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +0 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +0 -1
- package/resources/themes/fluent-light/theme.css +0 -1
- package/resources/themes/lara-dark-blue/theme.css +0 -1
- package/resources/themes/lara-dark-indigo/theme.css +0 -1
- package/resources/themes/lara-dark-purple/theme.css +0 -1
- package/resources/themes/lara-dark-teal/theme.css +0 -1
- package/resources/themes/lara-light-blue/theme.css +0 -1
- package/resources/themes/lara-light-indigo/theme.css +0 -1
- package/resources/themes/lara-light-purple/theme.css +0 -1
- package/resources/themes/lara-light-teal/theme.css +0 -1
- package/resources/themes/luna-amber/theme.css +0 -1
- package/resources/themes/luna-blue/theme.css +0 -1
- package/resources/themes/luna-green/theme.css +0 -1
- package/resources/themes/luna-pink/theme.css +0 -1
- package/resources/themes/md-dark-deeppurple/theme.css +0 -1
- package/resources/themes/md-dark-indigo/theme.css +0 -1
- package/resources/themes/md-light-deeppurple/theme.css +0 -1
- package/resources/themes/md-light-indigo/theme.css +0 -1
- package/resources/themes/mdc-dark-deeppurple/theme.css +0 -1
- package/resources/themes/mdc-dark-indigo/theme.css +0 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +0 -1
- package/resources/themes/mdc-light-indigo/theme.css +0 -1
- package/resources/themes/nova/theme.css +0 -1
- package/resources/themes/nova-accent/theme.css +0 -1
- package/resources/themes/nova-alt/theme.css +0 -1
- package/resources/themes/rhea/theme.css +0 -1
- package/resources/themes/saga-blue/theme.css +0 -1
- package/resources/themes/saga-green/theme.css +0 -1
- package/resources/themes/saga-orange/theme.css +0 -1
- package/resources/themes/saga-purple/theme.css +0 -1
- package/resources/themes/tailwind-light/theme.css +0 -1
- package/resources/themes/vela-blue/theme.css +0 -1
- package/resources/themes/vela-green/theme.css +0 -1
- package/resources/themes/vela-orange/theme.css +0 -1
- package/resources/themes/vela-purple/theme.css +0 -1
- package/selectbutton/selectbutton.cjs.js +2 -6
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -6
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -6
- package/selectbutton/selectbutton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +38 -7
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +38 -7
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +38 -7
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +6 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +6 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +6 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +12 -9
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -0
- package/splitbutton/splitbutton.esm.js +12 -9
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +12 -9
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +6 -2
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -2
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -2
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +14 -4
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +14 -4
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +14 -4
- package/styleclass/styleclass.min.js +1 -1
- package/treetable/treetable.cjs.js +10 -1
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +10 -1
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +10 -1
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +25 -23
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +2 -4
- package/tristatecheckbox/tristatecheckbox.esm.js +25 -23
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +26 -25
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/web-types.json +73 -62
|
@@ -148,8 +148,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
148
148
|
var onKeyDown = function onKeyDown(event) {
|
|
149
149
|
var keyCode = event.which;
|
|
150
150
|
|
|
151
|
-
if (keyCode === 32
|
|
152
|
-
//space and enter
|
|
151
|
+
if (keyCode === 32) {
|
|
153
152
|
onClick(event);
|
|
154
153
|
event.preventDefault();
|
|
155
154
|
}
|
|
@@ -172,7 +171,6 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
172
171
|
role: "button",
|
|
173
172
|
"aria-label": props.label,
|
|
174
173
|
"aria-pressed": props.selected,
|
|
175
|
-
"aria-labelledby": props.ariaLabelledBy,
|
|
176
174
|
onClick: onClick,
|
|
177
175
|
onKeyDown: onKeyDown,
|
|
178
176
|
tabIndex: props.tabIndex,
|
|
@@ -272,8 +270,7 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
|
|
|
272
270
|
template: props.itemTemplate,
|
|
273
271
|
selected: selected,
|
|
274
272
|
tabIndex: tabIndex,
|
|
275
|
-
disabled: isDisabled
|
|
276
|
-
ariaLabelledBy: props.ariaLabelledBy
|
|
273
|
+
disabled: isDisabled
|
|
277
274
|
});
|
|
278
275
|
});
|
|
279
276
|
}
|
|
@@ -315,7 +312,6 @@ SelectButton.defaultProps = {
|
|
|
315
312
|
dataKey: null,
|
|
316
313
|
tooltip: null,
|
|
317
314
|
tooltipOptions: null,
|
|
318
|
-
ariaLabelledBy: null,
|
|
319
315
|
itemTemplate: null,
|
|
320
316
|
onChange: null
|
|
321
317
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=o(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(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)?i(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 d(e){return u(e)||s(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.memo((function(e){var t,o,a=r.useState(!1),i=(o=2,f(t=a)||b(t,o)||c(t,o)||m()),u=i[1],s=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},p=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.createElement("div",{className:p,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:s,onKeyDown:function(e){32===e.which&&(s(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&r.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=r.memo(r.forwardRef((function(e,l){var o=r.useRef(null),i=function(t){if(!e.disabled&&!c(t.option)){var l=p(t.option);if(!l||e.unselectable){var o,r=s(t.option);if(e.multiple){var a=e.value?d(e.value):[];o=l?a.filter((function(t){return!n.ObjectUtils.equals(t,r,e.dataKey)})):[].concat(d(a),[r])}else o=l?null:r;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:o,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:o}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},s=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},c=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=s(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)},f=n.ObjectUtils.isNotEmpty(e.tooltip),b=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||c(t),o=u(t),a=l?null:0,s=p(t);return r.createElement(v,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:s,tabIndex:a,disabled:l})})):null;return r.createElement(r.Fragment,null,r.createElement("div",a({ref:o,id:e.id,className:m,style:e.style},b,{role:"group"}),g),f&&r.createElement(t.Tooltip,a({target:o,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null},exports.SelectButton=y;
|
|
@@ -124,8 +124,7 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
124
124
|
var onKeyDown = function onKeyDown(event) {
|
|
125
125
|
var keyCode = event.which;
|
|
126
126
|
|
|
127
|
-
if (keyCode === 32
|
|
128
|
-
//space and enter
|
|
127
|
+
if (keyCode === 32) {
|
|
129
128
|
onClick(event);
|
|
130
129
|
event.preventDefault();
|
|
131
130
|
}
|
|
@@ -148,7 +147,6 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
148
147
|
role: "button",
|
|
149
148
|
"aria-label": props.label,
|
|
150
149
|
"aria-pressed": props.selected,
|
|
151
|
-
"aria-labelledby": props.ariaLabelledBy,
|
|
152
150
|
onClick: onClick,
|
|
153
151
|
onKeyDown: onKeyDown,
|
|
154
152
|
tabIndex: props.tabIndex,
|
|
@@ -248,8 +246,7 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
248
246
|
template: props.itemTemplate,
|
|
249
247
|
selected: selected,
|
|
250
248
|
tabIndex: tabIndex,
|
|
251
|
-
disabled: isDisabled
|
|
252
|
-
ariaLabelledBy: props.ariaLabelledBy
|
|
249
|
+
disabled: isDisabled
|
|
253
250
|
});
|
|
254
251
|
});
|
|
255
252
|
}
|
|
@@ -291,7 +288,6 @@ SelectButton.defaultProps = {
|
|
|
291
288
|
dataKey: null,
|
|
292
289
|
tooltip: null,
|
|
293
290
|
tooltipOptions: null,
|
|
294
|
-
ariaLabelledBy: null,
|
|
295
291
|
itemTemplate: null,
|
|
296
292
|
onChange: null
|
|
297
293
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as
|
|
1
|
+
import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function i(e){if(Array.isArray(e))return r(e)}function u(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 r(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)?r(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 c(e){return i(e)||u(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}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.")}var b=e.memo((function(t){var a,r,i=e.useState(!1),u=(r=2,d(a=i)||m(a,r)||s(a,r)||f()),p=u[1],c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=n("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:b,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){p(!0)},onBlur:function(){p(!1)}},v,!t.disabled&&e.createElement(o,null))}));b.displayName="SelectButtonItem";var v=e.memo(e.forwardRef((function(o,r){var i=e.useRef(null),u=function(e){if(!o.disabled&&!d(e.option)){var t=m(e.option);if(!t||o.unselectable){var n,a=p(e.option);if(o.multiple){var r=o.value?c(o.value):[];n=t?r.filter((function(e){return!l.equals(e,a,o.dataKey)})):[].concat(c(r),[a])}else n=t?null:a;o.onChange&&o.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:n}})}}},s=function(e){return o.optionLabel?l.resolveFieldData(e,o.optionLabel):e&&void 0!==e.label?e.label:e},p=function(e){return o.optionValue?l.resolveFieldData(e,o.optionValue):e&&void 0!==e.value?e.value:e},d=function(e){return o.optionDisabled?l.isFunction(o.optionDisabled)?o.optionDisabled(e):l.resolveFieldData(e,o.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},m=function(e){var t=p(e);return o.multiple?!(!o.value||!o.value.length)&&o.value.some((function(e){return l.equals(e,t,o.dataKey)})):l.equals(o.value,t,o.dataKey)},f=l.isNotEmpty(o.tooltip),y=l.findDiffKeys(o,v.defaultProps),h=n("p-selectbutton p-buttonset p-component",o.className),g=o.options&&o.options.length?o.options.map((function(t,n){var l=o.disabled||d(t),a=s(t),r=l?null:0,i=m(t);return e.createElement(b,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:u,template:o.itemTemplate,selected:i,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:i,id:o.id,className:h,style:o.style},y,{role:"group"}),g),f&&e.createElement(t,a({target:i,content:o.tooltip},o.tooltipOptions)))})));v.displayName="SelectButton",v.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null};export{v as SelectButton};
|
|
@@ -143,8 +143,7 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
|
|
|
143
143
|
var onKeyDown = function onKeyDown(event) {
|
|
144
144
|
var keyCode = event.which;
|
|
145
145
|
|
|
146
|
-
if (keyCode === 32
|
|
147
|
-
//space and enter
|
|
146
|
+
if (keyCode === 32) {
|
|
148
147
|
onClick(event);
|
|
149
148
|
event.preventDefault();
|
|
150
149
|
}
|
|
@@ -167,7 +166,6 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
|
|
|
167
166
|
role: "button",
|
|
168
167
|
"aria-label": props.label,
|
|
169
168
|
"aria-pressed": props.selected,
|
|
170
|
-
"aria-labelledby": props.ariaLabelledBy,
|
|
171
169
|
onClick: onClick,
|
|
172
170
|
onKeyDown: onKeyDown,
|
|
173
171
|
tabIndex: props.tabIndex,
|
|
@@ -267,8 +265,7 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
|
|
|
267
265
|
template: props.itemTemplate,
|
|
268
266
|
selected: selected,
|
|
269
267
|
tabIndex: tabIndex,
|
|
270
|
-
disabled: isDisabled
|
|
271
|
-
ariaLabelledBy: props.ariaLabelledBy
|
|
268
|
+
disabled: isDisabled
|
|
272
269
|
});
|
|
273
270
|
});
|
|
274
271
|
}
|
|
@@ -310,7 +307,6 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
|
|
|
310
307
|
dataKey: null,
|
|
311
308
|
tooltip: null,
|
|
312
309
|
tooltipOptions: null,
|
|
313
|
-
ariaLabelledBy: null,
|
|
314
310
|
itemTemplate: null,
|
|
315
311
|
onChange: null
|
|
316
312
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,o){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function d(){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 f(e){return c(e)||s(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=r.memo((function(e){var t,n,a=r.useState(!1),i=(n=2,b(t=a)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.createElement("div",{className:s,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&r.createElement(o.Ripple,null))}));y.displayName="SelectButtonItem";var h=r.memo(r.forwardRef((function(e,t){var o=r.useRef(null),a=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var o,a=c(t.option);if(e.multiple){var r=e.value?f(e.value):[];o=n?r.filter((function(t){return!l.ObjectUtils.equals(t,a,e.dataKey)})):[].concat(f(r),[a])}else o=n?null:a;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:o,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:o}})}}},u=function(t){return e.optionLabel?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)},d=l.ObjectUtils.isNotEmpty(e.tooltip),b=l.ObjectUtils.findDiffKeys(e,h.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),o=u(t),i=l?null:0,c=p(t);return r.createElement(y,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:a,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l})})):null;return r.createElement(r.Fragment,null,r.createElement("div",i({ref:o,id:e.id,className:m,style:e.style},b,{role:"group"}),v),d&&r.createElement(n.Tooltip,i({target:o,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="SelectButton",h.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null},e.SelectButton=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);
|
|
@@ -112,13 +112,36 @@ function _slicedToArray(arr, i) {
|
|
|
112
112
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
+
function _defineProperty(obj, key, value) {
|
|
116
|
+
if (key in obj) {
|
|
117
|
+
Object.defineProperty(obj, key, {
|
|
118
|
+
value: value,
|
|
119
|
+
enumerable: true,
|
|
120
|
+
configurable: true,
|
|
121
|
+
writable: true
|
|
122
|
+
});
|
|
123
|
+
} else {
|
|
124
|
+
obj[key] = value;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
return obj;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
131
|
+
|
|
132
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
115
133
|
var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
116
134
|
var _React$useState = React__namespace.useState(null),
|
|
117
135
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
118
136
|
activeItemState = _React$useState2[0],
|
|
119
137
|
setActiveItemState = _React$useState2[1];
|
|
120
138
|
|
|
121
|
-
var
|
|
139
|
+
var _React$useState3 = React__namespace.useState({}),
|
|
140
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
141
|
+
renderSubMenu = _React$useState4[0],
|
|
142
|
+
setRenderSubMenu = _React$useState4[1];
|
|
143
|
+
|
|
144
|
+
var onItemClick = function onItemClick(event, item, index) {
|
|
122
145
|
if (item.disabled) {
|
|
123
146
|
event.preventDefault();
|
|
124
147
|
return;
|
|
@@ -136,6 +159,8 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
136
159
|
}
|
|
137
160
|
|
|
138
161
|
if (item.items) {
|
|
162
|
+
var key = createKey(item, index);
|
|
163
|
+
setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
|
|
139
164
|
setActiveItemState(item);
|
|
140
165
|
props.onForward();
|
|
141
166
|
}
|
|
@@ -149,8 +174,10 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
149
174
|
});
|
|
150
175
|
};
|
|
151
176
|
|
|
152
|
-
var createSubmenu = function createSubmenu(item) {
|
|
153
|
-
|
|
177
|
+
var createSubmenu = function createSubmenu(item, index) {
|
|
178
|
+
var shouldRender = renderSubMenu[createKey(item, index)];
|
|
179
|
+
|
|
180
|
+
if (item.items && shouldRender) {
|
|
154
181
|
return /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
|
|
155
182
|
menuProps: props.menuProps,
|
|
156
183
|
model: item.items,
|
|
@@ -165,8 +192,12 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
165
192
|
return null;
|
|
166
193
|
};
|
|
167
194
|
|
|
195
|
+
var createKey = function createKey(item, index) {
|
|
196
|
+
return item.label + '_' + index;
|
|
197
|
+
};
|
|
198
|
+
|
|
168
199
|
var createMenuitem = function createMenuitem(item, index) {
|
|
169
|
-
var key = item
|
|
200
|
+
var key = createKey(item, index);
|
|
170
201
|
var active = activeItemState === item;
|
|
171
202
|
var className = utils.classNames('p-menuitem', {
|
|
172
203
|
'p-menuitem-active': active,
|
|
@@ -185,13 +216,13 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
185
216
|
var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
|
|
186
217
|
className: submenuIconClassName
|
|
187
218
|
});
|
|
188
|
-
var submenu = createSubmenu(item);
|
|
219
|
+
var submenu = createSubmenu(item, index);
|
|
189
220
|
var content = /*#__PURE__*/React__namespace.createElement("a", {
|
|
190
221
|
href: item.url || '#',
|
|
191
222
|
className: "p-menuitem-link",
|
|
192
223
|
target: item.target,
|
|
193
224
|
onClick: function onClick(event) {
|
|
194
|
-
return onItemClick(event, item);
|
|
225
|
+
return onItemClick(event, item, index);
|
|
195
226
|
},
|
|
196
227
|
"aria-disabled": item.disabled
|
|
197
228
|
}, icon, label, submenuIcon);
|
|
@@ -199,7 +230,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
199
230
|
if (item.template) {
|
|
200
231
|
var defaultContentOptions = {
|
|
201
232
|
onClick: function onClick(event) {
|
|
202
|
-
return onItemClick(event, item);
|
|
233
|
+
return onItemClick(event, item, index);
|
|
203
234
|
},
|
|
204
235
|
className: 'p-menuitem-link',
|
|
205
236
|
labelClassName: 'p-menuitem-text',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),i=require("primereact/portal"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),i=require("primereact/portal"),o=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),s=l(t);function m(){return m=Object.assign||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},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}function d(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 b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function v(){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 y(e,t){return p(e)||f(e,t)||b(e,t)||v()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 O(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){h(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}var w=c.memo((function(e){var t=y(c.useState(null),2),n=t[0],r=t[1],a=y(c.useState({}),2),i=a[0],l=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=p(n,a);l(O(O({},i),{},h({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var a=i[p(t,r)];return t.items&&a?c.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){var a=p(t,r),i=n===t,l=o.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:f}),y=m(t,r),h=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:f,element:h,props:e,active:i}));return c.createElement("li",{key:a,className:l,style:t.style},h,y)},d=function(e,t){return e.separator?s(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(d):null;return c.createElement("ul",{className:v,style:b},g)}));w.displayName="SlideMenuSub";var E=c.memo(c.forwardRef((function(e,t){var l=y(c.useState(0),2),u=l[0],p=l[1],f=y(c.useState(!1),2),d=f[0],b=f[1],v=c.useRef(null),h=c.useRef(null),g=c.useRef(null),O=c.useRef(null),N=y(r.useOverlayListener({target:h,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=N[0],x=N[1],S=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:h.current})},P=function(){p((function(e){return e+1}))},k=function(){p((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){h.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){h.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",v.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(v.current,h.current)},T=function(){j()},U=function(){h.current=null,x()},W=function(){o.ZIndexUtils.clear(v.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(v.current)})),c.useImperativeHandle(t,(function(){return{toggle:D,show:I,hide:A}}));var Z=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:g,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=o.ObjectUtils.findDiffKeys(e,E.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return c.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:v,id:e.id,className:r,style:e.style},t,{onClick:S}),c.createElement("div",{className:"p-slidemenu-wrapper",style:a},c.createElement("div",{className:"p-slidemenu-content",ref:O},c.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));E.displayName="SlideMenu",E.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.SlideMenu=E;
|