primereact 8.0.0 → 8.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 +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 +23 -14
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.esm.js +23 -14
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +23 -14
- 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 +3 -3
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +6 -5
- package/calendar/calendar.esm.js +3 -3
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +3 -3
- 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 +143 -45
- package/core/core.min.js +9 -9
- package/datatable/datatable.cjs.js +14 -9
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +14 -9
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +14 -9
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +5 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +2 -0
- package/dialog/dialog.esm.js +5 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +5 -1
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +3 -8
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +3 -8
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +3 -8
- 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/hooks/hooks.cjs.js +48 -2
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +3 -1
- package/hooks/hooks.esm.js +47 -3
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +48 -2
- package/hooks/hooks.min.js +1 -1
- 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 +575 -343
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +573 -344
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +575 -343
- 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 +27 -23
- 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 +26 -21
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +26 -21
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +26 -21
- 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.d.ts +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 +86 -63
package/carousel/carousel.cjs.js
CHANGED
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var PrimeReact = require('primereact/api');
|
|
7
|
+
var button = require('primereact/button');
|
|
7
8
|
var hooks = require('primereact/hooks');
|
|
8
|
-
var ripple = require('primereact/ripple');
|
|
9
9
|
var utils = require('primereact/utils');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -175,10 +175,10 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
175
175
|
var prevPage = hooks.usePrevious(props.page);
|
|
176
176
|
var isVertical = props.orientation === 'vertical';
|
|
177
177
|
var circular = props.circular || !!props.autoplayInterval;
|
|
178
|
-
var isCircular = circular && props.value.length >= numVisibleState;
|
|
179
|
-
var isAutoplay = props.autoplayInterval && allowAutoplay.current;
|
|
178
|
+
var isCircular = circular && props.value && props.value.length >= numVisibleState;
|
|
180
179
|
var currentPage = props.onPageChange ? props.page : pageState;
|
|
181
|
-
var totalIndicators = props.value ? Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1 : 0;
|
|
180
|
+
var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
|
|
181
|
+
var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
|
|
182
182
|
|
|
183
183
|
var _useResizeListener = hooks.useResizeListener({
|
|
184
184
|
listener: function listener() {
|
|
@@ -612,14 +612,14 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
612
612
|
'pi-chevron-left': !isVertical,
|
|
613
613
|
'pi-chevron-up': isVertical
|
|
614
614
|
});
|
|
615
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
615
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
616
616
|
type: "button",
|
|
617
617
|
className: className,
|
|
618
|
+
icon: iconClassName,
|
|
618
619
|
onClick: navBackward,
|
|
619
|
-
disabled: isDisabled
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
}), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
620
|
+
disabled: isDisabled,
|
|
621
|
+
"aria-label": PrimeReact.ariaLabel('previousPageLabel')
|
|
622
|
+
});
|
|
623
623
|
};
|
|
624
624
|
|
|
625
625
|
var createForwardNavigator = function createForwardNavigator() {
|
|
@@ -631,14 +631,14 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
631
631
|
'pi-chevron-right': !isVertical,
|
|
632
632
|
'pi-chevron-down': isVertical
|
|
633
633
|
});
|
|
634
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
634
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
635
635
|
type: "button",
|
|
636
636
|
className: className,
|
|
637
|
+
icon: iconClassName,
|
|
637
638
|
onClick: navForward,
|
|
638
|
-
disabled: isDisabled
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
}), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
639
|
+
disabled: isDisabled,
|
|
640
|
+
"aria-label": PrimeReact.ariaLabel('nextPageLabel')
|
|
641
|
+
});
|
|
642
642
|
};
|
|
643
643
|
|
|
644
644
|
var createIndicator = function createIndicator(index) {
|
|
@@ -650,13 +650,14 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
650
650
|
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
651
651
|
key: key,
|
|
652
652
|
className: className
|
|
653
|
-
}, /*#__PURE__*/React__namespace.createElement(
|
|
653
|
+
}, /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
654
654
|
type: "button",
|
|
655
655
|
className: "p-link",
|
|
656
656
|
onClick: function onClick(e) {
|
|
657
657
|
return onDotClick(e, index);
|
|
658
|
-
}
|
|
659
|
-
|
|
658
|
+
},
|
|
659
|
+
"aria-label": "".concat(PrimeReact.ariaLabel('pageLabel'), " ").concat(index + 1)
|
|
660
|
+
}));
|
|
660
661
|
};
|
|
661
662
|
|
|
662
663
|
var createIndicators = function createIndicators() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/hooks"),a=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),o=l(t);function i(){return i=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},i.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 m(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(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 v(){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){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,c=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(c)throw a}}return l}}function g(){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 d(e)||h(e,t)||f(e,t)||g()}var y=c.memo((function(e){var t=e.template(e.item),n=a.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return c.createElement("div",{className:n},t)})),N=c.memo(c.forwardRef((function(e,l){var u=b(c.useState(e.numVisible),2),s=u[0],d=u[1],h=b(c.useState(e.numScroll),2),g=h[0],C=h[1],E=b(c.useState(e.page*e.numScroll*-1),2),P=E[0],S=E[1],I=b(c.useState(e.page),2),O=I[0],k=I[1],w=c.useRef(null),j=c.useRef(null),T=c.useRef(0),x=c.useRef(!!e.autoplayInterval),R=c.useRef(""),M=c.useRef(20),A=c.useRef(null),V=c.useRef(null),D=c.useRef(null),L=c.useRef(!1),_=c.useRef(null),q=r.usePrevious(g),H=r.usePrevious(s),U=r.usePrevious(e.value),z=r.usePrevious(e.page),B="vertical"===e.orientation,Y=e.circular||!!e.autoplayInterval,X=Y&&e.value&&e.value.length>=s,F=e.onPageChange?e.page:O,K=e.value?Math.max(Math.ceil((e.value.length-s)/g)+1,0):0,W=K&&e.autoplayInterval&&x.current,$=b(r.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],G=function(t,n){var r=P;null!=n?(r=g*n*-1,X&&(r-=s),L.current=!1):(r+=g*t,L.current&&(r+=T.current-g*t,L.current=!1),n=Math.abs(Math.floor((X?r+s:r)/g)));X&&O===K-1&&-1===t?(r=-1*(e.value.length+s),n=0):X&&0===O&&1===t?(r=0,n=K-1):n===K-1&&T.current>0&&(r+=-1*T.current-g*t,L.current=!0),j.current&&(a.DomHandler.removeClass(j.current,"p-items-hidden"),oe(r),j.current.style.transition="transform 500ms ease 0s"),e.onPageChange?(S(r),e.onPageChange({page:n})):(k(n),S(r))},J=function(){if(j.current&&_.current){for(var t=window.innerWidth,n={numVisible:e.numVisible,numScroll:e.numScroll},r=0;r<_.current.length;r++){var a=_.current[r];parseInt(a.breakpoint,10)>=t&&(n=a)}if(g!==n.numScroll){var l=Math.floor(F*g/n.numScroll),u=n.numScroll*l*-1;X&&(u-=n.numVisible),S(u),C(n.numScroll),e.onPageChange?e.onPageChange({page:l}):k(l)}s!==n.numVisible&&d(n.numVisible)}},Q=function(e,t){(Y||0!==F)&&G(1,t),x.current=!1,e.cancelable&&e.preventDefault()},Z=function(e,t){(Y||F<K-1)&&G(-1,t),x.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){t>F?Z(e,t):t<F&&Q(e,t)},te=function(e){j.current&&"transform"===e.propertyName&&(a.DomHandler.addClass(j.current,"p-items-hidden"),j.current.style.transition="",0!==O&&O!==K-1||!X||oe(P))},ne=function(e){var t=e.changedTouches[0];A.current={x:t.pageX,y:t.pageY}},re=function(e){e.cancelable&&e.preventDefault()},ae=function(e){var t=e.changedTouches[0];le(e,B?t.pageY-A.current.y:t.pageX-A.current.x)},le=function(e,t){Math.abs(t)>M&&(t<0?Z(e):Q(e))},ue=function(){V.current&&clearInterval(V.current)},ce=function(){D.current||(D.current=a.DomHandler.createInlineStyle(o.default.nonce));var t,n="\n .p-carousel[".concat(R.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/s,"%\n }\n ");if(e.responsiveOptions){_.current=m(t=e.responsiveOptions)||p(t)||f(t)||v(),_.current.sort((function(e,t){return a.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,o.default.locale)}));for(var r=0;r<_.current.length;r++){var l=_.current[r];n+="\n @media screen and (max-width: ".concat(l.breakpoint,") {\n .p-carousel[").concat(R.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/l.numVisible,"%\n }\n }\n ")}}D.current.innerHTML=n},oe=function(e){j.current&&(j.current.style.transform=B?"translate3d(0, ".concat(e*(100/s),"%, 0)"):"translate3d(".concat(e*(100/s),"%, 0, 0)"))};r.useMountEffect((function(){w.current&&(R.current=a.UniqueComponentId(),w.current.setAttribute(R.current,"")),ce(),J(),oe(P),$()})),r.useUpdateEffect((function(){var t=!1,n=P;if(e.autoplayInterval&&ue(),q!==g||H!==s||e.value&&U&&U.length!==e.value.length){T.current=(e.value.length-s)%g;var r=F;0!==K&&r>=K&&(r=K-1,e.onPageChange?e.onPageChange({page:r}):k(r),t=!0),n=r*g*-1,X&&(n-=s),r===K-1&&T.current>0?(n+=-1*T.current+g,L.current=!0):L.current=!1,n!==P&&(S(n),t=!0),oe(n)}X&&(0===O?n=-1*s:0===n&&(n=-1*e.value.length,T.current>0&&(L.current=!0)),n!==P&&(S(n),t=!0)),z!==e.page&&(e.page>z&&e.page<=K-1?G(-1,e.page):e.page<z&&G(1,e.page)),!t&&W&&(V.current=setInterval((function(){G(-1,O===K-1?0:O+1)}),e.autoplayInterval))})),r.useUnmountEffect((function(){e.autoplayInterval&&ue()}));var ie=function(){if(e.value&&e.value.length){var t=null,n=null;if(X){var r=null;t=(r=e.value.slice(-1*s)).map((function(t,n){return c.createElement(y,{key:n+"_scloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:-1*P===e.value.length+s,start:0===n,end:n===r.length-1})})),n=(r=e.value.slice(0,s)).map((function(t,n){return c.createElement(y,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:0===P,start:0===n,end:n===r.length-1})}))}var a=e.value.map((function(t,n){var r=X?-1*(P+s):-1*P,a=r+s-1;return c.createElement(y,{key:n,template:e.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return c.createElement(c.Fragment,null,t,a,n)}},se=function(){var r=(!Y||e.value&&e.value.length<s)&&0===F,l=a.classNames("p-carousel-prev p-link",{"p-disabled":r}),u=a.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!B,"pi-chevron-up":B});return c.createElement(n.Button,{type:"button",className:l,icon:u,onClick:Q,disabled:r,"aria-label":t.ariaLabel("previousPageLabel")})},me=function(){var r=(!Y||e.value&&e.value.length<s)&&(F===K-1||0===K),l=a.classNames("p-carousel-next p-link",{"p-disabled":r}),u=a.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!B,"pi-chevron-down":B});return c.createElement(n.Button,{type:"button",className:l,icon:u,onClick:Z,disabled:r,"aria-label":t.ariaLabel("nextPageLabel")})},pe=function(e){var r="carousel-indicator-"+e,l=a.classNames("p-carousel-indicator",{"p-highlight":F===e});return c.createElement("li",{key:r,className:l},c.createElement(n.Button,{type:"button",className:"p-link",onClick:function(t){return ee(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)}))},fe=a.ObjectUtils.findDiffKeys(e,N.defaultProps),ve=a.classNames("p-carousel p-component",{"p-carousel-vertical":B,"p-carousel-horizontal":!B},e.className),de=a.classNames("p-carousel-content",e.contentClassName),he=function(){var t=ie(),n=B?e.verticalViewPortHeight:"auto",r=se(),l=me(),u=a.classNames("p-carousel-container",e.containerClassName);return c.createElement("div",{className:u},r,c.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ne,onTouchMove:re,onTouchEnd:ae},c.createElement("div",{ref:j,className:"p-carousel-items-container",onTransitionEnd:te},t)),l)}(),ge=function(){for(var t=a.classNames("p-carousel-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<K;r++)n.push(pe(r));return c.createElement("ul",{className:t},n)}(),be=e.header?c.createElement("div",{className:"p-carousel-header"},e.header):null,ye=e.footer?c.createElement("div",{className:"p-carousel-footer"},e.footer):null;return c.createElement("div",i({ref:w,id:e.id,className:ve,style:e.style},fe),be,c.createElement("div",{className:de},he,ge),ye)})));y.displayName="CarouselItem",N.displayName="Carousel",N.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null},exports.Carousel=N;
|
package/carousel/carousel.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import PrimeReact from 'primereact/api';
|
|
2
|
+
import PrimeReact, { ariaLabel } from 'primereact/api';
|
|
3
|
+
import { Button } from 'primereact/button';
|
|
3
4
|
import { usePrevious, useResizeListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
4
|
-
import { Ripple } from 'primereact/ripple';
|
|
5
5
|
import { classNames, UniqueComponentId, ObjectUtils, DomHandler } from 'primereact/utils';
|
|
6
6
|
|
|
7
7
|
function _extends() {
|
|
@@ -148,10 +148,10 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
148
148
|
var prevPage = usePrevious(props.page);
|
|
149
149
|
var isVertical = props.orientation === 'vertical';
|
|
150
150
|
var circular = props.circular || !!props.autoplayInterval;
|
|
151
|
-
var isCircular = circular && props.value.length >= numVisibleState;
|
|
152
|
-
var isAutoplay = props.autoplayInterval && allowAutoplay.current;
|
|
151
|
+
var isCircular = circular && props.value && props.value.length >= numVisibleState;
|
|
153
152
|
var currentPage = props.onPageChange ? props.page : pageState;
|
|
154
|
-
var totalIndicators = props.value ? Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1 : 0;
|
|
153
|
+
var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
|
|
154
|
+
var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
|
|
155
155
|
|
|
156
156
|
var _useResizeListener = useResizeListener({
|
|
157
157
|
listener: function listener() {
|
|
@@ -585,14 +585,14 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
585
585
|
'pi-chevron-left': !isVertical,
|
|
586
586
|
'pi-chevron-up': isVertical
|
|
587
587
|
});
|
|
588
|
-
return /*#__PURE__*/React.createElement(
|
|
588
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
589
589
|
type: "button",
|
|
590
590
|
className: className,
|
|
591
|
+
icon: iconClassName,
|
|
591
592
|
onClick: navBackward,
|
|
592
|
-
disabled: isDisabled
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
}), /*#__PURE__*/React.createElement(Ripple, null));
|
|
593
|
+
disabled: isDisabled,
|
|
594
|
+
"aria-label": ariaLabel('previousPageLabel')
|
|
595
|
+
});
|
|
596
596
|
};
|
|
597
597
|
|
|
598
598
|
var createForwardNavigator = function createForwardNavigator() {
|
|
@@ -604,14 +604,14 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
604
604
|
'pi-chevron-right': !isVertical,
|
|
605
605
|
'pi-chevron-down': isVertical
|
|
606
606
|
});
|
|
607
|
-
return /*#__PURE__*/React.createElement(
|
|
607
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
608
608
|
type: "button",
|
|
609
609
|
className: className,
|
|
610
|
+
icon: iconClassName,
|
|
610
611
|
onClick: navForward,
|
|
611
|
-
disabled: isDisabled
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
}), /*#__PURE__*/React.createElement(Ripple, null));
|
|
612
|
+
disabled: isDisabled,
|
|
613
|
+
"aria-label": ariaLabel('nextPageLabel')
|
|
614
|
+
});
|
|
615
615
|
};
|
|
616
616
|
|
|
617
617
|
var createIndicator = function createIndicator(index) {
|
|
@@ -623,13 +623,14 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
623
623
|
return /*#__PURE__*/React.createElement("li", {
|
|
624
624
|
key: key,
|
|
625
625
|
className: className
|
|
626
|
-
}, /*#__PURE__*/React.createElement(
|
|
626
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
627
627
|
type: "button",
|
|
628
628
|
className: "p-link",
|
|
629
629
|
onClick: function onClick(e) {
|
|
630
630
|
return onDotClick(e, index);
|
|
631
|
-
}
|
|
632
|
-
|
|
631
|
+
},
|
|
632
|
+
"aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
|
|
633
|
+
}));
|
|
633
634
|
};
|
|
634
635
|
|
|
635
636
|
var createIndicators = function createIndicators() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t from"primereact/api";import{usePrevious as
|
|
1
|
+
import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{Button as r}from"primereact/button";import{usePrevious as a,useResizeListener as l,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as c}from"primereact/hooks";import{classNames as i,UniqueComponentId as s,ObjectUtils as p,DomHandler as m}from"primereact/utils";function f(){return f=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},f.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 d(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(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 y(){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){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw a}}return l}}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 S(e,t){return b(e)||N(e,t)||g(e,t)||C()}var E=e.memo((function(t){var n=t.template(t.item),r=i(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end});return e.createElement("div",{className:r},n)})),I=e.memo(e.forwardRef((function(v,b){var N=S(e.useState(v.numVisible),2),C=N[0],P=N[1],k=S(e.useState(v.numScroll),2),w=k[0],T=k[1],x=S(e.useState(v.page*v.numScroll*-1),2),R=x[0],A=x[1],V=S(e.useState(v.page),2),M=V[0],O=V[1],j=e.useRef(null),D=e.useRef(null),L=e.useRef(0),_=e.useRef(!!v.autoplayInterval),H=e.useRef(""),Y=e.useRef(20),z=e.useRef(null),X=e.useRef(null),F=e.useRef(null),K=e.useRef(!1),U=e.useRef(null),W=a(w),$=a(C),q=a(v.value),B=a(v.page),G="vertical"===v.orientation,J=v.circular||!!v.autoplayInterval,Q=J&&v.value&&v.value.length>=C,Z=v.onPageChange?v.page:M,ee=v.value?Math.max(Math.ceil((v.value.length-C)/w)+1,0):0,te=ee&&v.autoplayInterval&&_.current,ne=S(l({listener:function(){ae()},when:v.responsiveOptions}),1)[0],re=function(e,t){var n=R;null!=t?(n=w*t*-1,Q&&(n-=C),K.current=!1):(n+=w*e,K.current&&(n+=L.current-w*e,K.current=!1),t=Math.abs(Math.floor((Q?n+C:n)/w)));Q&&M===ee-1&&-1===e?(n=-1*(v.value.length+C),t=0):Q&&0===M&&1===e?(n=0,t=ee-1):t===ee-1&&L.current>0&&(n+=-1*L.current-w*e,K.current=!0),D.current&&(m.removeClass(D.current,"p-items-hidden"),de(n),D.current.style.transition="transform 500ms ease 0s"),v.onPageChange?(A(n),v.onPageChange({page:t})):(O(t),A(n))},ae=function(){if(D.current&&U.current){for(var e=window.innerWidth,t={numVisible:v.numVisible,numScroll:v.numScroll},n=0;n<U.current.length;n++){var r=U.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(w!==t.numScroll){var a=Math.floor(Z*w/t.numScroll),l=t.numScroll*a*-1;Q&&(l-=t.numVisible),A(l),T(t.numScroll),v.onPageChange?v.onPageChange({page:a}):O(a)}C!==t.numVisible&&P(t.numVisible)}},le=function(e,t){(J||0!==Z)&&re(1,t),_.current=!1,e.cancelable&&e.preventDefault()},oe=function(e,t){(J||Z<ee-1)&&re(-1,t),_.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>Z?oe(e,t):t<Z&&le(e,t)},ce=function(e){D.current&&"transform"===e.propertyName&&(m.addClass(D.current,"p-items-hidden"),D.current.style.transition="",0!==M&&M!==ee-1||!Q||de(R))},ie=function(e){var t=e.changedTouches[0];z.current={x:t.pageX,y:t.pageY}},se=function(e){e.cancelable&&e.preventDefault()},pe=function(e){var t=e.changedTouches[0];me(e,G?t.pageY-z.current.y:t.pageX-z.current.x)},me=function(e,t){Math.abs(t)>Y&&(t<0?oe(e):le(e))},fe=function(){X.current&&clearInterval(X.current)},ve=function(){F.current||(F.current=m.createInlineStyle(t.nonce));var e,n="\n .p-carousel[".concat(H.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/C,"%\n }\n ");if(v.responsiveOptions){U.current=d(e=v.responsiveOptions)||h(e)||g(e)||y(),U.current.sort((function(e,n){return p.sort(e.breakpoint,n.breakpoint,-1,t.locale)}));for(var r=0;r<U.current.length;r++){var a=U.current[r];n+="\n @media screen and (max-width: ".concat(a.breakpoint,") {\n .p-carousel[").concat(H.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/a.numVisible,"%\n }\n }\n ")}}F.current.innerHTML=n},de=function(e){D.current&&(D.current.style.transform=G?"translate3d(0, ".concat(e*(100/C),"%, 0)"):"translate3d(".concat(e*(100/C),"%, 0, 0)"))};o((function(){j.current&&(H.current=s(),j.current.setAttribute(H.current,"")),ve(),ae(),de(R),ne()})),u((function(){var e=!1,t=R;if(v.autoplayInterval&&fe(),W!==w||$!==C||v.value&&q&&q.length!==v.value.length){L.current=(v.value.length-C)%w;var n=Z;0!==ee&&n>=ee&&(n=ee-1,v.onPageChange?v.onPageChange({page:n}):O(n),e=!0),t=n*w*-1,Q&&(t-=C),n===ee-1&&L.current>0?(t+=-1*L.current+w,K.current=!0):K.current=!1,t!==R&&(A(t),e=!0),de(t)}Q&&(0===M?t=-1*C:0===t&&(t=-1*v.value.length,L.current>0&&(K.current=!0)),t!==R&&(A(t),e=!0)),B!==v.page&&(v.page>B&&v.page<=ee-1?re(-1,v.page):v.page<B&&re(1,v.page)),!e&&te&&(X.current=setInterval((function(){re(-1,M===ee-1?0:M+1)}),v.autoplayInterval))})),c((function(){v.autoplayInterval&&fe()}));var he=function(){if(v.value&&v.value.length){var t=null,n=null;if(Q){var r=null;t=(r=v.value.slice(-1*C)).map((function(t,n){return e.createElement(E,{key:n+"_scloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:-1*R===v.value.length+C,start:0===n,end:n===r.length-1})})),n=(r=v.value.slice(0,C)).map((function(t,n){return e.createElement(E,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:0===R,start:0===n,end:n===r.length-1})}))}var a=v.value.map((function(t,n){var r=Q?-1*(R+C):-1*R,a=r+C-1;return e.createElement(E,{key:n,template:v.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return e.createElement(e.Fragment,null,t,a,n)}},ge=function(){var t=(!J||v.value&&v.value.length<C)&&0===Z,a=i("p-carousel-prev p-link",{"p-disabled":t}),l=i("p-carousel-prev-icon pi",{"pi-chevron-left":!G,"pi-chevron-up":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:le,disabled:t,"aria-label":n("previousPageLabel")})},ye=function(){var t=(!J||v.value&&v.value.length<C)&&(Z===ee-1||0===ee),a=i("p-carousel-next p-link",{"p-disabled":t}),l=i("p-carousel-next-icon pi",{"pi-chevron-right":!G,"pi-chevron-down":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:oe,disabled:t,"aria-label":n("nextPageLabel")})},be=function(t){var a="carousel-indicator-"+t,l=i("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:a,className:l},e.createElement(r,{type:"button",className:"p-link",onClick:function(e){return ue(e,t)},"aria-label":"".concat(n("pageLabel")," ").concat(t+1)}))},Ne=p.findDiffKeys(v,I.defaultProps),Ce=i("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},v.className),Se=i("p-carousel-content",v.contentClassName),Ee=function(){var t=he(),n=G?v.verticalViewPortHeight:"auto",r=ge(),a=ye(),l=i("p-carousel-container",v.containerClassName);return e.createElement("div",{className:l},r,e.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ie,onTouchMove:se,onTouchEnd:pe},e.createElement("div",{ref:D,className:"p-carousel-items-container",onTransitionEnd:ce},t)),a)}(),Ie=function(){for(var t=i("p-carousel-indicators p-reset",v.indicatorsContentClassName),n=[],r=0;r<ee;r++)n.push(be(r));return e.createElement("ul",{className:t},n)}(),Pe=v.header?e.createElement("div",{className:"p-carousel-header"},v.header):null,ke=v.footer?e.createElement("div",{className:"p-carousel-footer"},v.footer):null;return e.createElement("div",f({ref:j,id:v.id,className:Ce,style:v.style},Ne),Pe,e.createElement("div",{className:Se},Ee,Ie),ke)})));E.displayName="CarouselItem",I.displayName="Carousel",I.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null};export{I as Carousel};
|
package/carousel/carousel.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
this.primereact = this.primereact || {};
|
|
2
|
-
this.primereact.carousel = (function (exports, React, PrimeReact,
|
|
2
|
+
this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks, utils) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
5
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -169,10 +169,10 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
|
|
|
169
169
|
var prevPage = hooks.usePrevious(props.page);
|
|
170
170
|
var isVertical = props.orientation === 'vertical';
|
|
171
171
|
var circular = props.circular || !!props.autoplayInterval;
|
|
172
|
-
var isCircular = circular && props.value.length >= numVisibleState;
|
|
173
|
-
var isAutoplay = props.autoplayInterval && allowAutoplay.current;
|
|
172
|
+
var isCircular = circular && props.value && props.value.length >= numVisibleState;
|
|
174
173
|
var currentPage = props.onPageChange ? props.page : pageState;
|
|
175
|
-
var totalIndicators = props.value ? Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1 : 0;
|
|
174
|
+
var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
|
|
175
|
+
var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
|
|
176
176
|
|
|
177
177
|
var _useResizeListener = hooks.useResizeListener({
|
|
178
178
|
listener: function listener() {
|
|
@@ -606,14 +606,14 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
|
|
|
606
606
|
'pi-chevron-left': !isVertical,
|
|
607
607
|
'pi-chevron-up': isVertical
|
|
608
608
|
});
|
|
609
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
609
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
610
610
|
type: "button",
|
|
611
611
|
className: className,
|
|
612
|
+
icon: iconClassName,
|
|
612
613
|
onClick: navBackward,
|
|
613
|
-
disabled: isDisabled
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
}), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
614
|
+
disabled: isDisabled,
|
|
615
|
+
"aria-label": PrimeReact.ariaLabel('previousPageLabel')
|
|
616
|
+
});
|
|
617
617
|
};
|
|
618
618
|
|
|
619
619
|
var createForwardNavigator = function createForwardNavigator() {
|
|
@@ -625,14 +625,14 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
|
|
|
625
625
|
'pi-chevron-right': !isVertical,
|
|
626
626
|
'pi-chevron-down': isVertical
|
|
627
627
|
});
|
|
628
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
628
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
629
629
|
type: "button",
|
|
630
630
|
className: className,
|
|
631
|
+
icon: iconClassName,
|
|
631
632
|
onClick: navForward,
|
|
632
|
-
disabled: isDisabled
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
}), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
633
|
+
disabled: isDisabled,
|
|
634
|
+
"aria-label": PrimeReact.ariaLabel('nextPageLabel')
|
|
635
|
+
});
|
|
636
636
|
};
|
|
637
637
|
|
|
638
638
|
var createIndicator = function createIndicator(index) {
|
|
@@ -644,13 +644,14 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
|
|
|
644
644
|
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
645
645
|
key: key,
|
|
646
646
|
className: className
|
|
647
|
-
}, /*#__PURE__*/React__namespace.createElement(
|
|
647
|
+
}, /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
648
648
|
type: "button",
|
|
649
649
|
className: "p-link",
|
|
650
650
|
onClick: function onClick(e) {
|
|
651
651
|
return onDotClick(e, index);
|
|
652
|
-
}
|
|
653
|
-
|
|
652
|
+
},
|
|
653
|
+
"aria-label": "".concat(PrimeReact.ariaLabel('pageLabel'), " ").concat(index + 1)
|
|
654
|
+
}));
|
|
654
655
|
};
|
|
655
656
|
|
|
656
657
|
var createIndicators = function createIndicators() {
|
|
@@ -716,4 +717,4 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, ripple,
|
|
|
716
717
|
|
|
717
718
|
return exports;
|
|
718
719
|
|
|
719
|
-
})({}, React, primereact.api, primereact.
|
|
720
|
+
})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.utils);
|
package/carousel/carousel.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 o=c(t),i=u(n);function s(){return s=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},s.apply(this,arguments)}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 p(e){if(Array.isArray(e))return m(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(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 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 h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,c=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(c)throw a}}return l}}function
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 o=c(t),i=u(n);function s(){return s=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},s.apply(this,arguments)}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 p(e){if(Array.isArray(e))return m(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(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 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 h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,c=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(c)throw a}}return l}}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 y(e,t){return h(e)||g(e,t)||v(e,t)||b()}var N=o.memo((function(e){var t=e.template(e.item),n=l.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return o.createElement("div",{className:n},t)})),C=o.memo(o.forwardRef((function(e,t){var u=y(o.useState(e.numVisible),2),c=u[0],m=u[1],h=y(o.useState(e.numScroll),2),g=h[0],b=h[1],E=y(o.useState(e.page*e.numScroll*-1),2),P=E[0],S=E[1],I=y(o.useState(e.page),2),O=I[0],k=I[1],w=o.useRef(null),j=o.useRef(null),R=o.useRef(0),T=o.useRef(!!e.autoplayInterval),M=o.useRef(""),x=o.useRef(20),A=o.useRef(null),V=o.useRef(null),D=o.useRef(null),L=o.useRef(!1),_=o.useRef(null),H=a.usePrevious(g),U=a.usePrevious(c),z=a.usePrevious(e.value),B=a.usePrevious(e.page),Y="vertical"===e.orientation,X=e.circular||!!e.autoplayInterval,q=X&&e.value&&e.value.length>=c,F=e.onPageChange?e.page:O,K=e.value?Math.max(Math.ceil((e.value.length-c)/g)+1,0):0,W=K&&e.autoplayInterval&&T.current,$=y(a.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],G=function(t,n){var r=P;null!=n?(r=g*n*-1,q&&(r-=c),L.current=!1):(r+=g*t,L.current&&(r+=R.current-g*t,L.current=!1),n=Math.abs(Math.floor((q?r+c:r)/g)));q&&O===K-1&&-1===t?(r=-1*(e.value.length+c),n=0):q&&0===O&&1===t?(r=0,n=K-1):n===K-1&&R.current>0&&(r+=-1*R.current-g*t,L.current=!0),j.current&&(l.DomHandler.removeClass(j.current,"p-items-hidden"),oe(r),j.current.style.transition="transform 500ms ease 0s"),e.onPageChange?(S(r),e.onPageChange({page:n})):(k(n),S(r))},J=function(){if(j.current&&_.current){for(var t=window.innerWidth,n={numVisible:e.numVisible,numScroll:e.numScroll},r=0;r<_.current.length;r++){var a=_.current[r];parseInt(a.breakpoint,10)>=t&&(n=a)}if(g!==n.numScroll){var l=Math.floor(F*g/n.numScroll),u=n.numScroll*l*-1;q&&(u-=n.numVisible),S(u),b(n.numScroll),e.onPageChange?e.onPageChange({page:l}):k(l)}c!==n.numVisible&&m(n.numVisible)}},Q=function(e,t){(X||0!==F)&&G(1,t),T.current=!1,e.cancelable&&e.preventDefault()},Z=function(e,t){(X||F<K-1)&&G(-1,t),T.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){t>F?Z(e,t):t<F&&Q(e,t)},te=function(e){j.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(j.current,"p-items-hidden"),j.current.style.transition="",0!==O&&O!==K-1||!q||oe(P))},ne=function(e){var t=e.changedTouches[0];A.current={x:t.pageX,y:t.pageY}},re=function(e){e.cancelable&&e.preventDefault()},ae=function(e){var t=e.changedTouches[0];le(e,Y?t.pageY-A.current.y:t.pageX-A.current.x)},le=function(e,t){Math.abs(t)>x&&(t<0?Z(e):Q(e))},ue=function(){V.current&&clearInterval(V.current)},ce=function(){D.current||(D.current=l.DomHandler.createInlineStyle(i.default.nonce));var t,n="\n .p-carousel[".concat(M.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/c,"%\n }\n ");if(e.responsiveOptions){_.current=p(t=e.responsiveOptions)||f(t)||v(t)||d(),_.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,i.default.locale)}));for(var r=0;r<_.current.length;r++){var a=_.current[r];n+="\n @media screen and (max-width: ".concat(a.breakpoint,") {\n .p-carousel[").concat(M.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/a.numVisible,"%\n }\n }\n ")}}D.current.innerHTML=n},oe=function(e){j.current&&(j.current.style.transform=Y?"translate3d(0, ".concat(e*(100/c),"%, 0)"):"translate3d(".concat(e*(100/c),"%, 0, 0)"))};a.useMountEffect((function(){w.current&&(M.current=l.UniqueComponentId(),w.current.setAttribute(M.current,"")),ce(),J(),oe(P),$()})),a.useUpdateEffect((function(){var t=!1,n=P;if(e.autoplayInterval&&ue(),H!==g||U!==c||e.value&&z&&z.length!==e.value.length){R.current=(e.value.length-c)%g;var r=F;0!==K&&r>=K&&(r=K-1,e.onPageChange?e.onPageChange({page:r}):k(r),t=!0),n=r*g*-1,q&&(n-=c),r===K-1&&R.current>0?(n+=-1*R.current+g,L.current=!0):L.current=!1,n!==P&&(S(n),t=!0),oe(n)}q&&(0===O?n=-1*c:0===n&&(n=-1*e.value.length,R.current>0&&(L.current=!0)),n!==P&&(S(n),t=!0)),B!==e.page&&(e.page>B&&e.page<=K-1?G(-1,e.page):e.page<B&&G(1,e.page)),!t&&W&&(V.current=setInterval((function(){G(-1,O===K-1?0:O+1)}),e.autoplayInterval))})),a.useUnmountEffect((function(){e.autoplayInterval&&ue()}));var ie=function(){if(e.value&&e.value.length){var t=null,n=null;if(q){var r=null;t=(r=e.value.slice(-1*c)).map((function(t,n){return o.createElement(N,{key:n+"_scloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:-1*P===e.value.length+c,start:0===n,end:n===r.length-1})})),n=(r=e.value.slice(0,c)).map((function(t,n){return o.createElement(N,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:0===P,start:0===n,end:n===r.length-1})}))}var a=e.value.map((function(t,n){var r=q?-1*(P+c):-1*P,a=r+c-1;return o.createElement(N,{key:n,template:e.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return o.createElement(o.Fragment,null,t,a,n)}},se=function(){var t=(!X||e.value&&e.value.length<c)&&0===F,a=l.classNames("p-carousel-prev p-link",{"p-disabled":t}),u=l.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!Y,"pi-chevron-up":Y});return o.createElement(r.Button,{type:"button",className:a,icon:u,onClick:Q,disabled:t,"aria-label":n.ariaLabel("previousPageLabel")})},me=function(){var t=(!X||e.value&&e.value.length<c)&&(F===K-1||0===K),a=l.classNames("p-carousel-next p-link",{"p-disabled":t}),u=l.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!Y,"pi-chevron-down":Y});return o.createElement(r.Button,{type:"button",className:a,icon:u,onClick:Z,disabled:t,"aria-label":n.ariaLabel("nextPageLabel")})},pe=function(e){var t="carousel-indicator-"+e,a=l.classNames("p-carousel-indicator",{"p-highlight":F===e});return o.createElement("li",{key:t,className:a},o.createElement(r.Button,{type:"button",className:"p-link",onClick:function(t){return ee(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)}))},fe=l.ObjectUtils.findDiffKeys(e,C.defaultProps),ve=l.classNames("p-carousel p-component",{"p-carousel-vertical":Y,"p-carousel-horizontal":!Y},e.className),de=l.classNames("p-carousel-content",e.contentClassName),he=function(){var t=ie(),n=Y?e.verticalViewPortHeight:"auto",r=se(),a=me(),u=l.classNames("p-carousel-container",e.containerClassName);return o.createElement("div",{className:u},r,o.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ne,onTouchMove:re,onTouchEnd:ae},o.createElement("div",{ref:j,className:"p-carousel-items-container",onTransitionEnd:te},t)),a)}(),ge=function(){for(var t=l.classNames("p-carousel-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<K;r++)n.push(pe(r));return o.createElement("ul",{className:t},n)}(),be=e.header?o.createElement("div",{className:"p-carousel-header"},e.header):null,ye=e.footer?o.createElement("div",{className:"p-carousel-footer"},e.footer):null;return o.createElement("div",s({ref:w,id:e.id,className:ve,style:e.style},fe),be,o.createElement("div",{className:de},he,ge),ye)})));return N.displayName="CarouselItem",C.displayName="Carousel",C.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null},e.Carousel=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.utils);
|
|
@@ -402,7 +402,8 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
402
402
|
};
|
|
403
403
|
|
|
404
404
|
var getOptionLabel = function getOptionLabel(option) {
|
|
405
|
-
|
|
405
|
+
var label = props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
|
|
406
|
+
return label || option;
|
|
406
407
|
};
|
|
407
408
|
|
|
408
409
|
var getOptionValue = function getOptionValue(option) {
|
|
@@ -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"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/utils"),i=require("primereact/ripple");function c(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 s=u(e),p=c(t);function f(){return f=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},f.apply(this,arguments)}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 r,l,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return a}}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 b(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 h(){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 d(e)||m(e,t)||b(e,t)||h()}var g=s.memo((function(e){var t=y(s.useState(null),2),n=t[0],l=t[1],a=s.useRef(null),c=function(t){e.onOptionSelect&&e.onOptionSelect(t)},u=function(t,r){var a=t.currentTarget.parentElement;switch(t.key){case"Down":case"ArrowDown":var o=p(a);o&&o.children[0].focus();break;case"Up":case"ArrowUp":var i=f(a);i&&i.children[0].focus();break;case"Right":case"ArrowRight":h(r)&&(n===r?a.children[1].children[0].children[0].focus():l(r));break;case"Left":case"ArrowLeft":l(null);var c=t.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":d(t,r);break;case"Tab":case"Escape":e.onPanelHide&&(e.onPanelHide(),t.preventDefault())}t.preventDefault()},p=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},f=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},d=function(t,n){h(n)?(l((function(e){return e===n?null:n})),e.onOptionGroupSelect&&e.onOptionGroupSelect({originalEvent:t,value:n})):e.onOptionSelect&&e.onOptionSelect({originalEvent:t,value:b(n)})},m=function(t){e.onOptionGroupSelect&&e.onOptionGroupSelect(t)},v=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t},b=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},h=function(t){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[e.level])},O=function(t){return h(t)?(n=t,e.optionGroupLabel?o.ObjectUtils.resolveFieldData(n,e.optionGroupLabel):null):v(t);var n};r.useMountEffect((function(){if(e.selectionPath&&e.options&&!e.dirty){var t=e.options.find((function(t){return e.selectionPath.includes(t)}));t&&l(t)}var n,r,i,c,u;e.root||(r=o.DomHandler.getOffset(n=a.current.parentElement),i=o.DomHandler.getViewport(),c=a.current.offsetParent?a.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(element),u=o.DomHandler.getOuterWidth(n.children[0]),parseInt(r.left,10)+u+c>i.width-o.DomHandler.calculateScrollbarWidth()&&(a.current.style.left="-100%"))})),r.useUpdateEffect((function(){l(null)}),[e.parentActive]);var E=function(t){if(h(t)&&n===t){var r=o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[e.level]);return s.createElement(g,{options:r,className:"p-cascadeselect-sublist",selectionPath:e.selectionPath,optionLabel:e.optionLabel,optionValue:e.optionValue,level:e.level+1,onOptionSelect:c,onOptionGroupSelect:m,parentActive:n===t,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,dirty:e.dirty,template:e.template,onPanelHide:e.onPanelHide})}return null},S=function(t,r){var l=o.classNames("p-cascadeselect-item",{"p-cascadeselect-item-group":h(t),"p-cascadeselect-item-active p-highlight":n===t},t.className),a=E(t),c=e.template?o.ObjectUtils.getJSXElement(e.template,b(t)):s.createElement("span",{className:"p-cascadeselect-item-text"},O(t)),p=h(t)&&s.createElement("span",{className:"p-cascadeselect-group-icon pi pi-angle-right"}),f=O(t)+"_"+r;return s.createElement("li",{key:f,className:l,style:t.style,role:"none"},s.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return d(e,t)},tabIndex:0,onKeyDown:function(e){return u(e,t)}},c,p,s.createElement(i.Ripple,null)),a)},w=o.classNames("p-cascadeselect-panel p-cascadeselect-items",e.className),j=e.options?e.options.map(S):null;return s.createElement("ul",{ref:a,className:w,role:"listbox","aria-orientation":"horizontal"},j)}));function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=E(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function E(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 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}var w=s.memo(s.forwardRef((function(e,t){var i=y(s.useState(!1),2),c=i[0],u=i[1],d=y(s.useState(!1),2),m=d[0],v=d[1],b=s.useRef(null),h=s.useRef(null),E=s.useRef(null),S=s.useRef(null),j=s.useRef(!1),C=s.useRef(null),D=y(r.useOverlayListener({target:b,overlay:h,listener:function(e,t){t.valid&&_()},when:m}),2),G=D[0],N=D[1],x=function(t){e.onChange&&e.onChange({originalEvent:t,value:t.value}),A(),_(),E.current.focus()},H=function(t){j.current=!0,e.onGroupChange&&e.onGroupChange(t)},L=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t},P=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},U=function(t,n){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[n])},I=function(t,n){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[n])},A=function(){var t;if(null!=e.value&&e.options){var n,r=O(e.options);try{for(r.s();!(n=r.n()).done;){if(t=k(n.value,0))break}}catch(e){r.e(e)}finally{r.f()}}C.current=t},k=function t(n,r){if(I(n,r)){var l,a,i=O(U(n,r));try{for(i.s();!(a=i.n()).done;){if(l=t(a.value,r+1))return l.unshift(n),l}}catch(e){i.e(e)}finally{i.f()}}else if(o.ObjectUtils.equals(e.value,P(n),e.dataKey))return[n];return null},R=function(t){e.disabled||h.current&&h.current.contains(t.target)||(E.current.focus(),m?_():F())},T=function(){u(!0)},V=function(){u(!1)},q=function(t){switch(t.which){case 40:m?o.DomHandler.findSingle(h.current,".p-cascadeselect-item").children[0].focus():t.altKey&&e.options&&e.options.length&&F(),t.preventDefault();break;case 32:m?_():F(),t.preventDefault();break;case 9:_()}},B=function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},F=function(){e.onBeforeShow&&e.onBeforeShow(),v(!0)},_=function(){e.onBeforeHide&&e.onBeforeHide(),v(!1),E.current.focus()},K=function(){o.ZIndexUtils.set("overlay",h.current,p.default.autoZIndex,p.default.zIndex.overlay),z()},M=function(){G(),e.onShow&&e.onShow()},W=function(){N(),j.current=!1},Z=function(){o.ZIndexUtils.clear(h.current),e.onHide&&e.onHide()},z=function(){o.DomHandler.alignOverlay(h.current,S.current.parentElement,e.appendTo||p.default.appendTo)};s.useEffect((function(){o.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),r.useUpdateEffect((function(){A()}),[e.value]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(h.current)}));var $,J,X,Y,Q,ee,te,ne,re,le;return Q=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ee=o.classNames("p-cascadeselect p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":c,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":c||m},e.className),$=e.value?L(e.value):void 0,te=s.createElement("div",{className:"p-hidden-accessible"},s.createElement("input",{ref:E,type:"text",id:e.inputId,name:e.name,defaultValue:$,readOnly:!0,disabled:e.disabled,onFocus:T,onBlur:V,onKeyDown:q,tabIndex:e.tabIndex,"aria-haspopup":"listbox","aria-labelledby":e.ariaLabelledBy})),J=e.value?L(e.value):e.placeholder||"p-emptylabel",X=o.classNames("p-cascadeselect-label ",{"p-placeholder":J===e.placeholder,"p-cascadeselect-label-empty":!e.value&&"p-emptylabel"===J}),ne=s.createElement("span",{ref:S,className:X},J),Y=o.classNames("p-cascadeselect-trigger-icon",e.dropdownIcon),re=s.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":m},s.createElement("span",{className:Y})),le=s.createElement(a.Portal,{element:s.createElement(n.CSSTransition,{nodeRef:h,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:M,onExit:W,onExited:Z},s.createElement("div",{ref:h,className:"p-cascadeselect-panel p-component",onClick:B},s.createElement("div",{className:"p-cascadeselect-items-wrapper"},s.createElement(g,{options:e.options,selectionPath:C.current,className:"p-cascadeselect-items",optionLabel:e.optionLabel,optionValue:e.optionValue,level:0,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,onOptionSelect:x,onOptionGroupSelect:H,root:!0,template:e.itemTemplate,onPanelHide:_})))),appendTo:e.appendTo}),s.createElement("div",f({ref:b,id:e.id,className:ee,style:e.style},Q,{onClick:R}),te,ne,re,le)})));w.displayName="CascadeSelect",w.defaultProps={__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},exports.CascadeSelect=w;
|
|
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"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/utils"),i=require("primereact/ripple");function c(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 s=u(e),p=c(t);function f(){return f=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},f.apply(this,arguments)}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 r,l,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return a}}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 b(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 h(){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 d(e)||m(e,t)||b(e,t)||h()}var g=s.memo((function(e){var t=y(s.useState(null),2),n=t[0],l=t[1],a=s.useRef(null),c=function(t){e.onOptionSelect&&e.onOptionSelect(t)},u=function(t,r){var a=t.currentTarget.parentElement;switch(t.key){case"Down":case"ArrowDown":var o=p(a);o&&o.children[0].focus();break;case"Up":case"ArrowUp":var i=f(a);i&&i.children[0].focus();break;case"Right":case"ArrowRight":h(r)&&(n===r?a.children[1].children[0].children[0].focus():l(r));break;case"Left":case"ArrowLeft":l(null);var c=t.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":d(t,r);break;case"Tab":case"Escape":e.onPanelHide&&(e.onPanelHide(),t.preventDefault())}t.preventDefault()},p=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},f=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},d=function(t,n){h(n)?(l((function(e){return e===n?null:n})),e.onOptionGroupSelect&&e.onOptionGroupSelect({originalEvent:t,value:n})):e.onOptionSelect&&e.onOptionSelect({originalEvent:t,value:b(n)})},m=function(t){e.onOptionGroupSelect&&e.onOptionGroupSelect(t)},v=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t},b=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},h=function(t){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[e.level])},O=function(t){return h(t)?(n=t,e.optionGroupLabel?o.ObjectUtils.resolveFieldData(n,e.optionGroupLabel):null):v(t);var n};r.useMountEffect((function(){if(e.selectionPath&&e.options&&!e.dirty){var t=e.options.find((function(t){return e.selectionPath.includes(t)}));t&&l(t)}var n,r,i,c,u;e.root||(r=o.DomHandler.getOffset(n=a.current.parentElement),i=o.DomHandler.getViewport(),c=a.current.offsetParent?a.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(element),u=o.DomHandler.getOuterWidth(n.children[0]),parseInt(r.left,10)+u+c>i.width-o.DomHandler.calculateScrollbarWidth()&&(a.current.style.left="-100%"))})),r.useUpdateEffect((function(){l(null)}),[e.parentActive]);var E=function(t){if(h(t)&&n===t){var r=o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[e.level]);return s.createElement(g,{options:r,className:"p-cascadeselect-sublist",selectionPath:e.selectionPath,optionLabel:e.optionLabel,optionValue:e.optionValue,level:e.level+1,onOptionSelect:c,onOptionGroupSelect:m,parentActive:n===t,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,dirty:e.dirty,template:e.template,onPanelHide:e.onPanelHide})}return null},S=function(t,r){var l=o.classNames("p-cascadeselect-item",{"p-cascadeselect-item-group":h(t),"p-cascadeselect-item-active p-highlight":n===t},t.className),a=E(t),c=e.template?o.ObjectUtils.getJSXElement(e.template,b(t)):s.createElement("span",{className:"p-cascadeselect-item-text"},O(t)),p=h(t)&&s.createElement("span",{className:"p-cascadeselect-group-icon pi pi-angle-right"}),f=O(t)+"_"+r;return s.createElement("li",{key:f,className:l,style:t.style,role:"none"},s.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return d(e,t)},tabIndex:0,onKeyDown:function(e){return u(e,t)}},c,p,s.createElement(i.Ripple,null)),a)},w=o.classNames("p-cascadeselect-panel p-cascadeselect-items",e.className),j=e.options?e.options.map(S):null;return s.createElement("ul",{ref:a,className:w,role:"listbox","aria-orientation":"horizontal"},j)}));function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=E(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function E(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 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}var w=s.memo(s.forwardRef((function(e,t){var i=y(s.useState(!1),2),c=i[0],u=i[1],d=y(s.useState(!1),2),m=d[0],v=d[1],b=s.useRef(null),h=s.useRef(null),E=s.useRef(null),S=s.useRef(null),j=s.useRef(!1),C=s.useRef(null),D=y(r.useOverlayListener({target:b,overlay:h,listener:function(e,t){t.valid&&_()},when:m}),2),G=D[0],N=D[1],x=function(t){e.onChange&&e.onChange({originalEvent:t,value:t.value}),A(),_(),E.current.focus()},H=function(t){j.current=!0,e.onGroupChange&&e.onGroupChange(t)},L=function(t){return(e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t)||t},P=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},U=function(t,n){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[n])},I=function(t,n){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[n])},A=function(){var t;if(null!=e.value&&e.options){var n,r=O(e.options);try{for(r.s();!(n=r.n()).done;){if(t=k(n.value,0))break}}catch(e){r.e(e)}finally{r.f()}}C.current=t},k=function t(n,r){if(I(n,r)){var l,a,i=O(U(n,r));try{for(i.s();!(a=i.n()).done;){if(l=t(a.value,r+1))return l.unshift(n),l}}catch(e){i.e(e)}finally{i.f()}}else if(o.ObjectUtils.equals(e.value,P(n),e.dataKey))return[n];return null},R=function(t){e.disabled||h.current&&h.current.contains(t.target)||(E.current.focus(),m?_():F())},T=function(){u(!0)},V=function(){u(!1)},q=function(t){switch(t.which){case 40:m?o.DomHandler.findSingle(h.current,".p-cascadeselect-item").children[0].focus():t.altKey&&e.options&&e.options.length&&F(),t.preventDefault();break;case 32:m?_():F(),t.preventDefault();break;case 9:_()}},B=function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},F=function(){e.onBeforeShow&&e.onBeforeShow(),v(!0)},_=function(){e.onBeforeHide&&e.onBeforeHide(),v(!1),E.current.focus()},K=function(){o.ZIndexUtils.set("overlay",h.current,p.default.autoZIndex,p.default.zIndex.overlay),z()},M=function(){G(),e.onShow&&e.onShow()},W=function(){N(),j.current=!1},Z=function(){o.ZIndexUtils.clear(h.current),e.onHide&&e.onHide()},z=function(){o.DomHandler.alignOverlay(h.current,S.current.parentElement,e.appendTo||p.default.appendTo)};s.useEffect((function(){o.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),r.useUpdateEffect((function(){A()}),[e.value]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(h.current)}));var $,J,X,Y,Q,ee,te,ne,re,le;return Q=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ee=o.classNames("p-cascadeselect p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":c,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":c||m},e.className),$=e.value?L(e.value):void 0,te=s.createElement("div",{className:"p-hidden-accessible"},s.createElement("input",{ref:E,type:"text",id:e.inputId,name:e.name,defaultValue:$,readOnly:!0,disabled:e.disabled,onFocus:T,onBlur:V,onKeyDown:q,tabIndex:e.tabIndex,"aria-haspopup":"listbox","aria-labelledby":e.ariaLabelledBy})),J=e.value?L(e.value):e.placeholder||"p-emptylabel",X=o.classNames("p-cascadeselect-label ",{"p-placeholder":J===e.placeholder,"p-cascadeselect-label-empty":!e.value&&"p-emptylabel"===J}),ne=s.createElement("span",{ref:S,className:X},J),Y=o.classNames("p-cascadeselect-trigger-icon",e.dropdownIcon),re=s.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":m},s.createElement("span",{className:Y})),le=s.createElement(a.Portal,{element:s.createElement(n.CSSTransition,{nodeRef:h,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:M,onExit:W,onExited:Z},s.createElement("div",{ref:h,className:"p-cascadeselect-panel p-component",onClick:B},s.createElement("div",{className:"p-cascadeselect-items-wrapper"},s.createElement(g,{options:e.options,selectionPath:C.current,className:"p-cascadeselect-items",optionLabel:e.optionLabel,optionValue:e.optionValue,level:0,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,onOptionSelect:x,onOptionGroupSelect:H,root:!0,template:e.itemTemplate,onPanelHide:_})))),appendTo:e.appendTo}),s.createElement("div",f({ref:b,id:e.id,className:ee,style:e.style},Q,{onClick:R}),te,ne,re,le)})));w.displayName="CascadeSelect",w.defaultProps={__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},exports.CascadeSelect=w;
|
|
@@ -375,7 +375,8 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
|
|
|
375
375
|
};
|
|
376
376
|
|
|
377
377
|
var getOptionLabel = function getOptionLabel(option) {
|
|
378
|
-
|
|
378
|
+
var label = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
|
|
379
|
+
return label || option;
|
|
379
380
|
};
|
|
380
381
|
|
|
381
382
|
var getOptionValue = function getOptionValue(option) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as r,useUpdateEffect as o,useOverlayListener as a,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as u,DomHandler as p,ObjectUtils as s,ZIndexUtils as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw o}}return a}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function g(){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 E(e,n){return v(e)||h(e,n)||y(e,n)||g()}var w=e.memo((function(n){var t=E(e.useState(null),2),a=t[0],l=t[1],i=e.useRef(null),c=function(e){n.onOptionSelect&&n.onOptionSelect(e)},f=function(e,t){var r=e.currentTarget.parentElement;switch(e.key){case"Down":case"ArrowDown":var o=m(r);o&&o.children[0].focus();break;case"Up":case"ArrowUp":var i=v(r);i&&i.children[0].focus();break;case"Right":case"ArrowRight":S(t)&&(a===t?r.children[1].children[0].children[0].focus():l(t));break;case"Left":case"ArrowLeft":l(null);var c=e.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":h(e,t);break;case"Tab":case"Escape":n.onPanelHide&&(n.onPanelHide(),e.preventDefault())}e.preventDefault()},m=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-cascadeselect-item")?e(t):t:null},v=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-cascadeselect-item")?e(t):t:null},h=function(e,t){S(t)?(l((function(e){return e===t?null:t})),n.onOptionGroupSelect&&n.onOptionGroupSelect({originalEvent:e,value:t})):n.onOptionSelect&&n.onOptionSelect({originalEvent:e,value:g(t)})},b=function(e){n.onOptionGroupSelect&&n.onOptionGroupSelect(e)},y=function(e){return n.optionLabel?s.resolveFieldData(e,n.optionLabel):e},g=function(e){return n.optionValue?s.resolveFieldData(e,n.optionValue):e},S=function(e){return Object.prototype.hasOwnProperty.call(e,n.optionGroupChildren[n.level])},O=function(e){return S(e)?(t=e,n.optionGroupLabel?s.resolveFieldData(t,n.optionGroupLabel):null):y(e);var t};r((function(){if(n.selectionPath&&n.options&&!n.dirty){var e=n.options.find((function(e){return n.selectionPath.includes(e)}));e&&l(e)}var t,r,o,a,c;n.root||(r=p.getOffset(t=i.current.parentElement),o=p.getViewport(),a=i.current.offsetParent?i.current.offsetWidth:p.getHiddenElementOuterWidth(element),c=p.getOuterWidth(t.children[0]),parseInt(r.left,10)+c+a>o.width-p.calculateScrollbarWidth()&&(i.current.style.left="-100%"))})),o((function(){l(null)}),[n.parentActive]);var C=function(t){if(S(t)&&a===t){var r=s.resolveFieldData(t,n.optionGroupChildren[n.level]);return e.createElement(w,{options:r,className:"p-cascadeselect-sublist",selectionPath:n.selectionPath,optionLabel:n.optionLabel,optionValue:n.optionValue,level:n.level+1,onOptionSelect:c,onOptionGroupSelect:b,parentActive:a===t,optionGroupLabel:n.optionGroupLabel,optionGroupChildren:n.optionGroupChildren,dirty:n.dirty,template:n.template,onPanelHide:n.onPanelHide})}return null},G=function(t,r){var o=u("p-cascadeselect-item",{"p-cascadeselect-item-group":S(t),"p-cascadeselect-item-active p-highlight":a===t},t.className),l=C(t),i=n.template?s.getJSXElement(n.template,g(t)):e.createElement("span",{className:"p-cascadeselect-item-text"},O(t)),c=S(t)&&e.createElement("span",{className:"p-cascadeselect-group-icon pi pi-angle-right"}),p=O(t)+"_"+r;return e.createElement("li",{key:p,className:o,style:t.style,role:"none"},e.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return h(e,t)},tabIndex:0,onKeyDown:function(e){return f(e,t)}},i,c,e.createElement(d,null)),l)},x=u("p-cascadeselect-panel p-cascadeselect-items",n.className),L=n.options?n.options.map(G):null;return e.createElement("ul",{ref:i,className:x,role:"listbox","aria-orientation":"horizontal"},L)}));function S(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=O(e))||n&&e&&"number"==typeof e.length){t&&(e=t);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(){t=t.call(e)},n:function(){var e=t.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==t.return||t.return()}finally{if(i)throw a}}}}function O(e,n){if(e){if("string"==typeof e)return C(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?C(e,n):void 0}}function C(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var G=e.memo(e.forwardRef((function(r,d){var v=E(e.useState(!1),2),h=v[0],b=v[1],y=E(e.useState(!1),2),g=y[0],O=y[1],C=e.useRef(null),x=e.useRef(null),L=e.useRef(null),N=e.useRef(null),A=e.useRef(!1),I=e.useRef(null),P=E(a({target:C,overlay:x,listener:function(e,n){n.valid&&q()},when:g}),2),D=P[0],k=P[1],R=function(e){r.onChange&&r.onChange({originalEvent:e,value:e.value}),F(),q(),L.current.focus()},T=function(e){A.current=!0,r.onGroupChange&&r.onGroupChange(e)},H=function(e){return r.optionLabel?s.resolveFieldData(e,r.optionLabel):e},V=function(e){return r.optionValue?s.resolveFieldData(e,r.optionValue):e},j=function(e,n){return s.resolveFieldData(e,r.optionGroupChildren[n])},B=function(e,n){return Object.prototype.hasOwnProperty.call(e,r.optionGroupChildren[n])},F=function(){var e;if(null!=r.value&&r.options){var n,t=S(r.options);try{for(t.s();!(n=t.n()).done;){if(e=K(n.value,0))break}}catch(e){t.e(e)}finally{t.f()}}I.current=e},K=function e(n,t){if(B(n,t)){var o,a,l=S(j(n,t));try{for(l.s();!(a=l.n()).done;){if(o=e(a.value,t+1))return o.unshift(n),o}}catch(e){l.e(e)}finally{l.f()}}else if(s.equals(r.value,V(n),r.dataKey))return[n];return null},U=function(e){r.disabled||x.current&&x.current.contains(e.target)||(L.current.focus(),g?q():$())},W=function(){b(!0)},_=function(){b(!1)},z=function(e){switch(e.which){case 40:g?p.findSingle(x.current,".p-cascadeselect-item").children[0].focus():e.altKey&&r.options&&r.options.length&&$(),e.preventDefault();break;case 32:g?q():$(),e.preventDefault();break;case 9:q()}},M=function(e){i.emit("overlay-click",{originalEvent:e,target:C.current})},$=function(){r.onBeforeShow&&r.onBeforeShow(),O(!0)},q=function(){r.onBeforeHide&&r.onBeforeHide(),O(!1),L.current.focus()},J=function(){f.set("overlay",x.current,n.autoZIndex,n.zIndex.overlay),Q()},X=function(){D(),r.onShow&&r.onShow()},Y=function(){k(),A.current=!1},Z=function(){f.clear(x.current),r.onHide&&r.onHide()},Q=function(){p.alignOverlay(x.current,N.current.parentElement,r.appendTo||n.appendTo)};e.useEffect((function(){s.combinedRefs(L,r.inputRef)}),[L,r.inputRef]),o((function(){F()}),[r.value]),l((function(){f.clear(x.current)}));var ee,ne,te,re,oe,ae,le,ie,ce,ue;return oe=s.findDiffKeys(r,G.defaultProps),ae=u("p-cascadeselect p-component p-inputwrapper",{"p-disabled":r.disabled,"p-focus":h,"p-inputwrapper-filled":r.value,"p-inputwrapper-focus":h||g},r.className),ee=r.value?H(r.value):void 0,le=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:L,type:"text",id:r.inputId,name:r.name,defaultValue:ee,readOnly:!0,disabled:r.disabled,onFocus:W,onBlur:_,onKeyDown:z,tabIndex:r.tabIndex,"aria-haspopup":"listbox","aria-labelledby":r.ariaLabelledBy})),ne=r.value?H(r.value):r.placeholder||"p-emptylabel",te=u("p-cascadeselect-label ",{"p-placeholder":ne===r.placeholder,"p-cascadeselect-label-empty":!r.value&&"p-emptylabel"===ne}),ie=e.createElement("span",{ref:N,className:te},ne),re=u("p-cascadeselect-trigger-icon",r.dropdownIcon),ce=e.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":g},e.createElement("span",{className:re})),ue=e.createElement(c,{element:e.createElement(t,{nodeRef:x,classNames:"p-connected-overlay",in:g,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:J,onEntered:X,onExit:Y,onExited:Z},e.createElement("div",{ref:x,className:"p-cascadeselect-panel p-component",onClick:M},e.createElement("div",{className:"p-cascadeselect-items-wrapper"},e.createElement(w,{options:r.options,selectionPath:I.current,className:"p-cascadeselect-items",optionLabel:r.optionLabel,optionValue:r.optionValue,level:0,optionGroupLabel:r.optionGroupLabel,optionGroupChildren:r.optionGroupChildren,onOptionSelect:R,onOptionGroupSelect:T,root:!0,template:r.itemTemplate,onPanelHide:q})))),appendTo:r.appendTo}),e.createElement("div",m({ref:C,id:r.id,className:ae,style:r.style},oe,{onClick:U}),le,ie,ce,ue)})));G.displayName="CascadeSelect",G.defaultProps={__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null};export{G as CascadeSelect};
|
|
1
|
+
import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as r,useUpdateEffect as o,useOverlayListener as a,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as u,DomHandler as p,ObjectUtils as s,ZIndexUtils as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw o}}return a}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function g(){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 E(e,n){return v(e)||h(e,n)||y(e,n)||g()}var w=e.memo((function(n){var t=E(e.useState(null),2),a=t[0],l=t[1],i=e.useRef(null),c=function(e){n.onOptionSelect&&n.onOptionSelect(e)},f=function(e,t){var r=e.currentTarget.parentElement;switch(e.key){case"Down":case"ArrowDown":var o=m(r);o&&o.children[0].focus();break;case"Up":case"ArrowUp":var i=v(r);i&&i.children[0].focus();break;case"Right":case"ArrowRight":S(t)&&(a===t?r.children[1].children[0].children[0].focus():l(t));break;case"Left":case"ArrowLeft":l(null);var c=e.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":h(e,t);break;case"Tab":case"Escape":n.onPanelHide&&(n.onPanelHide(),e.preventDefault())}e.preventDefault()},m=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-cascadeselect-item")?e(t):t:null},v=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-cascadeselect-item")?e(t):t:null},h=function(e,t){S(t)?(l((function(e){return e===t?null:t})),n.onOptionGroupSelect&&n.onOptionGroupSelect({originalEvent:e,value:t})):n.onOptionSelect&&n.onOptionSelect({originalEvent:e,value:g(t)})},b=function(e){n.onOptionGroupSelect&&n.onOptionGroupSelect(e)},y=function(e){return n.optionLabel?s.resolveFieldData(e,n.optionLabel):e},g=function(e){return n.optionValue?s.resolveFieldData(e,n.optionValue):e},S=function(e){return Object.prototype.hasOwnProperty.call(e,n.optionGroupChildren[n.level])},O=function(e){return S(e)?(t=e,n.optionGroupLabel?s.resolveFieldData(t,n.optionGroupLabel):null):y(e);var t};r((function(){if(n.selectionPath&&n.options&&!n.dirty){var e=n.options.find((function(e){return n.selectionPath.includes(e)}));e&&l(e)}var t,r,o,a,c;n.root||(r=p.getOffset(t=i.current.parentElement),o=p.getViewport(),a=i.current.offsetParent?i.current.offsetWidth:p.getHiddenElementOuterWidth(element),c=p.getOuterWidth(t.children[0]),parseInt(r.left,10)+c+a>o.width-p.calculateScrollbarWidth()&&(i.current.style.left="-100%"))})),o((function(){l(null)}),[n.parentActive]);var C=function(t){if(S(t)&&a===t){var r=s.resolveFieldData(t,n.optionGroupChildren[n.level]);return e.createElement(w,{options:r,className:"p-cascadeselect-sublist",selectionPath:n.selectionPath,optionLabel:n.optionLabel,optionValue:n.optionValue,level:n.level+1,onOptionSelect:c,onOptionGroupSelect:b,parentActive:a===t,optionGroupLabel:n.optionGroupLabel,optionGroupChildren:n.optionGroupChildren,dirty:n.dirty,template:n.template,onPanelHide:n.onPanelHide})}return null},G=function(t,r){var o=u("p-cascadeselect-item",{"p-cascadeselect-item-group":S(t),"p-cascadeselect-item-active p-highlight":a===t},t.className),l=C(t),i=n.template?s.getJSXElement(n.template,g(t)):e.createElement("span",{className:"p-cascadeselect-item-text"},O(t)),c=S(t)&&e.createElement("span",{className:"p-cascadeselect-group-icon pi pi-angle-right"}),p=O(t)+"_"+r;return e.createElement("li",{key:p,className:o,style:t.style,role:"none"},e.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return h(e,t)},tabIndex:0,onKeyDown:function(e){return f(e,t)}},i,c,e.createElement(d,null)),l)},x=u("p-cascadeselect-panel p-cascadeselect-items",n.className),L=n.options?n.options.map(G):null;return e.createElement("ul",{ref:i,className:x,role:"listbox","aria-orientation":"horizontal"},L)}));function S(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=O(e))||n&&e&&"number"==typeof e.length){t&&(e=t);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(){t=t.call(e)},n:function(){var e=t.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==t.return||t.return()}finally{if(i)throw a}}}}function O(e,n){if(e){if("string"==typeof e)return C(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?C(e,n):void 0}}function C(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var G=e.memo(e.forwardRef((function(r,d){var v=E(e.useState(!1),2),h=v[0],b=v[1],y=E(e.useState(!1),2),g=y[0],O=y[1],C=e.useRef(null),x=e.useRef(null),L=e.useRef(null),N=e.useRef(null),A=e.useRef(!1),I=e.useRef(null),P=E(a({target:C,overlay:x,listener:function(e,n){n.valid&&q()},when:g}),2),D=P[0],k=P[1],R=function(e){r.onChange&&r.onChange({originalEvent:e,value:e.value}),F(),q(),L.current.focus()},T=function(e){A.current=!0,r.onGroupChange&&r.onGroupChange(e)},H=function(e){return(r.optionLabel?s.resolveFieldData(e,r.optionLabel):e)||e},V=function(e){return r.optionValue?s.resolveFieldData(e,r.optionValue):e},j=function(e,n){return s.resolveFieldData(e,r.optionGroupChildren[n])},B=function(e,n){return Object.prototype.hasOwnProperty.call(e,r.optionGroupChildren[n])},F=function(){var e;if(null!=r.value&&r.options){var n,t=S(r.options);try{for(t.s();!(n=t.n()).done;){if(e=K(n.value,0))break}}catch(e){t.e(e)}finally{t.f()}}I.current=e},K=function e(n,t){if(B(n,t)){var o,a,l=S(j(n,t));try{for(l.s();!(a=l.n()).done;){if(o=e(a.value,t+1))return o.unshift(n),o}}catch(e){l.e(e)}finally{l.f()}}else if(s.equals(r.value,V(n),r.dataKey))return[n];return null},U=function(e){r.disabled||x.current&&x.current.contains(e.target)||(L.current.focus(),g?q():$())},W=function(){b(!0)},_=function(){b(!1)},z=function(e){switch(e.which){case 40:g?p.findSingle(x.current,".p-cascadeselect-item").children[0].focus():e.altKey&&r.options&&r.options.length&&$(),e.preventDefault();break;case 32:g?q():$(),e.preventDefault();break;case 9:q()}},M=function(e){i.emit("overlay-click",{originalEvent:e,target:C.current})},$=function(){r.onBeforeShow&&r.onBeforeShow(),O(!0)},q=function(){r.onBeforeHide&&r.onBeforeHide(),O(!1),L.current.focus()},J=function(){f.set("overlay",x.current,n.autoZIndex,n.zIndex.overlay),Q()},X=function(){D(),r.onShow&&r.onShow()},Y=function(){k(),A.current=!1},Z=function(){f.clear(x.current),r.onHide&&r.onHide()},Q=function(){p.alignOverlay(x.current,N.current.parentElement,r.appendTo||n.appendTo)};e.useEffect((function(){s.combinedRefs(L,r.inputRef)}),[L,r.inputRef]),o((function(){F()}),[r.value]),l((function(){f.clear(x.current)}));var ee,ne,te,re,oe,ae,le,ie,ce,ue;return oe=s.findDiffKeys(r,G.defaultProps),ae=u("p-cascadeselect p-component p-inputwrapper",{"p-disabled":r.disabled,"p-focus":h,"p-inputwrapper-filled":r.value,"p-inputwrapper-focus":h||g},r.className),ee=r.value?H(r.value):void 0,le=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:L,type:"text",id:r.inputId,name:r.name,defaultValue:ee,readOnly:!0,disabled:r.disabled,onFocus:W,onBlur:_,onKeyDown:z,tabIndex:r.tabIndex,"aria-haspopup":"listbox","aria-labelledby":r.ariaLabelledBy})),ne=r.value?H(r.value):r.placeholder||"p-emptylabel",te=u("p-cascadeselect-label ",{"p-placeholder":ne===r.placeholder,"p-cascadeselect-label-empty":!r.value&&"p-emptylabel"===ne}),ie=e.createElement("span",{ref:N,className:te},ne),re=u("p-cascadeselect-trigger-icon",r.dropdownIcon),ce=e.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":g},e.createElement("span",{className:re})),ue=e.createElement(c,{element:e.createElement(t,{nodeRef:x,classNames:"p-connected-overlay",in:g,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:J,onEntered:X,onExit:Y,onExited:Z},e.createElement("div",{ref:x,className:"p-cascadeselect-panel p-component",onClick:M},e.createElement("div",{className:"p-cascadeselect-items-wrapper"},e.createElement(w,{options:r.options,selectionPath:I.current,className:"p-cascadeselect-items",optionLabel:r.optionLabel,optionValue:r.optionValue,level:0,optionGroupLabel:r.optionGroupLabel,optionGroupChildren:r.optionGroupChildren,onOptionSelect:R,onOptionGroupSelect:T,root:!0,template:r.itemTemplate,onPanelHide:q})))),appendTo:r.appendTo}),e.createElement("div",m({ref:C,id:r.id,className:ae,style:r.style},oe,{onClick:U}),le,ie,ce,ue)})));G.displayName="CascadeSelect",G.defaultProps={__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null};export{G as CascadeSelect};
|
|
@@ -393,7 +393,8 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, csstransi
|
|
|
393
393
|
};
|
|
394
394
|
|
|
395
395
|
var getOptionLabel = function getOptionLabel(option) {
|
|
396
|
-
|
|
396
|
+
var label = props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
|
|
397
|
+
return label || option;
|
|
397
398
|
};
|
|
398
399
|
|
|
399
400
|
var getOptionValue = function getOptionValue(option) {
|