primereact 10.6.3 → 10.6.4
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/accordion/accordion.cjs.js +14 -16
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.esm.js +14 -16
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -16
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +109 -38
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -0
- package/api/api.esm.js +109 -38
- package/api/api.esm.min.js +1 -1
- package/api/api.js +109 -38
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +7 -7
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +7 -7
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +7 -7
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +1 -6
- package/calendar/calendar.cjs.js +23 -6
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +23 -6
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +23 -6
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +6 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +7 -3
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +6 -2
- package/carousel/carousel.min.js +1 -1
- package/checkbox/checkbox.d.ts +6 -1
- package/chips/chips.cjs.js +12 -12
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +12 -12
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +12 -12
- package/chips/chips.min.js +1 -1
- package/core/core.js +313 -174
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +17 -6
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +27 -27
- package/datatable/datatable.esm.js +17 -6
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +17 -6
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +143 -92
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +144 -93
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +144 -93
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +39 -40
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +17 -17
- package/dropdown/dropdown.esm.js +39 -40
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +39 -40
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +2 -2
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +2 -2
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +2 -2
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/floatlabel/floatlabel.d.ts +5 -0
- package/galleria/galleria.cjs.js +9 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +10 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +9 -3
- package/galleria/galleria.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +11 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +11 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +11 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +9 -9
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.esm.js +9 -9
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +9 -9
- package/inputotp/inputotp.min.js +1 -1
- package/inputotp/package.json +1 -1
- package/keyfilter/keyfilter.cjs.js +3 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +3 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/listbox/listbox.cjs.js +2 -6
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +2 -6
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +2 -6
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +10 -6
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +10 -6
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +10 -6
- package/megamenu/megamenu.min.js +1 -1
- package/menu/menu.cjs.js +23 -5
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +19 -0
- package/menu/menu.esm.js +23 -5
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +23 -5
- package/menu/menu.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +33 -12
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.esm.js +6 -5
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.js +32 -11
- package/metergroup/metergroup.min.js +1 -1
- package/multiselect/multiselect.cjs.js +18 -3
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +17 -17
- package/multiselect/multiselect.esm.js +18 -3
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +18 -3
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -0
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +5 -0
- package/overlaypanel/overlaypanel.esm.js +3 -0
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -0
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +6 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +6 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +6 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +14 -4
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +14 -4
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +14 -4
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +104 -15
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +10 -10
- package/password/password.esm.js +104 -15
- package/password/password.esm.min.js +1 -1
- package/password/password.js +105 -16
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +6 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1121 -920
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1121 -920
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1121 -920
- package/primereact.all.min.js +1 -1
- package/ripple/ripple.d.ts +32 -0
- package/splitter/splitter.cjs.js +6 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +14 -4
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +13 -1
- package/stepper/stepper.esm.js +14 -4
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +14 -4
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +0 -5
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +1 -1
- package/stepperpanel/stepperpanel.esm.js +0 -5
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +2 -6
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +4 -0
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/toast/toast.cjs.js +7 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +7 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +7 -1
- package/toast/toast.min.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -2
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +12 -2
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -2
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +8 -0
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +8 -0
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +8 -0
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +3 -3
- package/web-types.json +61 -5
|
@@ -161,7 +161,7 @@ function _slicedToArray(arr, i) {
|
|
|
161
161
|
|
|
162
162
|
var classes = {
|
|
163
163
|
root: 'p-accordion p-component',
|
|
164
|
-
|
|
164
|
+
accordiontab: {
|
|
165
165
|
root: function root(_ref) {
|
|
166
166
|
var selected = _ref.selected;
|
|
167
167
|
return utils.classNames('p-accordion-tab', {
|
|
@@ -261,9 +261,8 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
261
261
|
var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread({}, metaData)),
|
|
262
262
|
ptm = _AccordionBase$setMet.ptm,
|
|
263
263
|
ptmo = _AccordionBase$setMet.ptmo,
|
|
264
|
-
cx = _AccordionBase$setMet.cx
|
|
265
|
-
_AccordionBase$setMet.
|
|
266
|
-
var isUnstyled = _AccordionBase$setMet.isUnstyled;
|
|
264
|
+
cx = _AccordionBase$setMet.cx,
|
|
265
|
+
isUnstyled = _AccordionBase$setMet.isUnstyled;
|
|
267
266
|
componentbase.useHandleStyle(AccordionBase.css.styles, isUnstyled, {
|
|
268
267
|
name: 'accordion'
|
|
269
268
|
});
|
|
@@ -271,7 +270,6 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
271
270
|
return AccordionTabBase.getCProp(tab, name);
|
|
272
271
|
};
|
|
273
272
|
var getTabPT = function getTabPT(tab, key, index) {
|
|
274
|
-
AccordionTabBase.getCProps(tab);
|
|
275
273
|
var tabMetaData = {
|
|
276
274
|
// props: atProps, /* @todo */
|
|
277
275
|
parent: metaData,
|
|
@@ -284,11 +282,11 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
284
282
|
disabled: getTabProp(tab, 'disabled')
|
|
285
283
|
}
|
|
286
284
|
};
|
|
287
|
-
return mergeProps(ptm("
|
|
285
|
+
return mergeProps(ptm("accordiontab.".concat(key), {
|
|
288
286
|
tab: tabMetaData
|
|
289
|
-
}), ptm("
|
|
287
|
+
}), ptm("accordiontab.".concat(key), {
|
|
290
288
|
tab: tabMetaData
|
|
291
|
-
}), ptm("
|
|
289
|
+
}), ptm("accordiontab.".concat(key), tabMetaData), ptmo(getTabProp(tab, 'pt'), key, tabMetaData));
|
|
292
290
|
};
|
|
293
291
|
var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
|
|
294
292
|
changeActiveIndex(event, tab, index);
|
|
@@ -416,13 +414,13 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
416
414
|
var ariaControls = idState + '_content_' + index;
|
|
417
415
|
var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
|
|
418
416
|
var headerTitleProps = mergeProps({
|
|
419
|
-
className: cx('
|
|
417
|
+
className: cx('accordiontab.headertitle')
|
|
420
418
|
}, getTabPT(tab, 'headertitle', index));
|
|
421
419
|
var tabCProps = AccordionTabBase.getCProps(tab);
|
|
422
420
|
var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, utils.ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
|
|
423
421
|
var headerIconProps = mergeProps({
|
|
424
422
|
'aria-hidden': 'true',
|
|
425
|
-
className: cx('
|
|
423
|
+
className: cx('accordiontab.headericon')
|
|
426
424
|
}, getTabPT(tab, 'headericon', index));
|
|
427
425
|
var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerIconProps);
|
|
428
426
|
var toggleIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
|
|
@@ -430,7 +428,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
430
428
|
selected: selected
|
|
431
429
|
});
|
|
432
430
|
var headerProps = mergeProps({
|
|
433
|
-
className: utils.classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('
|
|
431
|
+
className: utils.classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('accordiontab.header', {
|
|
434
432
|
selected: selected,
|
|
435
433
|
getTabProp: getTabProp,
|
|
436
434
|
tab: tab
|
|
@@ -442,7 +440,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
442
440
|
var headerActionProps = mergeProps({
|
|
443
441
|
id: headerId,
|
|
444
442
|
href: '#' + ariaControls,
|
|
445
|
-
className: cx('
|
|
443
|
+
className: cx('accordiontab.headeraction'),
|
|
446
444
|
role: 'button',
|
|
447
445
|
tabIndex: tabIndex,
|
|
448
446
|
onClick: function onClick(e) {
|
|
@@ -465,16 +463,16 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
465
463
|
var toggleableContentProps = mergeProps({
|
|
466
464
|
id: contentId,
|
|
467
465
|
ref: contentRef,
|
|
468
|
-
className: utils.classNames(getTabProp(tab, 'contentClassName'), getTabProp(tab, 'className'), cx('
|
|
466
|
+
className: utils.classNames(getTabProp(tab, 'contentClassName'), getTabProp(tab, 'className'), cx('accordiontab.toggleablecontent')),
|
|
469
467
|
style: style,
|
|
470
468
|
role: 'region',
|
|
471
469
|
'aria-labelledby': ariaLabelledby
|
|
472
470
|
}, getTabPT(tab, 'toggleablecontent', index));
|
|
473
471
|
var contentProps = mergeProps({
|
|
474
|
-
className: cx('
|
|
472
|
+
className: cx('accordiontab.content')
|
|
475
473
|
}, getTabPT(tab, 'content', index));
|
|
476
474
|
var transitionProps = mergeProps({
|
|
477
|
-
classNames: cx('
|
|
475
|
+
classNames: cx('accordiontab.transition'),
|
|
478
476
|
timeout: {
|
|
479
477
|
enter: 1000,
|
|
480
478
|
exit: 450
|
|
@@ -495,7 +493,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
|
|
|
495
493
|
var tabContent = createTabContent(tab, selected, index);
|
|
496
494
|
var _rootProps = mergeProps({
|
|
497
495
|
key: key,
|
|
498
|
-
className: cx('
|
|
496
|
+
className: cx('accordiontab.root', {
|
|
499
497
|
selected: selected
|
|
500
498
|
})
|
|
501
499
|
}, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root', index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),i=require("primereact/icons/chevronright"),l=require("primereact/utils");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 s=c(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){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){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function E(){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 P(e,t){return v(e)||O(e,t)||b(e,t)||E()}var S=n.ComponentBase.extend({defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0},css:{classes:{root:"p-accordion p-component",tab:{root:function(e){return l.classNames("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return l.classNames("p-accordion-header",{"p-highlight":e.selected,"p-disabled":(0,e.getTabProp)(e.tab,"disabled")})},headeraction:"p-accordion-header-link",headericon:"p-accordion-toggle-icon",headertitle:"p-accordion-header-text",toggleablecontent:"p-toggleable-content",transition:"p-toggleable-content"}},styles:"\n@layer primereact {\n .p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n }\n \n .p-accordion-header-link:focus {\n z-index: 1;\n }\n \n .p-accordion-header-text {\n line-height: 1;\n width: 100%;\n }\n}\n"}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=g(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(){},w=s.forwardRef((function(e,c){var d=a.useMergeProps(),h=s.useContext(t.PrimeReactContext),y=S.getProps(e,h),g=P(s.useState(y.id),2),v=g[0],O=g[1],E=P(s.useState(y.activeIndex),2),C=E[0],N=E[1],w=s.useRef(null),D=y.onTabChange?y.activeIndex:C,T=s.Children.count(y.children),A={props:y,state:{id:v,activeIndex:C}},I=S.setMetaData(x({},A)),_=I.ptm,k=I.ptmo,U=I.cx;n.useHandleStyle(S.css.styles,I.isUnstyled,{name:"accordion"});var H=function(e,t){return j.getCProp(e,t)},q=function(e,t,n){j.getCProps(e);var r={parent:A,context:{index:n,count:T,first:0===n,last:n===T-1,selected:Q(n),disabled:H(e,"disabled")}};return d(_("tab.".concat(t),{tab:r}),_("tab.".concat(t),{tab:r}),_("tab.".concat(t),r),k(H(e,"pt"),t,r))},M=function(e,t,n){R(e,t,n)},R=function(e,t,n){if(!H(t,"disabled")){var r=Q(n),a=null;if(y.multiple){var o=D||[];a=r?o.filter((function(e){return e!==n})):[].concat(p(l=o)||f(l)||b(l)||m(),[n])}else a=r?null:n;var i=r?y.onTabClose:y.onTabOpen;i&&i({originalEvent:e,index:n}),y.onTabChange?y.onTabChange({originalEvent:e,index:a}):N(a)}var l;e.preventDefault()},J=function(e,t,n){switch(e.code){case"ArrowDown":X(e);break;case"ArrowUp":z(e);break;case"Home":B(e);break;case"End":Y(e);break;case"Enter":case"NumpadEnter":case"Space":K(e,t,n)}},X=function(e){var t=V(e.target.parentElement.parentElement);t?L(t):B(e),e.preventDefault()},z=function(e){var t=$(e.target.parentElement.parentElement);t?L(t):Y(e),e.preventDefault()},B=function(e){var t=F();L(t),e.preventDefault()},Y=function(e){var t=G();L(t),e.preventDefault()},K=function(e,t,n){R(e,t,n),e.preventDefault()},V=function e(t){var n=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):l.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},$=function e(t){var n=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):l.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},F=function(){return V(w.current.firstElementChild,!0)},G=function(){return $(w.current.lastElementChild,!0)},L=function(e){e&&l.DomHandler.focus(e)},Q=function(e){return y.multiple&&Array.isArray(D)?D&&D.some((function(t){return t===e})):D===e};if(s.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return w.current}}})),a.useMountEffect((function(){v||O(l.UniqueComponentId())})),!v)return null;var W=function(e,t,n){var r=x(x({},H(e,"style")||{}),H(e,"headerStyle")||{}),a=v+"_header_"+n,c=v+"_content_"+n,u=H(e,"disabled")?-1:H(e,"tabIndex"),p=d({className:U("tab.headertitle")},q(e,"headertitle",n)),f=j.getCProps(e),b=H(e,"headerTemplate")?l.ObjectUtils.getJSXElement(H(e,"headerTemplate"),f):s.createElement("span",p,l.ObjectUtils.getJSXElement(H(e,"header"),f)),m=d({"aria-hidden":"true",className:U("tab.headericon")},q(e,"headericon",n)),h=l.IconUtils.getJSXIcon(t?y.collapseIcon||s.createElement(o.ChevronDownIcon,m):y.expandIcon||s.createElement(i.ChevronRightIcon,m),x({},m),{props:y,selected:t}),g=d({className:l.classNames(H(e,"headerClassName"),H(e,"className"),U("tab.header",{selected:t,getTabProp:H,tab:e})),style:r,"data-p-highlight":t,"data-p-disabled":H(e,"disabled")},q(e,"header",n)),O=d({id:a,href:"#"+c,className:U("tab.headeraction"),role:"button",tabIndex:u,onClick:function(t){return M(t,e,n)},onKeyDown:function(t){return J(t,e,n)},"aria-disabled":H(e,"disabled"),"aria-controls":c,"aria-expanded":t},q(e,"headeraction",n));return s.createElement("div",g,s.createElement("a",O,h,b))},Z=function(e,t,n){var a=x(x({},H(e,"style")||{}),H(e,"contentStyle")||{}),o=v+"_content_"+n,i=v+"_header_"+n,c=s.createRef(),p=d({id:o,ref:c,className:l.classNames(H(e,"contentClassName"),H(e,"className"),U("tab.toggleablecontent")),style:a,role:"region","aria-labelledby":i},q(e,"toggleablecontent",n)),f=d({className:U("tab.content")},q(e,"content",n)),b=d({classNames:U("tab.transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:y.transitionOptions},q(e,"transition",n));return s.createElement(r.CSSTransition,u({nodeRef:c},b),s.createElement("div",p,s.createElement("div",f,H(e,"children"))))},ee=s.Children.map(y.children,(function(e,t){if(l.ObjectUtils.isValidChild(e,"AccordionTab")){var n=v+"_"+t,r=Q(t),a=W(e,r,t),o=Z(e,r,t),i=d({key:n,className:U("tab.root",{selected:r})},j.getCOtherProps(e),q(e,"root",t));return s.createElement("div",i,a,o)}return null})),te=d({className:l.classNames(y.className,U("root")),style:y.style},S.getOtherProps(y),_("root"));return s.createElement("div",u({id:v,ref:w},te),ee)}));N.displayName="AccordionTab",w.displayName="Accordion",exports.Accordion=w,exports.AccordionTab=N;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),i=require("primereact/icons/chevronright"),c=require("primereact/utils");function l(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=l(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){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){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}function E(){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 P(e,t){return v(e)||O(e,t)||b(e,t)||E()}var S=n.ComponentBase.extend({defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0},css:{classes:{root:"p-accordion p-component",accordiontab:{root:function(e){return c.classNames("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return c.classNames("p-accordion-header",{"p-highlight":e.selected,"p-disabled":(0,e.getTabProp)(e.tab,"disabled")})},headeraction:"p-accordion-header-link",headericon:"p-accordion-toggle-icon",headertitle:"p-accordion-header-text",toggleablecontent:"p-toggleable-content",transition:"p-toggleable-content"}},styles:"\n@layer primereact {\n .p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n }\n \n .p-accordion-header-link:focus {\n z-index: 1;\n }\n \n .p-accordion-header-text {\n line-height: 1;\n width: 100%;\n }\n}\n"}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=g(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(){},w=s.forwardRef((function(e,l){var d=a.useMergeProps(),h=s.useContext(t.PrimeReactContext),y=S.getProps(e,h),g=P(s.useState(y.id),2),v=g[0],O=g[1],E=P(s.useState(y.activeIndex),2),C=E[0],N=E[1],w=s.useRef(null),D=y.onTabChange?y.activeIndex:C,T=s.Children.count(y.children),A={props:y,state:{id:v,activeIndex:C}},I=S.setMetaData(x({},A)),_=I.ptm,k=I.ptmo,U=I.cx;n.useHandleStyle(S.css.styles,I.isUnstyled,{name:"accordion"});var H=function(e,t){return j.getCProp(e,t)},q=function(e,t,n){var r={parent:A,context:{index:n,count:T,first:0===n,last:n===T-1,selected:Q(n),disabled:H(e,"disabled")}};return d(_("accordiontab.".concat(t),{tab:r}),_("accordiontab.".concat(t),{tab:r}),_("accordiontab.".concat(t),r),k(H(e,"pt"),t,r))},M=function(e,t,n){R(e,t,n)},R=function(e,t,n){if(!H(t,"disabled")){var r=Q(n),a=null;if(y.multiple){var o=D||[];a=r?o.filter((function(e){return e!==n})):[].concat(p(c=o)||f(c)||b(c)||m(),[n])}else a=r?null:n;var i=r?y.onTabClose:y.onTabOpen;i&&i({originalEvent:e,index:n}),y.onTabChange?y.onTabChange({originalEvent:e,index:a}):N(a)}var c;e.preventDefault()},J=function(e,t,n){switch(e.code){case"ArrowDown":X(e);break;case"ArrowUp":z(e);break;case"Home":B(e);break;case"End":Y(e);break;case"Enter":case"NumpadEnter":case"Space":K(e,t,n)}},X=function(e){var t=V(e.target.parentElement.parentElement);t?L(t):B(e),e.preventDefault()},z=function(e){var t=$(e.target.parentElement.parentElement);t?L(t):Y(e),e.preventDefault()},B=function(e){var t=F();L(t),e.preventDefault()},Y=function(e){var t=G();L(t),e.preventDefault()},K=function(e,t,n){R(e,t,n),e.preventDefault()},V=function e(t){var n=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?c.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},$=function e(t){var n=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?c.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},F=function(){return V(w.current.firstElementChild,!0)},G=function(){return $(w.current.lastElementChild,!0)},L=function(e){e&&c.DomHandler.focus(e)},Q=function(e){return y.multiple&&Array.isArray(D)?D&&D.some((function(t){return t===e})):D===e};if(s.useImperativeHandle(l,(function(){return{props:y,getElement:function(){return w.current}}})),a.useMountEffect((function(){v||O(c.UniqueComponentId())})),!v)return null;var W=function(e,t,n){var r=x(x({},H(e,"style")||{}),H(e,"headerStyle")||{}),a=v+"_header_"+n,l=v+"_content_"+n,u=H(e,"disabled")?-1:H(e,"tabIndex"),p=d({className:U("accordiontab.headertitle")},q(e,"headertitle",n)),f=j.getCProps(e),b=H(e,"headerTemplate")?c.ObjectUtils.getJSXElement(H(e,"headerTemplate"),f):s.createElement("span",p,c.ObjectUtils.getJSXElement(H(e,"header"),f)),m=d({"aria-hidden":"true",className:U("accordiontab.headericon")},q(e,"headericon",n)),h=c.IconUtils.getJSXIcon(t?y.collapseIcon||s.createElement(o.ChevronDownIcon,m):y.expandIcon||s.createElement(i.ChevronRightIcon,m),x({},m),{props:y,selected:t}),g=d({className:c.classNames(H(e,"headerClassName"),H(e,"className"),U("accordiontab.header",{selected:t,getTabProp:H,tab:e})),style:r,"data-p-highlight":t,"data-p-disabled":H(e,"disabled")},q(e,"header",n)),O=d({id:a,href:"#"+l,className:U("accordiontab.headeraction"),role:"button",tabIndex:u,onClick:function(t){return M(t,e,n)},onKeyDown:function(t){return J(t,e,n)},"aria-disabled":H(e,"disabled"),"aria-controls":l,"aria-expanded":t},q(e,"headeraction",n));return s.createElement("div",g,s.createElement("a",O,h,b))},Z=function(e,t,n){var a=x(x({},H(e,"style")||{}),H(e,"contentStyle")||{}),o=v+"_content_"+n,i=v+"_header_"+n,l=s.createRef(),p=d({id:o,ref:l,className:c.classNames(H(e,"contentClassName"),H(e,"className"),U("accordiontab.toggleablecontent")),style:a,role:"region","aria-labelledby":i},q(e,"toggleablecontent",n)),f=d({className:U("accordiontab.content")},q(e,"content",n)),b=d({classNames:U("accordiontab.transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:y.transitionOptions},q(e,"transition",n));return s.createElement(r.CSSTransition,u({nodeRef:l},b),s.createElement("div",p,s.createElement("div",f,H(e,"children"))))},ee=s.Children.map(y.children,(function(e,t){if(c.ObjectUtils.isValidChild(e,"AccordionTab")){var n=v+"_"+t,r=Q(t),a=W(e,r,t),o=Z(e,r,t),i=d({key:n,className:U("accordiontab.root",{selected:r})},j.getCOtherProps(e),q(e,"root",t));return s.createElement("div",i,a,o)}return null})),te=d({className:c.classNames(y.className,U("root")),style:y.style},S.getOtherProps(y),_("root"));return s.createElement("div",u({id:v,ref:w},te),ee)}));N.displayName="AccordionTab",w.displayName="Accordion",exports.Accordion=w,exports.AccordionTab=N;
|
package/accordion/accordion.d.ts
CHANGED
|
@@ -241,6 +241,10 @@ export interface AccordionPassThroughOptions {
|
|
|
241
241
|
* Uses to pass attributes to the root's DOM element.
|
|
242
242
|
*/
|
|
243
243
|
root?: AccordionPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
|
|
244
|
+
/**
|
|
245
|
+
* Uses to pass attributes to accordion tabs.
|
|
246
|
+
*/
|
|
247
|
+
accordiontab?: AccordionTabPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
|
|
244
248
|
}
|
|
245
249
|
|
|
246
250
|
/**
|
|
@@ -137,7 +137,7 @@ function _slicedToArray(arr, i) {
|
|
|
137
137
|
|
|
138
138
|
var classes = {
|
|
139
139
|
root: 'p-accordion p-component',
|
|
140
|
-
|
|
140
|
+
accordiontab: {
|
|
141
141
|
root: function root(_ref) {
|
|
142
142
|
var selected = _ref.selected;
|
|
143
143
|
return classNames('p-accordion-tab', {
|
|
@@ -237,9 +237,8 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
237
237
|
var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread({}, metaData)),
|
|
238
238
|
ptm = _AccordionBase$setMet.ptm,
|
|
239
239
|
ptmo = _AccordionBase$setMet.ptmo,
|
|
240
|
-
cx = _AccordionBase$setMet.cx
|
|
241
|
-
_AccordionBase$setMet.
|
|
242
|
-
var isUnstyled = _AccordionBase$setMet.isUnstyled;
|
|
240
|
+
cx = _AccordionBase$setMet.cx,
|
|
241
|
+
isUnstyled = _AccordionBase$setMet.isUnstyled;
|
|
243
242
|
useHandleStyle(AccordionBase.css.styles, isUnstyled, {
|
|
244
243
|
name: 'accordion'
|
|
245
244
|
});
|
|
@@ -247,7 +246,6 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
247
246
|
return AccordionTabBase.getCProp(tab, name);
|
|
248
247
|
};
|
|
249
248
|
var getTabPT = function getTabPT(tab, key, index) {
|
|
250
|
-
AccordionTabBase.getCProps(tab);
|
|
251
249
|
var tabMetaData = {
|
|
252
250
|
// props: atProps, /* @todo */
|
|
253
251
|
parent: metaData,
|
|
@@ -260,11 +258,11 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
260
258
|
disabled: getTabProp(tab, 'disabled')
|
|
261
259
|
}
|
|
262
260
|
};
|
|
263
|
-
return mergeProps(ptm("
|
|
261
|
+
return mergeProps(ptm("accordiontab.".concat(key), {
|
|
264
262
|
tab: tabMetaData
|
|
265
|
-
}), ptm("
|
|
263
|
+
}), ptm("accordiontab.".concat(key), {
|
|
266
264
|
tab: tabMetaData
|
|
267
|
-
}), ptm("
|
|
265
|
+
}), ptm("accordiontab.".concat(key), tabMetaData), ptmo(getTabProp(tab, 'pt'), key, tabMetaData));
|
|
268
266
|
};
|
|
269
267
|
var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
|
|
270
268
|
changeActiveIndex(event, tab, index);
|
|
@@ -392,13 +390,13 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
392
390
|
var ariaControls = idState + '_content_' + index;
|
|
393
391
|
var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
|
|
394
392
|
var headerTitleProps = mergeProps({
|
|
395
|
-
className: cx('
|
|
393
|
+
className: cx('accordiontab.headertitle')
|
|
396
394
|
}, getTabPT(tab, 'headertitle', index));
|
|
397
395
|
var tabCProps = AccordionTabBase.getCProps(tab);
|
|
398
396
|
var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React.createElement("span", headerTitleProps, ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
|
|
399
397
|
var headerIconProps = mergeProps({
|
|
400
398
|
'aria-hidden': 'true',
|
|
401
|
-
className: cx('
|
|
399
|
+
className: cx('accordiontab.headericon')
|
|
402
400
|
}, getTabPT(tab, 'headericon', index));
|
|
403
401
|
var icon = selected ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, headerIconProps);
|
|
404
402
|
var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
|
|
@@ -406,7 +404,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
406
404
|
selected: selected
|
|
407
405
|
});
|
|
408
406
|
var headerProps = mergeProps({
|
|
409
|
-
className: classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('
|
|
407
|
+
className: classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('accordiontab.header', {
|
|
410
408
|
selected: selected,
|
|
411
409
|
getTabProp: getTabProp,
|
|
412
410
|
tab: tab
|
|
@@ -418,7 +416,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
418
416
|
var headerActionProps = mergeProps({
|
|
419
417
|
id: headerId,
|
|
420
418
|
href: '#' + ariaControls,
|
|
421
|
-
className: cx('
|
|
419
|
+
className: cx('accordiontab.headeraction'),
|
|
422
420
|
role: 'button',
|
|
423
421
|
tabIndex: tabIndex,
|
|
424
422
|
onClick: function onClick(e) {
|
|
@@ -441,16 +439,16 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
441
439
|
var toggleableContentProps = mergeProps({
|
|
442
440
|
id: contentId,
|
|
443
441
|
ref: contentRef,
|
|
444
|
-
className: classNames(getTabProp(tab, 'contentClassName'), getTabProp(tab, 'className'), cx('
|
|
442
|
+
className: classNames(getTabProp(tab, 'contentClassName'), getTabProp(tab, 'className'), cx('accordiontab.toggleablecontent')),
|
|
445
443
|
style: style,
|
|
446
444
|
role: 'region',
|
|
447
445
|
'aria-labelledby': ariaLabelledby
|
|
448
446
|
}, getTabPT(tab, 'toggleablecontent', index));
|
|
449
447
|
var contentProps = mergeProps({
|
|
450
|
-
className: cx('
|
|
448
|
+
className: cx('accordiontab.content')
|
|
451
449
|
}, getTabPT(tab, 'content', index));
|
|
452
450
|
var transitionProps = mergeProps({
|
|
453
|
-
classNames: cx('
|
|
451
|
+
classNames: cx('accordiontab.transition'),
|
|
454
452
|
timeout: {
|
|
455
453
|
enter: 1000,
|
|
456
454
|
exit: 450
|
|
@@ -471,7 +469,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
471
469
|
var tabContent = createTabContent(tab, selected, index);
|
|
472
470
|
var _rootProps = mergeProps({
|
|
473
471
|
key: key,
|
|
474
|
-
className: cx('
|
|
472
|
+
className: cx('accordiontab.root', {
|
|
475
473
|
selected: selected
|
|
476
474
|
})
|
|
477
475
|
}, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root', index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{ChevronDownIcon as
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{ChevronDownIcon as c}from"primereact/icons/chevrondown";import{ChevronRightIcon as l}from"primereact/icons/chevronright";import{ObjectUtils as u,classNames as s,UniqueComponentId as d,IconUtils as p,DomHandler as f}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return b(e)}function y(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 b(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)?b(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 E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function O(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function P(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}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 w(e,t){return P(e)||x(e,t)||g(e,t)||C()}var j=n.extend({defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0},css:{classes:{root:"p-accordion p-component",accordiontab:{root:function(e){return s("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return s("p-accordion-header",{"p-highlight":e.selected,"p-disabled":(0,e.getTabProp)(e.tab,"disabled")})},headeraction:"p-accordion-header-link",headericon:"p-accordion-toggle-icon",headertitle:"p-accordion-header-text",toggleablecontent:"p-toggleable-content",transition:"p-toggleable-content"}},styles:"\n@layer primereact {\n .p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n }\n \n .p-accordion-header-link:focus {\n z-index: 1;\n }\n \n .p-accordion-header-text {\n line-height: 1;\n width: 100%;\n }\n}\n"}}),N=n.extend({defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return u.getComponentProp(e,t,N.defaultProps)},getCProps:function(e){return u.getComponentProps(e,N.defaultProps)},getCOtherProps:function(e){return u.getComponentDiffProps(e,N.defaultProps)}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=S(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=function(){},D=e.forwardRef((function(n,b){var E=o(),O=e.useContext(t),S=j.getProps(n,O),P=w(e.useState(S.id),2),x=P[0],C=P[1],T=w(e.useState(S.activeIndex),2),I=T[0],D=T[1],_=e.useRef(null),k=S.onTabChange?S.activeIndex:I,R=e.Children.count(S.children),J={props:S,state:{id:x,activeIndex:I}},U=j.setMetaData(A({},J)),X=U.ptm,H=U.ptmo,M=U.cx;r(j.css.styles,U.isUnstyled,{name:"accordion"});var Y=function(e,t){return N.getCProp(e,t)},z=function(e,t,n){var r={parent:J,context:{index:n,count:R,first:0===n,last:n===R-1,selected:ne(n),disabled:Y(e,"disabled")}};return E(X("accordiontab.".concat(t),{tab:r}),X("accordiontab.".concat(t),{tab:r}),X("accordiontab.".concat(t),r),H(Y(e,"pt"),t,r))},K=function(e,t,n){V(e,t,n)},V=function(e,t,n){if(!Y(t,"disabled")){var r=ne(n),a=null;if(S.multiple){var o=k||[];a=r?o.filter((function(e){return e!==n})):[].concat(h(c=o)||y(c)||g(c)||v(),[n])}else a=r?null:n;var i=r?S.onTabClose:S.onTabOpen;i&&i({originalEvent:e,index:n}),S.onTabChange?S.onTabChange({originalEvent:e,index:a}):D(a)}var c;e.preventDefault()},$=function(e,t,n){switch(e.code){case"ArrowDown":q(e);break;case"ArrowUp":B(e);break;case"Home":F(e);break;case"End":G(e);break;case"Enter":case"NumpadEnter":case"Space":L(e,t,n)}},q=function(e){var t=Q(e.target.parentElement.parentElement);t?te(t):F(e),e.preventDefault()},B=function(e){var t=W(e.target.parentElement.parentElement);t?te(t):G(e),e.preventDefault()},F=function(e){var t=Z();te(t),e.preventDefault()},G=function(e){var t=ee();te(t),e.preventDefault()},L=function(e,t,n){V(e,t,n),e.preventDefault()},Q=function e(t){var n=f.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?f.getAttribute(n,"data-p-disabled")?e(n.parentElement):f.findSingle(n,'[data-pc-section="headeraction"]'):null},W=function e(t){var n=f.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?f.getAttribute(n,"data-p-disabled")?e(n.parentElement):f.findSingle(n,'[data-pc-section="headeraction"]'):null},Z=function(){return Q(_.current.firstElementChild,!0)},ee=function(){return W(_.current.lastElementChild,!0)},te=function(e){e&&f.focus(e)},ne=function(e){return S.multiple&&Array.isArray(k)?k&&k.some((function(t){return t===e})):k===e};if(e.useImperativeHandle(b,(function(){return{props:S,getElement:function(){return _.current}}})),i((function(){x||C(d())})),!x)return null;var re=function(t,n,r){var a=A(A({},Y(t,"style")||{}),Y(t,"headerStyle")||{}),o=x+"_header_"+r,i=x+"_content_"+r,d=Y(t,"disabled")?-1:Y(t,"tabIndex"),f=E({className:M("accordiontab.headertitle")},z(t,"headertitle",r)),m=N.getCProps(t),b=Y(t,"headerTemplate")?u.getJSXElement(Y(t,"headerTemplate"),m):e.createElement("span",f,u.getJSXElement(Y(t,"header"),m)),h=E({"aria-hidden":"true",className:M("accordiontab.headericon")},z(t,"headericon",r)),y=p.getJSXIcon(n?S.collapseIcon||e.createElement(c,h):S.expandIcon||e.createElement(l,h),A({},h),{props:S,selected:n}),g=E({className:s(Y(t,"headerClassName"),Y(t,"className"),M("accordiontab.header",{selected:n,getTabProp:Y,tab:t})),style:a,"data-p-highlight":n,"data-p-disabled":Y(t,"disabled")},z(t,"header",r)),v=E({id:o,href:"#"+i,className:M("accordiontab.headeraction"),role:"button",tabIndex:d,onClick:function(e){return K(e,t,r)},onKeyDown:function(e){return $(e,t,r)},"aria-disabled":Y(t,"disabled"),"aria-controls":i,"aria-expanded":n},z(t,"headeraction",r));return e.createElement("div",g,e.createElement("a",v,y,b))},ae=function(t,n,r){var o=A(A({},Y(t,"style")||{}),Y(t,"contentStyle")||{}),i=x+"_content_"+r,c=x+"_header_"+r,l=e.createRef(),u=E({id:i,ref:l,className:s(Y(t,"contentClassName"),Y(t,"className"),M("accordiontab.toggleablecontent")),style:o,role:"region","aria-labelledby":c},z(t,"toggleablecontent",r)),d=E({className:M("accordiontab.content")},z(t,"content",r)),p=E({classNames:M("accordiontab.transition"),timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:S.transitionOptions},z(t,"transition",r));return e.createElement(a,m({nodeRef:l},p),e.createElement("div",u,e.createElement("div",d,Y(t,"children"))))},oe=e.Children.map(S.children,(function(t,n){if(u.isValidChild(t,"AccordionTab")){var r=x+"_"+n,a=ne(n),o=re(t,a,n),i=ae(t,a,n),c=E({key:r,className:M("accordiontab.root",{selected:a})},N.getCOtherProps(t),z(t,"root",n));return e.createElement("div",c,o,i)}return null})),ie=E({className:s(S.className,M("root")),style:S.style},j.getOtherProps(S),X("root"));return e.createElement("div",m({id:x,ref:_},ie),oe)}));I.displayName="AccordionTab",D.displayName="Accordion";export{D as Accordion,I as AccordionTab};
|
package/accordion/accordion.js
CHANGED
|
@@ -151,7 +151,7 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
151
151
|
|
|
152
152
|
var classes = {
|
|
153
153
|
root: 'p-accordion p-component',
|
|
154
|
-
|
|
154
|
+
accordiontab: {
|
|
155
155
|
root: function root(_ref) {
|
|
156
156
|
var selected = _ref.selected;
|
|
157
157
|
return utils.classNames('p-accordion-tab', {
|
|
@@ -251,9 +251,8 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
251
251
|
var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread({}, metaData)),
|
|
252
252
|
ptm = _AccordionBase$setMet.ptm,
|
|
253
253
|
ptmo = _AccordionBase$setMet.ptmo,
|
|
254
|
-
cx = _AccordionBase$setMet.cx
|
|
255
|
-
_AccordionBase$setMet.
|
|
256
|
-
var isUnstyled = _AccordionBase$setMet.isUnstyled;
|
|
254
|
+
cx = _AccordionBase$setMet.cx,
|
|
255
|
+
isUnstyled = _AccordionBase$setMet.isUnstyled;
|
|
257
256
|
componentbase.useHandleStyle(AccordionBase.css.styles, isUnstyled, {
|
|
258
257
|
name: 'accordion'
|
|
259
258
|
});
|
|
@@ -261,7 +260,6 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
261
260
|
return AccordionTabBase.getCProp(tab, name);
|
|
262
261
|
};
|
|
263
262
|
var getTabPT = function getTabPT(tab, key, index) {
|
|
264
|
-
AccordionTabBase.getCProps(tab);
|
|
265
263
|
var tabMetaData = {
|
|
266
264
|
// props: atProps, /* @todo */
|
|
267
265
|
parent: metaData,
|
|
@@ -274,11 +272,11 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
274
272
|
disabled: getTabProp(tab, 'disabled')
|
|
275
273
|
}
|
|
276
274
|
};
|
|
277
|
-
return mergeProps(ptm("
|
|
275
|
+
return mergeProps(ptm("accordiontab.".concat(key), {
|
|
278
276
|
tab: tabMetaData
|
|
279
|
-
}), ptm("
|
|
277
|
+
}), ptm("accordiontab.".concat(key), {
|
|
280
278
|
tab: tabMetaData
|
|
281
|
-
}), ptm("
|
|
279
|
+
}), ptm("accordiontab.".concat(key), tabMetaData), ptmo(getTabProp(tab, 'pt'), key, tabMetaData));
|
|
282
280
|
};
|
|
283
281
|
var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
|
|
284
282
|
changeActiveIndex(event, tab, index);
|
|
@@ -406,13 +404,13 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
406
404
|
var ariaControls = idState + '_content_' + index;
|
|
407
405
|
var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
|
|
408
406
|
var headerTitleProps = mergeProps({
|
|
409
|
-
className: cx('
|
|
407
|
+
className: cx('accordiontab.headertitle')
|
|
410
408
|
}, getTabPT(tab, 'headertitle', index));
|
|
411
409
|
var tabCProps = AccordionTabBase.getCProps(tab);
|
|
412
410
|
var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, utils.ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
|
|
413
411
|
var headerIconProps = mergeProps({
|
|
414
412
|
'aria-hidden': 'true',
|
|
415
|
-
className: cx('
|
|
413
|
+
className: cx('accordiontab.headericon')
|
|
416
414
|
}, getTabPT(tab, 'headericon', index));
|
|
417
415
|
var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerIconProps);
|
|
418
416
|
var toggleIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
|
|
@@ -420,7 +418,7 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
420
418
|
selected: selected
|
|
421
419
|
});
|
|
422
420
|
var headerProps = mergeProps({
|
|
423
|
-
className: utils.classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('
|
|
421
|
+
className: utils.classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('accordiontab.header', {
|
|
424
422
|
selected: selected,
|
|
425
423
|
getTabProp: getTabProp,
|
|
426
424
|
tab: tab
|
|
@@ -432,7 +430,7 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
432
430
|
var headerActionProps = mergeProps({
|
|
433
431
|
id: headerId,
|
|
434
432
|
href: '#' + ariaControls,
|
|
435
|
-
className: cx('
|
|
433
|
+
className: cx('accordiontab.headeraction'),
|
|
436
434
|
role: 'button',
|
|
437
435
|
tabIndex: tabIndex,
|
|
438
436
|
onClick: function onClick(e) {
|
|
@@ -455,16 +453,16 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
455
453
|
var toggleableContentProps = mergeProps({
|
|
456
454
|
id: contentId,
|
|
457
455
|
ref: contentRef,
|
|
458
|
-
className: utils.classNames(getTabProp(tab, 'contentClassName'), getTabProp(tab, 'className'), cx('
|
|
456
|
+
className: utils.classNames(getTabProp(tab, 'contentClassName'), getTabProp(tab, 'className'), cx('accordiontab.toggleablecontent')),
|
|
459
457
|
style: style,
|
|
460
458
|
role: 'region',
|
|
461
459
|
'aria-labelledby': ariaLabelledby
|
|
462
460
|
}, getTabPT(tab, 'toggleablecontent', index));
|
|
463
461
|
var contentProps = mergeProps({
|
|
464
|
-
className: cx('
|
|
462
|
+
className: cx('accordiontab.content')
|
|
465
463
|
}, getTabPT(tab, 'content', index));
|
|
466
464
|
var transitionProps = mergeProps({
|
|
467
|
-
classNames: cx('
|
|
465
|
+
classNames: cx('accordiontab.transition'),
|
|
468
466
|
timeout: {
|
|
469
467
|
enter: 1000,
|
|
470
468
|
exit: 450
|
|
@@ -485,7 +483,7 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
|
|
|
485
483
|
var tabContent = createTabContent(tab, selected, index);
|
|
486
484
|
var _rootProps = mergeProps({
|
|
487
485
|
key: key,
|
|
488
|
-
className: cx('
|
|
486
|
+
className: cx('accordiontab.root', {
|
|
489
487
|
selected: selected
|
|
490
488
|
})
|
|
491
489
|
}, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root', index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r,a,o,i,l,c){"use strict";function s(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 u=s(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function h(){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 y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=g(e,"string");return"symbol"===y(t)?t:String(t)}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function P(){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 O(e)||E(e,t)||m(e,t)||P()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0},css:{classes:{root:"p-accordion p-component",tab:{root:function(e){return c.classNames("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return c.classNames("p-accordion-header",{"p-highlight":e.selected,"p-disabled":(0,e.getTabProp)(e.tab,"disabled")})},headeraction:"p-accordion-header-link",headericon:"p-accordion-toggle-icon",headertitle:"p-accordion-header-text",toggleablecontent:"p-toggleable-content",transition:"p-toggleable-content"}},styles:"\n@layer primereact {\n .p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n }\n \n .p-accordion-header-link:focus {\n z-index: 1;\n }\n \n .p-accordion-header-text {\n line-height: 1;\n width: 100%;\n }\n}\n"}}),C=r.ComponentBase.extend({defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,C.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,C.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,C.defaultProps)}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=v(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=function(){},D=u.forwardRef((function(e,t){var s=o.useMergeProps(),p=u.useContext(n.PrimeReactContext),y=j.getProps(e,p),g=S(u.useState(y.id),2),v=g[0],O=g[1],E=S(u.useState(y.activeIndex),2),P=E[0],x=E[1],w=u.useRef(null),D=y.onTabChange?y.activeIndex:P,T=u.Children.count(y.children),A={props:y,state:{id:v,activeIndex:P}},I=j.setMetaData(N({},A)),_=I.ptm,k=I.ptmo,U=I.cx;r.useHandleStyle(j.css.styles,I.isUnstyled,{name:"accordion"});var H=function(e,t){return C.getCProp(e,t)},R=function(e,t,n){C.getCProps(e);var r={parent:A,context:{index:n,count:T,first:0===n,last:n===T-1,selected:Q(n),disabled:H(e,"disabled")}};return s(_("tab.".concat(t),{tab:r}),_("tab.".concat(t),{tab:r}),_("tab.".concat(t),r),k(H(e,"pt"),t,r))},M=function(e,t,n){J(e,t,n)},J=function(e,t,n){if(!H(t,"disabled")){var r=Q(n),a=null;if(y.multiple){var o=D||[];a=r?o.filter((function(e){return e!==n})):[].concat(f(l=o)||b(l)||m(l)||h(),[n])}else a=r?null:n;var i=r?y.onTabClose:y.onTabOpen;i&&i({originalEvent:e,index:n}),y.onTabChange?y.onTabChange({originalEvent:e,index:a}):x(a)}var l;e.preventDefault()},X=function(e,t,n){switch(e.code){case"ArrowDown":z(e);break;case"ArrowUp":B(e);break;case"Home":Y(e);break;case"End":q(e);break;case"Enter":case"NumpadEnter":case"Space":K(e,t,n)}},z=function(e){var t=V(e.target.parentElement.parentElement);t?L(t):Y(e),e.preventDefault()},B=function(e){var t=$(e.target.parentElement.parentElement);t?L(t):q(e),e.preventDefault()},Y=function(e){var t=F();L(t),e.preventDefault()},q=function(e){var t=G();L(t),e.preventDefault()},K=function(e,t,n){J(e,t,n),e.preventDefault()},V=function e(t){var n=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?c.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},$=function e(t){var n=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?c.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},F=function(){return V(w.current.firstElementChild,!0)},G=function(){return $(w.current.lastElementChild,!0)},L=function(e){e&&c.DomHandler.focus(e)},Q=function(e){return y.multiple&&Array.isArray(D)?D&&D.some((function(t){return t===e})):D===e};if(u.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return w.current}}})),o.useMountEffect((function(){v||O(c.UniqueComponentId())})),!v)return null;var W=function(e,t,n){var r=N(N({},H(e,"style")||{}),H(e,"headerStyle")||{}),a=v+"_header_"+n,o=v+"_content_"+n,d=H(e,"disabled")?-1:H(e,"tabIndex"),p=s({className:U("tab.headertitle")},R(e,"headertitle",n)),f=C.getCProps(e),b=H(e,"headerTemplate")?c.ObjectUtils.getJSXElement(H(e,"headerTemplate"),f):u.createElement("span",p,c.ObjectUtils.getJSXElement(H(e,"header"),f)),m=s({"aria-hidden":"true",className:U("tab.headericon")},R(e,"headericon",n)),h=c.IconUtils.getJSXIcon(t?y.collapseIcon||u.createElement(i.ChevronDownIcon,m):y.expandIcon||u.createElement(l.ChevronRightIcon,m),N({},m),{props:y,selected:t}),g=s({className:c.classNames(H(e,"headerClassName"),H(e,"className"),U("tab.header",{selected:t,getTabProp:H,tab:e})),style:r,"data-p-highlight":t,"data-p-disabled":H(e,"disabled")},R(e,"header",n)),O=s({id:a,href:"#"+o,className:U("tab.headeraction"),role:"button",tabIndex:d,onClick:function(t){return M(t,e,n)},onKeyDown:function(t){return X(t,e,n)},"aria-disabled":H(e,"disabled"),"aria-controls":o,"aria-expanded":t},R(e,"headeraction",n));return u.createElement("div",g,u.createElement("a",O,h,b))},Z=function(e,t,n){var r=N(N({},H(e,"style")||{}),H(e,"contentStyle")||{}),o=v+"_content_"+n,i=v+"_header_"+n,l=u.createRef(),p=s({id:o,ref:l,className:c.classNames(H(e,"contentClassName"),H(e,"className"),U("tab.toggleablecontent")),style:r,role:"region","aria-labelledby":i},R(e,"toggleablecontent",n)),f=s({className:U("tab.content")},R(e,"content",n)),b=s({classNames:U("tab.transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:y.transitionOptions},R(e,"transition",n));return u.createElement(a.CSSTransition,d({nodeRef:l},b),u.createElement("div",p,u.createElement("div",f,H(e,"children"))))},ee=u.Children.map(y.children,(function(e,t){if(c.ObjectUtils.isValidChild(e,"AccordionTab")){var n=v+"_"+t,r=Q(t),a=W(e,r,t),o=Z(e,r,t),i=s({key:n,className:U("tab.root",{selected:r})},C.getCOtherProps(e),R(e,"root",t));return u.createElement("div",i,a,o)}return null})),te=s({className:c.classNames(y.className,U("root")),style:y.style},j.getOtherProps(y),_("root"));return u.createElement("div",d({id:v,ref:w},te),ee)}));return w.displayName="AccordionTab",D.displayName="Accordion",e.Accordion=D,e.AccordionTab=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronright,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r,a,o,i,c,l){"use strict";function s(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 u=s(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function h(){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 y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=g(e,"string");return"symbol"===y(t)?t:String(t)}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}function P(){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 O(e)||E(e,t)||m(e,t)||P()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0},css:{classes:{root:"p-accordion p-component",accordiontab:{root:function(e){return l.classNames("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return l.classNames("p-accordion-header",{"p-highlight":e.selected,"p-disabled":(0,e.getTabProp)(e.tab,"disabled")})},headeraction:"p-accordion-header-link",headericon:"p-accordion-toggle-icon",headertitle:"p-accordion-header-text",toggleablecontent:"p-toggleable-content",transition:"p-toggleable-content"}},styles:"\n@layer primereact {\n .p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n }\n \n .p-accordion-header-link:focus {\n z-index: 1;\n }\n \n .p-accordion-header-text {\n line-height: 1;\n width: 100%;\n }\n}\n"}}),C=r.ComponentBase.extend({defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,C.defaultProps)},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,C.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,C.defaultProps)}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=v(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=function(){},D=u.forwardRef((function(e,t){var s=o.useMergeProps(),p=u.useContext(n.PrimeReactContext),y=j.getProps(e,p),g=S(u.useState(y.id),2),v=g[0],O=g[1],E=S(u.useState(y.activeIndex),2),P=E[0],x=E[1],w=u.useRef(null),D=y.onTabChange?y.activeIndex:P,T=u.Children.count(y.children),A={props:y,state:{id:v,activeIndex:P}},I=j.setMetaData(N({},A)),_=I.ptm,k=I.ptmo,U=I.cx;r.useHandleStyle(j.css.styles,I.isUnstyled,{name:"accordion"});var H=function(e,t){return C.getCProp(e,t)},R=function(e,t,n){var r={parent:A,context:{index:n,count:T,first:0===n,last:n===T-1,selected:Q(n),disabled:H(e,"disabled")}};return s(_("accordiontab.".concat(t),{tab:r}),_("accordiontab.".concat(t),{tab:r}),_("accordiontab.".concat(t),r),k(H(e,"pt"),t,r))},M=function(e,t,n){J(e,t,n)},J=function(e,t,n){if(!H(t,"disabled")){var r=Q(n),a=null;if(y.multiple){var o=D||[];a=r?o.filter((function(e){return e!==n})):[].concat(f(c=o)||b(c)||m(c)||h(),[n])}else a=r?null:n;var i=r?y.onTabClose:y.onTabOpen;i&&i({originalEvent:e,index:n}),y.onTabChange?y.onTabChange({originalEvent:e,index:a}):x(a)}var c;e.preventDefault()},X=function(e,t,n){switch(e.code){case"ArrowDown":z(e);break;case"ArrowUp":B(e);break;case"Home":Y(e);break;case"End":q(e);break;case"Enter":case"NumpadEnter":case"Space":K(e,t,n)}},z=function(e){var t=V(e.target.parentElement.parentElement);t?L(t):Y(e),e.preventDefault()},B=function(e){var t=$(e.target.parentElement.parentElement);t?L(t):q(e),e.preventDefault()},Y=function(e){var t=F();L(t),e.preventDefault()},q=function(e){var t=G();L(t),e.preventDefault()},K=function(e,t,n){J(e,t,n),e.preventDefault()},V=function e(t){var n=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):l.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},$=function e(t){var n=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):l.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},F=function(){return V(w.current.firstElementChild,!0)},G=function(){return $(w.current.lastElementChild,!0)},L=function(e){e&&l.DomHandler.focus(e)},Q=function(e){return y.multiple&&Array.isArray(D)?D&&D.some((function(t){return t===e})):D===e};if(u.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return w.current}}})),o.useMountEffect((function(){v||O(l.UniqueComponentId())})),!v)return null;var W=function(e,t,n){var r=N(N({},H(e,"style")||{}),H(e,"headerStyle")||{}),a=v+"_header_"+n,o=v+"_content_"+n,d=H(e,"disabled")?-1:H(e,"tabIndex"),p=s({className:U("accordiontab.headertitle")},R(e,"headertitle",n)),f=C.getCProps(e),b=H(e,"headerTemplate")?l.ObjectUtils.getJSXElement(H(e,"headerTemplate"),f):u.createElement("span",p,l.ObjectUtils.getJSXElement(H(e,"header"),f)),m=s({"aria-hidden":"true",className:U("accordiontab.headericon")},R(e,"headericon",n)),h=l.IconUtils.getJSXIcon(t?y.collapseIcon||u.createElement(i.ChevronDownIcon,m):y.expandIcon||u.createElement(c.ChevronRightIcon,m),N({},m),{props:y,selected:t}),g=s({className:l.classNames(H(e,"headerClassName"),H(e,"className"),U("accordiontab.header",{selected:t,getTabProp:H,tab:e})),style:r,"data-p-highlight":t,"data-p-disabled":H(e,"disabled")},R(e,"header",n)),O=s({id:a,href:"#"+o,className:U("accordiontab.headeraction"),role:"button",tabIndex:d,onClick:function(t){return M(t,e,n)},onKeyDown:function(t){return X(t,e,n)},"aria-disabled":H(e,"disabled"),"aria-controls":o,"aria-expanded":t},R(e,"headeraction",n));return u.createElement("div",g,u.createElement("a",O,h,b))},Z=function(e,t,n){var r=N(N({},H(e,"style")||{}),H(e,"contentStyle")||{}),o=v+"_content_"+n,i=v+"_header_"+n,c=u.createRef(),p=s({id:o,ref:c,className:l.classNames(H(e,"contentClassName"),H(e,"className"),U("accordiontab.toggleablecontent")),style:r,role:"region","aria-labelledby":i},R(e,"toggleablecontent",n)),f=s({className:U("accordiontab.content")},R(e,"content",n)),b=s({classNames:U("accordiontab.transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:y.transitionOptions},R(e,"transition",n));return u.createElement(a.CSSTransition,d({nodeRef:c},b),u.createElement("div",p,u.createElement("div",f,H(e,"children"))))},ee=u.Children.map(y.children,(function(e,t){if(l.ObjectUtils.isValidChild(e,"AccordionTab")){var n=v+"_"+t,r=Q(t),a=W(e,r,t),o=Z(e,r,t),i=s({key:n,className:U("accordiontab.root",{selected:r})},C.getCOtherProps(e),R(e,"root",t));return u.createElement("div",i,a,o)}return null})),te=s({className:l.classNames(y.className,U("root")),style:y.style},j.getOtherProps(y),_("root"));return u.createElement("div",d({id:v,ref:w},te),ee)}));return w.displayName="AccordionTab",D.displayName="Accordion",e.Accordion=D,e.AccordionTab=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronright,primereact.utils);
|