primereact 10.9.2 → 10.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +2 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +2 -1
- package/api/api.esm.min.js +1 -1
- package/api/api.js +2 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +21 -0
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +21 -0
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +21 -0
- package/autocomplete/autocomplete.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +4 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.esm.js +4 -1
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +4 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +6 -1
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +1 -1
- package/calendar/calendar.esm.js +6 -1
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +6 -1
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -1
- package/carousel/carousel.min.js +1 -1
- package/chip/chip.cjs.js +11 -2
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +13 -2
- package/chip/chip.esm.js +11 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +11 -2
- package/chip/chip.min.js +1 -1
- package/componentbase/componentbase.cjs.js +14 -5
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +14 -5
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +14 -5
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +4 -3
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +4 -3
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +4 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/core/core.js +74 -29
- package/core/core.min.js +10 -10
- package/datascroller/datascroller.cjs.js +2 -0
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +2 -0
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +2 -0
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +70 -51
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +70 -51
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +70 -51
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -1
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -1
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +0 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +0 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +0 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +2 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.min.js +1 -1
- package/dropdown/dropdown.cjs.js +12 -8
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +13 -9
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +12 -8
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +2 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/fileupload/fileupload.esm.js +2 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -1
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +3 -2
- package/inputmask/inputmask.cjs.js +4 -2
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +4 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +4 -2
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +7 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +7 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +7 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.d.ts +1 -1
- package/megamenu/megamenu.cjs.js +4 -8
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +4 -8
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +4 -8
- package/megamenu/megamenu.min.js +1 -1
- package/menu/menu.cjs.js +6 -0
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +6 -0
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +6 -0
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +2 -2
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +2 -2
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +2 -2
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +7 -9
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +7 -9
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +7 -9
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +24 -23
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +24 -23
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +24 -23
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +3 -2
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +3 -2
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +3 -2
- package/paginator/paginator.min.js +1 -1
- package/picklist/picklist.cjs.js +3 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +3 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +3 -2
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +479 -366
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +479 -366
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +479 -366
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -1
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -1
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -1
- package/speeddial/speeddial.min.js +1 -1
- package/stepper/stepper.d.ts +27 -13
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- 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/togglebutton/togglebutton.cjs.js +2 -2
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -2
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +8 -7
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +8 -7
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +8 -7
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +4 -1
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +4 -1
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +4 -1
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +2 -7
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +2 -7
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +2 -7
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +41 -31
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +41 -31
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +41 -31
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +22 -1
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +22 -1
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +22 -1
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +2 -2
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +2 -2
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +2 -2
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +12 -3
package/stepper/stepper.d.ts
CHANGED
|
@@ -92,18 +92,6 @@ export interface StepperChangeEvent {
|
|
|
92
92
|
index: number;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
/**
|
|
96
|
-
* Defines custom RefAttributes methods
|
|
97
|
-
* @group Methods
|
|
98
|
-
*/
|
|
99
|
-
export interface StepperRefAttributes {
|
|
100
|
-
getElement: () => HTMLDivElement;
|
|
101
|
-
getActiveStep: () => number | undefined;
|
|
102
|
-
setActiveStep: (step: number) => void;
|
|
103
|
-
nextCallback: (e?: React.SyntheticEvent) => void;
|
|
104
|
-
prevCallback: (e?: React.SyntheticEvent) => void;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
95
|
/**
|
|
108
96
|
* Defines valid properties in Stepper component.
|
|
109
97
|
* @group Properties
|
|
@@ -168,4 +156,30 @@ export interface StepperProps {
|
|
|
168
156
|
*
|
|
169
157
|
* @group Component
|
|
170
158
|
*/
|
|
171
|
-
export declare
|
|
159
|
+
export declare class Stepper extends React.Component<StepperProps, any> {
|
|
160
|
+
/**
|
|
161
|
+
* Used to get container element.
|
|
162
|
+
* @return {HTMLDivElement} Container element
|
|
163
|
+
*/
|
|
164
|
+
public getElement(): HTMLDivElement;
|
|
165
|
+
/**
|
|
166
|
+
* Used to get the current active step index.
|
|
167
|
+
* @return {number | undefined} Active step index
|
|
168
|
+
*/
|
|
169
|
+
public getActiveStep(): number | undefined;
|
|
170
|
+
/**
|
|
171
|
+
* Used to set the active step index.
|
|
172
|
+
* @param {number} step - Index of step to set as active
|
|
173
|
+
*/
|
|
174
|
+
public setActiveStep(step: number): void;
|
|
175
|
+
/**
|
|
176
|
+
* Used to navigate to the next step.
|
|
177
|
+
* @param {React.SyntheticEvent} [e] - Browser event
|
|
178
|
+
*/
|
|
179
|
+
public nextCallback(e?: React.SyntheticEvent): void;
|
|
180
|
+
/**
|
|
181
|
+
* Used to navigate to the previous step.
|
|
182
|
+
* @param {React.SyntheticEvent} [e] - Browser event
|
|
183
|
+
*/
|
|
184
|
+
public prevCallback(e?: React.SyntheticEvent): void;
|
|
185
|
+
}
|
package/tabview/tabview.cjs.js
CHANGED
|
@@ -782,7 +782,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
782
782
|
ref: prevBtnRef,
|
|
783
783
|
type: 'button',
|
|
784
784
|
className: cx('prevbutton'),
|
|
785
|
-
'aria-label': api.ariaLabel('
|
|
785
|
+
'aria-label': api.ariaLabel('prevPageLabel'),
|
|
786
786
|
onClick: function onClick(e) {
|
|
787
787
|
return navBackward();
|
|
788
788
|
}
|
|
@@ -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/hooks"),a=require("primereact/icons/chevronleft"),l=require("primereact/icons/chevronright"),o=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");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(e);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 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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function w(){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 O(e)||C(e,t)||b(e,t)||w()}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 E(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){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return c.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),I=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}});function j(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(){},T=u.forwardRef((function(e,s){var d=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=S.getProps(e,m),y=P(u.useState(h.id),2),g=y[0],O=y[1],C=P(u.useState(!0),2),w=C[0],x=C[1],E=P(u.useState(!1),2),j=E[0],N=E[1],T=P(u.useState([]),2),k=T[0],_=T[1],U=P(u.useState(h.activeIndex),2),A=U[0],H=U[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:w,isNextButtonDisabled:j,hiddenTabsState:k,activeIndex:A}},Y=S.setMetaData(D({},K)),z=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;n.useHandleStyle(S.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return d(z("tab.".concat(t),{tab:r}),z("tabpanel.".concat(t),{tabpanel:r}),z("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return I.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(p(n=k)||f(n)||b(n)||v(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":de(e);break;case"Enter":case"NumpadEnter":case"Space":pe(e,t,n)}},oe=function(e){var t=fe(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=be(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},de=function(e){ye({index:0}),e.preventDefault()},pe=function(e,t,n){ae(e,t,n),e.preventDefault()},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?c.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(t,"data-pc-section")?fe(t):c.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?c.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(t,"data-pc-section")?be(t):c.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},ve=function(){return fe(L.current.firstElementChild,!0)},me=function(){return be(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);x(0===t),N(parseInt(t)===n-r)},Oe=function(e){h.scrollable&&ge(),e.preventDefault()},Ce=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},we=function(){x(!0),N(!1),_([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||O(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:we,getElement:function(){return R.current}}}));var Pe,xe,Ee,Se,Ie,je,De,Ne,Te,ke=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ne(e,t)}},_e=function(e,n){var r=Z(n),a=I.getCProps(e),l=a.headerStyle,s=a.headerClassName,p=a.style,f=a.className,b=a.disabled,v=a.leftIcon,m=a.rightIcon,y=a.header,O=a.headerTemplate,C=a.closable,w=a.closeIcon,P=g+"_header_"+n,x=g+n+"_content",E=b||!r?-1:0,S=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),j=d({className:F("tab.headertitle")},Q(e,"headertitle",n)),N=u.createElement("span",j,y),T=m&&c.IconUtils.getJSXIcon(m,void 0,{props:h}),k=d({className:F("tab.closeIcon"),onClick:function(e){return ne(e,n)},onKeyDown:function(e){return ke(e,n)},tabIndex:0,"aria-label":t.ariaLabel("close")||"Close"},Q(e,"closeIcon",n)),_=C?c.IconUtils.getJSXIcon(w||u.createElement(o.TimesIcon,k),D({},k),{props:h}):null,U=d({id:P,role:"tab",className:F("tab.headeraction"),tabIndex:E,"aria-controls":x,"aria-selected":r,"aria-disabled":b,onClick:function(t){return re(t,e,n)},onKeyDown:function(t){return le(t,e,n)}},Q(e,"headeraction",n)),A=u.createElement("a",U,S,N,T,_,u.createElement(i.Ripple,null));O&&(A=c.ObjectUtils.getJSXElement(O,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(t){return re(t,e,n)},onKeyDown:function(t){return le(t,e,n)},leftIconElement:S,titleElement:N,rightIconElement:T,element:A,props:h,index:n,selected:r,ariaControls:x}));var H=d({ref:function(e){return M.current["tab_".concat(n)]=e},className:F("tab.header",{selected:r,disabled:b,headerClassName:s,_className:f}),style:G("tab.header",{headerStyle:l,_style:p}),role:"presentation"},Q(e,"root",n),Q(e,"header",n));return u.createElement("li",H,A)},Ue=d({id:g,ref:R,style:h.style,className:c.classNames(h.className,F("root"))},S.getOtherProps(h),z("root")),Ae=d({className:F("navcontainer")},z("navcontainer")),He=(Pe=u.Children.map(h.children,(function(e,t){if(te(e))return _e(e,t)})),xe=d({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:Oe},z("navcontent")),Ee=d({ref:L,className:F("nav"),role:"tablist"},z("nav")),Se=d({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},z("inkbar")),u.createElement("div",xe,u.createElement("ul",Ee,Pe,u.createElement("li",Se)))),Re=(Ie=d({className:F("panelcontainer"),style:h.panelContainerStyle},z("panelcontainer")),je=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=d({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},I.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",Ie,je)),Be=(De=d({"aria-hidden":"true"},z("previcon")),Ne=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,De),D({},De),{props:h}),Te=d({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},z("prevbutton")),h.scrollable&&!w?u.createElement("button",Te,Ne,u.createElement(i.Ripple,null)):null),Le=function(){var e=d({"aria-hidden":"true"},z("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(l.ChevronRightIcon,e),D({},e),{props:h}),r=d({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},z("nextbutton"));if(h.scrollable&&!j)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",Ae,Be,He,Le),Re)}));N.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=N,exports.TabView=T;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/chevronleft"),l=require("primereact/icons/chevronright"),o=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");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(e);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 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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function w(){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 O(e)||C(e,t)||b(e,t)||w()}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 E(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){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return c.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),I=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}});function j(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(){},T=u.forwardRef((function(e,s){var d=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=S.getProps(e,m),y=P(u.useState(h.id),2),g=y[0],O=y[1],C=P(u.useState(!0),2),w=C[0],x=C[1],E=P(u.useState(!1),2),j=E[0],N=E[1],T=P(u.useState([]),2),k=T[0],_=T[1],U=P(u.useState(h.activeIndex),2),A=U[0],H=U[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:w,isNextButtonDisabled:j,hiddenTabsState:k,activeIndex:A}},Y=S.setMetaData(D({},K)),z=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;n.useHandleStyle(S.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return d(z("tab.".concat(t),{tab:r}),z("tabpanel.".concat(t),{tabpanel:r}),z("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return I.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(p(n=k)||f(n)||b(n)||v(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":de(e);break;case"Enter":case"NumpadEnter":case"Space":pe(e,t,n)}},oe=function(e){var t=fe(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=be(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},de=function(e){ye({index:0}),e.preventDefault()},pe=function(e,t,n){ae(e,t,n),e.preventDefault()},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?c.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(t,"data-pc-section")?fe(t):c.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?c.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(t,"data-pc-section")?be(t):c.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},ve=function(){return fe(L.current.firstElementChild,!0)},me=function(){return be(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);x(0===t),N(parseInt(t)===n-r)},Oe=function(e){h.scrollable&&ge(),e.preventDefault()},Ce=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},we=function(){x(!0),N(!1),_([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||O(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:we,getElement:function(){return R.current}}}));var Pe,xe,Ee,Se,Ie,je,De,Ne,Te,ke=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ne(e,t)}},_e=function(e,n){var r=Z(n),a=I.getCProps(e),l=a.headerStyle,s=a.headerClassName,p=a.style,f=a.className,b=a.disabled,v=a.leftIcon,m=a.rightIcon,y=a.header,O=a.headerTemplate,C=a.closable,w=a.closeIcon,P=g+"_header_"+n,x=g+n+"_content",E=b||!r?-1:0,S=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),j=d({className:F("tab.headertitle")},Q(e,"headertitle",n)),N=u.createElement("span",j,y),T=m&&c.IconUtils.getJSXIcon(m,void 0,{props:h}),k=d({className:F("tab.closeIcon"),onClick:function(e){return ne(e,n)},onKeyDown:function(e){return ke(e,n)},tabIndex:0,"aria-label":t.ariaLabel("close")||"Close"},Q(e,"closeIcon",n)),_=C?c.IconUtils.getJSXIcon(w||u.createElement(o.TimesIcon,k),D({},k),{props:h}):null,U=d({id:P,role:"tab",className:F("tab.headeraction"),tabIndex:E,"aria-controls":x,"aria-selected":r,"aria-disabled":b,onClick:function(t){return re(t,e,n)},onKeyDown:function(t){return le(t,e,n)}},Q(e,"headeraction",n)),A=u.createElement("a",U,S,N,T,_,u.createElement(i.Ripple,null));O&&(A=c.ObjectUtils.getJSXElement(O,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(t){return re(t,e,n)},onKeyDown:function(t){return le(t,e,n)},leftIconElement:S,titleElement:N,rightIconElement:T,element:A,props:h,index:n,selected:r,ariaControls:x}));var H=d({ref:function(e){return M.current["tab_".concat(n)]=e},className:F("tab.header",{selected:r,disabled:b,headerClassName:s,_className:f}),style:G("tab.header",{headerStyle:l,_style:p}),role:"presentation"},Q(e,"root",n),Q(e,"header",n));return u.createElement("li",H,A)},Ue=d({id:g,ref:R,style:h.style,className:c.classNames(h.className,F("root"))},S.getOtherProps(h),z("root")),Ae=d({className:F("navcontainer")},z("navcontainer")),He=(Pe=u.Children.map(h.children,(function(e,t){if(te(e))return _e(e,t)})),xe=d({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:Oe},z("navcontent")),Ee=d({ref:L,className:F("nav"),role:"tablist"},z("nav")),Se=d({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},z("inkbar")),u.createElement("div",xe,u.createElement("ul",Ee,Pe,u.createElement("li",Se)))),Re=(Ie=d({className:F("panelcontainer"),style:h.panelContainerStyle},z("panelcontainer")),je=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=d({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},I.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",Ie,je)),Be=(De=d({"aria-hidden":"true"},z("previcon")),Ne=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,De),D({},De),{props:h}),Te=d({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("prevPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},z("prevbutton")),h.scrollable&&!w?u.createElement("button",Te,Ne,u.createElement(i.Ripple,null)):null),Le=function(){var e=d({"aria-hidden":"true"},z("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(l.ChevronRightIcon,e),D({},e),{props:h}),r=d({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},z("nextbutton"));if(h.scrollable&&!j)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",Ae,Be,He,Le),Re)}));N.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=N,exports.TabView=T;
|
package/tabview/tabview.esm.js
CHANGED
|
@@ -758,7 +758,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
758
758
|
ref: prevBtnRef,
|
|
759
759
|
type: 'button',
|
|
760
760
|
className: cx('prevbutton'),
|
|
761
|
-
'aria-label': ariaLabel('
|
|
761
|
+
'aria-label': ariaLabel('prevPageLabel'),
|
|
762
762
|
onClick: function onClick(e) {
|
|
763
763
|
return navBackward();
|
|
764
764
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUpdateEffect as i}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{TimesIcon as s}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as f,UniqueComponentId as b,DomHandler as v,IconUtils as m}from"primereact/utils";function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function C(){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 S(e){return S="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},S(e)}function x(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=x(e,"string");return"symbol"===S(t)?t:String(t)}function E(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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,o,l,i=[],c=!0,u=!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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return O(e)||N(e,t)||w(e,t)||I()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return f("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return f("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return f("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:f(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return k(k({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:k(k({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,h){var S=o(),x=e.useContext(t),P=D.getProps(r,x),E=T(e.useState(P.id),2),O=E[0],N=E[1],I=T(e.useState(!0),2),j=I[0],k=I[1],_=T(e.useState(!1),2),R=_[0],L=_[1],U=T(e.useState([]),2),W=U[0],J=U[1],X=T(e.useState(P.activeIndex),2),V=X[0],K=X[1],H=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),z=e.useRef(null),F=e.useRef({}),G=P.onTabChange?P.activeIndex:V,Q=e.Children.count(P.children),Z={props:P,state:{id:O,isPrevButtonDisabled:j,isNextButtonDisabled:R,hiddenTabsState:W,activeIndex:V}},ee=D.setMetaData(B({},Z)),te=ee.ptm,ne=ee.ptmo,re=ee.cx,ae=ee.sx;a(D.css.styles,ee.isUnstyled,{name:"tabview"});var oe=function(e,t,n){var r={props:e.props,parent:Z,context:{index:n,count:Q,first:0===n,last:n===Q-1,active:n==V,disabled:ie(e,"disabled")}};return S(te("tab.".concat(t),{tab:r}),te("tabpanel.".concat(t),{tabpanel:r}),te("tabpanel.".concat(t),r),ne(ie(e,"pt"),t,r))},le=function(e){return e===G},ie=function(e,t){return A.getCProp(e,t)},ce=function(e){return e&&ie(e,"visible")&&d.isValidChild(e,"TabPanel")&&W.every((function(t){return t!==e.key}))},ue=function(e,t){e.preventDefault();var n,r=P.onBeforeTabClose,a=P.onTabClose,o=P.children[t].key;r&&!1===r({originalEvent:e,index:t})||(J([].concat(y(n=W)||g(n)||w(n)||C(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){pe(e,t,n)},pe=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(P.onBeforeTabChange&&!1===P.onBeforeTabChange({originalEvent:e,index:n}))return;P.onTabChange?P.onTabChange({originalEvent:e,index:n}):K(n)}Ee({index:n})},de=function(e,t,n){switch(e.code){case"ArrowLeft":be(e);break;case"ArrowRight":fe(e);break;case"Home":ve(e);break;case"End":me(e);break;case"PageDown":he(e);break;case"PageUp":ye(e);break;case"Enter":case"NumpadEnter":case"Space":ge(e,t,n)}},fe=function(e){var t=we(e.target.parentElement);t?Pe(t):ve(e),e.preventDefault()},be=function(e){var t=Ce(e.target.parentElement);t?Pe(t):me(e),e.preventDefault()},ve=function(e){var t=Se();Pe(t),e.preventDefault()},me=function(e){var t=xe();Pe(t),e.preventDefault()},he=function(t){Ee({index:e.Children.count(P.children)-1}),t.preventDefault()},ye=function(e){Ee({index:0}),e.preventDefault()},ge=function(e,t,n){pe(e,t,n),e.preventDefault()},we=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?we(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?Ce(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Se=function(){return we(Y.current.firstElementChild,!0)},xe=function(){return Ce(Y.current.lastElementChild,!0)},Pe=function(e){e&&(v.focus(e),Ee({element:e}))},Ee=function(e){var t=e.element||F.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Oe=function(){var e=M.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(M.current);k(0===t),L(parseInt(t)===n-r)},Ne=function(e){P.scrollable&&Oe(),e.preventDefault()},Ie=function(){return[q.current,z.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){k(!0),L(!1),J([]),P.onTabChange?P.onTabChange({index:G}):K(P.activeIndex)};e.useEffect((function(){var e;e=F.current["tab_".concat(G)],$.current.style.width=v.getWidth(e)+"px",$.current.style.left=v.getOffset(e).left-v.getOffset(Y.current).left+"px",Oe()})),l((function(){O||N(b())})),i((function(){if(d.isNotEmpty(W)){var t=(n=W[W.length-1],(r=e.Children.map(P.children,(function(e,t){if(ce(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[W]),i((function(){P.activeIndex!==V&&Ee({index:P.activeIndex})}),[P.activeIndex]),e.useImperativeHandle(h,(function(){return{props:P,reset:Te,getElement:function(){return H.current}}}));var je,ke,De,Ae,_e,Be,Re,Le,Ue,We=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ue(e,t)}},Je=function(t,r){var a=le(r),o=A.getCProps(t),l=o.headerStyle,i=o.headerClassName,c=o.style,u=o.className,f=o.disabled,b=o.leftIcon,v=o.rightIcon,h=o.header,y=o.headerTemplate,g=o.closable,w=o.closeIcon,C=O+"_header_"+r,x=O+r+"_content",E=f||!a?-1:0,N=b&&m.getJSXIcon(b,void 0,{props:P}),I=S({className:re("tab.headertitle")},oe(t,"headertitle",r)),T=e.createElement("span",I,h),j=v&&m.getJSXIcon(v,void 0,{props:P}),k=S({className:re("tab.closeIcon"),onClick:function(e){return ue(e,r)},onKeyDown:function(e){return We(e,r)},tabIndex:0,"aria-label":n("close")||"Close"},oe(t,"closeIcon",r)),D=g?m.getJSXIcon(w||e.createElement(s,k),B({},k),{props:P}):null,_=S({id:C,role:"tab",className:re("tab.headeraction"),tabIndex:E,"aria-controls":x,"aria-selected":a,"aria-disabled":f,onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)}},oe(t,"headeraction",r)),R=e.createElement("a",_,N,T,j,D,e.createElement(p,null));y&&(R=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)},leftIconElement:N,titleElement:T,rightIconElement:j,element:R,props:P,index:r,selected:a,ariaControls:x}));var L=S({ref:function(e){return F.current["tab_".concat(r)]=e},className:re("tab.header",{selected:a,disabled:f,headerClassName:i,_className:u}),style:ae("tab.header",{headerStyle:l,_style:c}),role:"presentation"},oe(t,"root",r),oe(t,"header",r));return e.createElement("li",L,R)},Xe=S({id:O,ref:H,style:P.style,className:f(P.className,re("root"))},D.getOtherProps(P),te("root")),Ve=S({className:re("navcontainer")},te("navcontainer")),Ke=(je=e.Children.map(P.children,(function(e,t){if(ce(e))return Je(e,t)})),ke=S({id:O+"_navcontent",ref:M,className:re("navcontent"),style:P.style,onScroll:Ne},te("navcontent")),De=S({ref:Y,className:re("nav"),role:"tablist"},te("nav")),Ae=S({ref:$,"aria-hidden":"true",role:"presentation",className:re("inkbar")},te("inkbar")),e.createElement("div",ke,e.createElement("ul",De,je,e.createElement("li",Ae)))),He=(_e=S({className:re("panelcontainer"),style:P.panelContainerStyle},te("panelcontainer")),Be=e.Children.map(P.children,(function(t,n){if(ce(t)&&(!P.renderActiveOnly||le(n))){var r=le(n),a=O+"_header_"+n,o=S({id:O+n+"_content",className:re("tab.content",{props:P,selected:r,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),style:ae("tab.content",{props:P,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),oe(t,"root",n),oe(t,"content",n));return e.createElement("div",o,P.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",_e,Be)),Me=(Re=S({"aria-hidden":"true"},te("previcon")),Le=m.getJSXIcon(P.prevButton||e.createElement(c,Re),B({},Re),{props:P}),Ue=S({ref:q,type:"button",className:re("prevbutton"),"aria-label":n("previousPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft-t)<=0?0:n);var t,n}},te("prevbutton")),P.scrollable&&!j?e.createElement("button",Ue,Le,e.createElement(p,null)):null),Ye=function(){var t=S({"aria-hidden":"true"},te("nexticon")),r=m.getJSXIcon(P.nextButton||e.createElement(u,t),B({},t),{props:P}),a=S({ref:z,type:"button",className:re("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft+t)>=(r=M.current.scrollWidth-t)?r:n);var t,n,r}},te("nextbutton"));if(P.scrollable&&!R)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",Xe,e.createElement("div",Ve,Me,Ke,Ye),He)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUpdateEffect as i}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{TimesIcon as s}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as f,UniqueComponentId as b,DomHandler as v,IconUtils as m}from"primereact/utils";function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function C(){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 S(e){return S="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},S(e)}function x(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=x(e,"string");return"symbol"===S(t)?t:String(t)}function E(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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,o,l,i=[],c=!0,u=!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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return O(e)||N(e,t)||w(e,t)||I()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return f("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return f("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return f("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:f(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return k(k({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:k(k({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,h){var S=o(),x=e.useContext(t),P=D.getProps(r,x),E=T(e.useState(P.id),2),O=E[0],N=E[1],I=T(e.useState(!0),2),j=I[0],k=I[1],_=T(e.useState(!1),2),R=_[0],L=_[1],U=T(e.useState([]),2),W=U[0],J=U[1],X=T(e.useState(P.activeIndex),2),V=X[0],K=X[1],H=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),z=e.useRef(null),F=e.useRef({}),G=P.onTabChange?P.activeIndex:V,Q=e.Children.count(P.children),Z={props:P,state:{id:O,isPrevButtonDisabled:j,isNextButtonDisabled:R,hiddenTabsState:W,activeIndex:V}},ee=D.setMetaData(B({},Z)),te=ee.ptm,ne=ee.ptmo,re=ee.cx,ae=ee.sx;a(D.css.styles,ee.isUnstyled,{name:"tabview"});var oe=function(e,t,n){var r={props:e.props,parent:Z,context:{index:n,count:Q,first:0===n,last:n===Q-1,active:n==V,disabled:ie(e,"disabled")}};return S(te("tab.".concat(t),{tab:r}),te("tabpanel.".concat(t),{tabpanel:r}),te("tabpanel.".concat(t),r),ne(ie(e,"pt"),t,r))},le=function(e){return e===G},ie=function(e,t){return A.getCProp(e,t)},ce=function(e){return e&&ie(e,"visible")&&d.isValidChild(e,"TabPanel")&&W.every((function(t){return t!==e.key}))},ue=function(e,t){e.preventDefault();var n,r=P.onBeforeTabClose,a=P.onTabClose,o=P.children[t].key;r&&!1===r({originalEvent:e,index:t})||(J([].concat(y(n=W)||g(n)||w(n)||C(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){pe(e,t,n)},pe=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(P.onBeforeTabChange&&!1===P.onBeforeTabChange({originalEvent:e,index:n}))return;P.onTabChange?P.onTabChange({originalEvent:e,index:n}):K(n)}Ee({index:n})},de=function(e,t,n){switch(e.code){case"ArrowLeft":be(e);break;case"ArrowRight":fe(e);break;case"Home":ve(e);break;case"End":me(e);break;case"PageDown":he(e);break;case"PageUp":ye(e);break;case"Enter":case"NumpadEnter":case"Space":ge(e,t,n)}},fe=function(e){var t=we(e.target.parentElement);t?Pe(t):ve(e),e.preventDefault()},be=function(e){var t=Ce(e.target.parentElement);t?Pe(t):me(e),e.preventDefault()},ve=function(e){var t=Se();Pe(t),e.preventDefault()},me=function(e){var t=xe();Pe(t),e.preventDefault()},he=function(t){Ee({index:e.Children.count(P.children)-1}),t.preventDefault()},ye=function(e){Ee({index:0}),e.preventDefault()},ge=function(e,t,n){pe(e,t,n),e.preventDefault()},we=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?we(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?Ce(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Se=function(){return we(Y.current.firstElementChild,!0)},xe=function(){return Ce(Y.current.lastElementChild,!0)},Pe=function(e){e&&(v.focus(e),Ee({element:e}))},Ee=function(e){var t=e.element||F.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Oe=function(){var e=M.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(M.current);k(0===t),L(parseInt(t)===n-r)},Ne=function(e){P.scrollable&&Oe(),e.preventDefault()},Ie=function(){return[q.current,z.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){k(!0),L(!1),J([]),P.onTabChange?P.onTabChange({index:G}):K(P.activeIndex)};e.useEffect((function(){var e;e=F.current["tab_".concat(G)],$.current.style.width=v.getWidth(e)+"px",$.current.style.left=v.getOffset(e).left-v.getOffset(Y.current).left+"px",Oe()})),l((function(){O||N(b())})),i((function(){if(d.isNotEmpty(W)){var t=(n=W[W.length-1],(r=e.Children.map(P.children,(function(e,t){if(ce(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[W]),i((function(){P.activeIndex!==V&&Ee({index:P.activeIndex})}),[P.activeIndex]),e.useImperativeHandle(h,(function(){return{props:P,reset:Te,getElement:function(){return H.current}}}));var je,ke,De,Ae,_e,Be,Re,Le,Ue,We=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ue(e,t)}},Je=function(t,r){var a=le(r),o=A.getCProps(t),l=o.headerStyle,i=o.headerClassName,c=o.style,u=o.className,f=o.disabled,b=o.leftIcon,v=o.rightIcon,h=o.header,y=o.headerTemplate,g=o.closable,w=o.closeIcon,C=O+"_header_"+r,x=O+r+"_content",E=f||!a?-1:0,N=b&&m.getJSXIcon(b,void 0,{props:P}),I=S({className:re("tab.headertitle")},oe(t,"headertitle",r)),T=e.createElement("span",I,h),j=v&&m.getJSXIcon(v,void 0,{props:P}),k=S({className:re("tab.closeIcon"),onClick:function(e){return ue(e,r)},onKeyDown:function(e){return We(e,r)},tabIndex:0,"aria-label":n("close")||"Close"},oe(t,"closeIcon",r)),D=g?m.getJSXIcon(w||e.createElement(s,k),B({},k),{props:P}):null,_=S({id:C,role:"tab",className:re("tab.headeraction"),tabIndex:E,"aria-controls":x,"aria-selected":a,"aria-disabled":f,onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)}},oe(t,"headeraction",r)),R=e.createElement("a",_,N,T,j,D,e.createElement(p,null));y&&(R=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)},leftIconElement:N,titleElement:T,rightIconElement:j,element:R,props:P,index:r,selected:a,ariaControls:x}));var L=S({ref:function(e){return F.current["tab_".concat(r)]=e},className:re("tab.header",{selected:a,disabled:f,headerClassName:i,_className:u}),style:ae("tab.header",{headerStyle:l,_style:c}),role:"presentation"},oe(t,"root",r),oe(t,"header",r));return e.createElement("li",L,R)},Xe=S({id:O,ref:H,style:P.style,className:f(P.className,re("root"))},D.getOtherProps(P),te("root")),Ve=S({className:re("navcontainer")},te("navcontainer")),Ke=(je=e.Children.map(P.children,(function(e,t){if(ce(e))return Je(e,t)})),ke=S({id:O+"_navcontent",ref:M,className:re("navcontent"),style:P.style,onScroll:Ne},te("navcontent")),De=S({ref:Y,className:re("nav"),role:"tablist"},te("nav")),Ae=S({ref:$,"aria-hidden":"true",role:"presentation",className:re("inkbar")},te("inkbar")),e.createElement("div",ke,e.createElement("ul",De,je,e.createElement("li",Ae)))),He=(_e=S({className:re("panelcontainer"),style:P.panelContainerStyle},te("panelcontainer")),Be=e.Children.map(P.children,(function(t,n){if(ce(t)&&(!P.renderActiveOnly||le(n))){var r=le(n),a=O+"_header_"+n,o=S({id:O+n+"_content",className:re("tab.content",{props:P,selected:r,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),style:ae("tab.content",{props:P,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),oe(t,"root",n),oe(t,"content",n));return e.createElement("div",o,P.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",_e,Be)),Me=(Re=S({"aria-hidden":"true"},te("previcon")),Le=m.getJSXIcon(P.prevButton||e.createElement(c,Re),B({},Re),{props:P}),Ue=S({ref:q,type:"button",className:re("prevbutton"),"aria-label":n("prevPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft-t)<=0?0:n);var t,n}},te("prevbutton")),P.scrollable&&!j?e.createElement("button",Ue,Le,e.createElement(p,null)):null),Ye=function(){var t=S({"aria-hidden":"true"},te("nexticon")),r=m.getJSXIcon(P.nextButton||e.createElement(u,t),B({},t),{props:P}),a=S({ref:z,type:"button",className:re("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft+t)>=(r=M.current.scrollWidth-t)?r:n);var t,n,r}},te("nextbutton"));if(P.scrollable&&!R)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",Xe,e.createElement("div",Ve,Me,Ke,Ye),He)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};
|
package/tabview/tabview.js
CHANGED
|
@@ -771,7 +771,7 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
|
|
|
771
771
|
ref: prevBtnRef,
|
|
772
772
|
type: 'button',
|
|
773
773
|
className: cx('prevbutton'),
|
|
774
|
-
'aria-label': api.ariaLabel('
|
|
774
|
+
'aria-label': api.ariaLabel('prevPageLabel'),
|
|
775
775
|
onClick: function onClick(e) {
|
|
776
776
|
return navBackward();
|
|
777
777
|
}
|
package/tabview/tabview.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";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 d=u(t);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 v(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 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 O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}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 E(e,t){return C(e)||w(e,t)||v(e,t)||P()}function S(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?S(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return s.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return x(x({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:x(x({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(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?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=d.forwardRef((function(e,t){var u=a.useMergeProps(),p=d.useContext(n.PrimeReactContext),h=I.getProps(e,p),y=E(d.useState(h.id),2),g=y[0],O=y[1],C=E(d.useState(!0),2),w=C[0],P=C[1],S=E(d.useState(!1),2),x=S[0],D=S[1],T=E(d.useState([]),2),k=T[0],_=T[1],U=E(d.useState(h.activeIndex),2),A=U[0],H=U[1],R=d.useRef(null),B=d.useRef(null),L=d.useRef(null),W=d.useRef(null),J=d.useRef(null),M=d.useRef(null),V=d.useRef({}),X=h.onTabChange?h.activeIndex:A,K=d.Children.count(h.children),Y={props:h,state:{id:g,isPrevButtonDisabled:w,isNextButtonDisabled:x,hiddenTabsState:k,activeIndex:A}},q=I.setMetaData(N({},Y)),z=q.ptm,$=q.ptmo,F=q.cx,G=q.sx;r.useHandleStyle(I.css.styles,q.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:Y,context:{index:n,count:K,first:0===n,last:n===K-1,active:n==A,disabled:ee(e,"disabled")}};return u(z("tab.".concat(t),{tab:r}),z("tabpanel.".concat(t),{tabpanel:r}),z("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(f(n=k)||b(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":de(e);break;case"Enter":case"NumpadEnter":case"Space":pe(e,t,n)}},oe=function(e){var t=fe(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=be(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:d.Children.count(h.children)-1}),e.preventDefault()},de=function(e){ye({index:0}),e.preventDefault()},pe=function(e,t,n){ae(e,t,n),e.preventDefault()},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?fe(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?be(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},ve=function(){return fe(L.current.firstElementChild,!0)},me=function(){return be(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);P(0===t),D(parseInt(t)===n-r)},Oe=function(e){h.scrollable&&ge(),e.preventDefault()},Ce=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},we=function(){P(!0),D(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};d.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||O(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=d.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),d.useImperativeHandle(t,(function(){return{props:h,reset:we,getElement:function(){return R.current}}}));var Pe,Ee,Se,xe,Ie,je,De,Ne,Te,ke=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ne(e,t)}},_e=function(e,t){var r=Z(t),a=j.getCProps(e),l=a.headerStyle,o=a.headerClassName,p=a.style,f=a.className,b=a.disabled,v=a.leftIcon,m=a.rightIcon,y=a.header,O=a.headerTemplate,C=a.closable,w=a.closeIcon,P=g+"_header_"+t,E=g+t+"_content",S=b||!r?-1:0,x=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=d.createElement("span",I,y),T=m&&s.IconUtils.getJSXIcon(m,void 0,{props:h}),k=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)},onKeyDown:function(e){return ke(e,t)},tabIndex:0,"aria-label":n.ariaLabel("close")||"Close"},Q(e,"closeIcon",t)),_=C?s.IconUtils.getJSXIcon(w||d.createElement(i.TimesIcon,k),N({},k),{props:h}):null,U=u({id:P,role:"tab",className:F("tab.headeraction"),tabIndex:S,"aria-controls":E,"aria-selected":r,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),A=d.createElement("a",U,x,D,T,_,d.createElement(c.Ripple,null));O&&(A=s.ObjectUtils.getJSXElement(O,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:x,titleElement:D,rightIconElement:T,element:A,props:h,index:t,selected:r,ariaControls:E}));var H=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:r,disabled:b,headerClassName:o,_className:f}),style:G("tab.header",{headerStyle:l,_style:p}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return d.createElement("li",H,A)},Ue=u({id:g,ref:R,style:h.style,className:s.classNames(h.className,F("root"))},I.getOtherProps(h),z("root")),Ae=u({className:F("navcontainer")},z("navcontainer")),He=(Pe=d.Children.map(h.children,(function(e,t){if(te(e))return _e(e,t)})),Ee=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:Oe},z("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},z("nav")),xe=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},z("inkbar")),d.createElement("div",Ee,d.createElement("ul",Se,Pe,d.createElement("li",xe)))),Re=(Ie=u({className:F("panelcontainer"),style:h.panelContainerStyle},z("panelcontainer")),je=d.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return d.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),d.createElement("div",Ie,je)),Be=(De=u({"aria-hidden":"true"},z("previcon")),Ne=s.IconUtils.getJSXIcon(h.prevButton||d.createElement(l.ChevronLeftIcon,De),N({},De),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},z("prevbutton")),h.scrollable&&!w?d.createElement("button",Te,Ne,d.createElement(c.Ripple,null)):null),Le=function(){var e=u({"aria-hidden":"true"},z("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||d.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},z("nextbutton"));if(h.scrollable&&!x)return d.createElement("button",r,t,d.createElement(c.Ripple,null))}();return d.createElement("div",Ue,d.createElement("div",Ae,Be,He,Le),Re)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";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 d=u(t);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 v(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 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 O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}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 E(e,t){return C(e)||w(e,t)||v(e,t)||P()}function S(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?S(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return s.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return x(x({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:x(x({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(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?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=d.forwardRef((function(e,t){var u=a.useMergeProps(),p=d.useContext(n.PrimeReactContext),h=I.getProps(e,p),y=E(d.useState(h.id),2),g=y[0],O=y[1],C=E(d.useState(!0),2),w=C[0],P=C[1],S=E(d.useState(!1),2),x=S[0],D=S[1],T=E(d.useState([]),2),k=T[0],_=T[1],U=E(d.useState(h.activeIndex),2),A=U[0],H=U[1],R=d.useRef(null),B=d.useRef(null),L=d.useRef(null),W=d.useRef(null),J=d.useRef(null),M=d.useRef(null),V=d.useRef({}),X=h.onTabChange?h.activeIndex:A,K=d.Children.count(h.children),Y={props:h,state:{id:g,isPrevButtonDisabled:w,isNextButtonDisabled:x,hiddenTabsState:k,activeIndex:A}},q=I.setMetaData(N({},Y)),z=q.ptm,$=q.ptmo,F=q.cx,G=q.sx;r.useHandleStyle(I.css.styles,q.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:Y,context:{index:n,count:K,first:0===n,last:n===K-1,active:n==A,disabled:ee(e,"disabled")}};return u(z("tab.".concat(t),{tab:r}),z("tabpanel.".concat(t),{tabpanel:r}),z("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(f(n=k)||b(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":de(e);break;case"Enter":case"NumpadEnter":case"Space":pe(e,t,n)}},oe=function(e){var t=fe(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=be(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:d.Children.count(h.children)-1}),e.preventDefault()},de=function(e){ye({index:0}),e.preventDefault()},pe=function(e,t,n){ae(e,t,n),e.preventDefault()},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?fe(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?be(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},ve=function(){return fe(L.current.firstElementChild,!0)},me=function(){return be(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);P(0===t),D(parseInt(t)===n-r)},Oe=function(e){h.scrollable&&ge(),e.preventDefault()},Ce=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},we=function(){P(!0),D(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};d.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||O(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=d.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),d.useImperativeHandle(t,(function(){return{props:h,reset:we,getElement:function(){return R.current}}}));var Pe,Ee,Se,xe,Ie,je,De,Ne,Te,ke=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ne(e,t)}},_e=function(e,t){var r=Z(t),a=j.getCProps(e),l=a.headerStyle,o=a.headerClassName,p=a.style,f=a.className,b=a.disabled,v=a.leftIcon,m=a.rightIcon,y=a.header,O=a.headerTemplate,C=a.closable,w=a.closeIcon,P=g+"_header_"+t,E=g+t+"_content",S=b||!r?-1:0,x=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=d.createElement("span",I,y),T=m&&s.IconUtils.getJSXIcon(m,void 0,{props:h}),k=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)},onKeyDown:function(e){return ke(e,t)},tabIndex:0,"aria-label":n.ariaLabel("close")||"Close"},Q(e,"closeIcon",t)),_=C?s.IconUtils.getJSXIcon(w||d.createElement(i.TimesIcon,k),N({},k),{props:h}):null,U=u({id:P,role:"tab",className:F("tab.headeraction"),tabIndex:S,"aria-controls":E,"aria-selected":r,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),A=d.createElement("a",U,x,D,T,_,d.createElement(c.Ripple,null));O&&(A=s.ObjectUtils.getJSXElement(O,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:x,titleElement:D,rightIconElement:T,element:A,props:h,index:t,selected:r,ariaControls:E}));var H=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:r,disabled:b,headerClassName:o,_className:f}),style:G("tab.header",{headerStyle:l,_style:p}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return d.createElement("li",H,A)},Ue=u({id:g,ref:R,style:h.style,className:s.classNames(h.className,F("root"))},I.getOtherProps(h),z("root")),Ae=u({className:F("navcontainer")},z("navcontainer")),He=(Pe=d.Children.map(h.children,(function(e,t){if(te(e))return _e(e,t)})),Ee=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:Oe},z("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},z("nav")),xe=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},z("inkbar")),d.createElement("div",Ee,d.createElement("ul",Se,Pe,d.createElement("li",xe)))),Re=(Ie=u({className:F("panelcontainer"),style:h.panelContainerStyle},z("panelcontainer")),je=d.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return d.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),d.createElement("div",Ie,je)),Be=(De=u({"aria-hidden":"true"},z("previcon")),Ne=s.IconUtils.getJSXIcon(h.prevButton||d.createElement(l.ChevronLeftIcon,De),N({},De),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("prevPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},z("prevbutton")),h.scrollable&&!w?d.createElement("button",Te,Ne,d.createElement(c.Ripple,null)):null),Le=function(){var e=u({"aria-hidden":"true"},z("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||d.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},z("nextbutton"));if(h.scrollable&&!x)return d.createElement("button",r,t,d.createElement(c.Ripple,null))}();return d.createElement("div",Ue,d.createElement("div",Ae,Be,He,Le),Re)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
|
|
@@ -231,10 +231,10 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
|
|
|
231
231
|
var rootProps = mergeProps({
|
|
232
232
|
ref: elementRef,
|
|
233
233
|
id: props.id,
|
|
234
|
-
className: cx('root', {
|
|
234
|
+
className: utils.classNames(props.className, cx('root', {
|
|
235
235
|
hasIcon: hasIcon,
|
|
236
236
|
hasLabel: hasLabel
|
|
237
|
-
}),
|
|
237
|
+
})),
|
|
238
238
|
'data-p-highlight': props.checked,
|
|
239
239
|
'data-p-disabled': props.disabled
|
|
240
240
|
}, ToggleButtonBase.getOtherProps(props), ptm('root'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var N=a.ObjectUtils.isNotEmpty(f.tooltip),k=f.disabled?-1:f.tabIndex,I=function(){if(O){var e=s({className:y("icon",{label:P})},v("icon"));return a.IconUtils.getJSXIcon(j,m({},e),{props:f})}return null}(),w=s({className:y("label")},v("label")),x=s({ref:d,id:f.id,className:a.classNames(f.className,y("root",{hasIcon:O,hasLabel:h})),"data-p-highlight":f.checked,"data-p-disabled":f.disabled},b.getOtherProps(f),v("root")),D=s({id:f.inputId,className:y("input"),style:f.style,onChange:E,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f,e)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f,e)},onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:k,role:"switch",type:"checkbox","aria-pressed":f.checked,"aria-invalid":f.invalid,disabled:f.disabled,readOnly:f.readonly,value:f.checked,checked:f.checked},v("input")),S=s({className:a.classNames(f.className,y("box",{hasIcon:O,hasLabel:h}))},v("box"));return c.createElement(c.Fragment,null,c.createElement("div",x,c.createElement("input",D),c.createElement("div",S,I,c.createElement("span",w,P),c.createElement(r.Ripple,null))),N&&c.createElement(l.Tooltip,u({target:d,content:f.tooltip,pt:v("tooltip")},f.tooltipOptions)))})));g.displayName="ToggleButton",exports.ToggleButton=g;
|
|
@@ -207,10 +207,10 @@ var ToggleButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
|
|
|
207
207
|
var rootProps = mergeProps({
|
|
208
208
|
ref: elementRef,
|
|
209
209
|
id: props.id,
|
|
210
|
-
className: cx('root', {
|
|
210
|
+
className: classNames(props.className, cx('root', {
|
|
211
211
|
hasIcon: hasIcon,
|
|
212
212
|
hasLabel: hasLabel
|
|
213
|
-
}),
|
|
213
|
+
})),
|
|
214
214
|
'data-p-highlight': props.checked,
|
|
215
215
|
'data-p-disabled': props.disabled
|
|
216
216
|
}, ToggleButtonBase.getOtherProps(props), ptm('root'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as l}from"primereact/hooks";import{Ripple as
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as l}from"primereact/hooks";import{Ripple as a}from"primereact/ripple";import{Tooltip as i}from"primereact/tooltip";import{classNames as c,DomHandler as u,ObjectUtils as p,IconUtils as s}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}function b(e){return b="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},b(e)}function m(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===b(t)?t:String(t)}var g=n.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return c("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return c("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=d(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=e.memo(e.forwardRef((function(n,b){var m=r(),d=e.useContext(t),v=g.getProps(n,d),h=e.useRef(null),O=g.setMetaData({props:v}),P=O.ptm,j=O.cx;o(g.css.styles,O.isUnstyled,{name:"togglebutton"});var E=v.onLabel&&v.onLabel.length>0&&v.offLabel&&v.offLabel.length>0,k=v.onIcon&&v.offIcon,I=E?v.checked?v.onLabel:v.offLabel:" ",w=v.checked?v.onIcon:v.offIcon,N=function(e){v.disabled||!v.onChange||v.readonly||v.onChange({originalEvent:e,value:!v.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:!v.checked}})};e.useImperativeHandle(b,(function(){return{props:v,focus:function(){return u.focusFirstElement(h.current)},getElement:function(){return h.current}}})),l((function(){v.autoFocus&&u.focusFirstElement(h.current)}));var x=p.isNotEmpty(v.tooltip),L=v.disabled?-1:v.tabIndex,S=function(){if(k){var e=m({className:j("icon",{label:I})},P("icon"));return s.getJSXIcon(w,y({},e),{props:v})}return null}(),D=m({className:j("label")},P("label")),F=m({ref:h,id:v.id,className:c(v.className,j("root",{hasIcon:k,hasLabel:E})),"data-p-highlight":v.checked,"data-p-disabled":v.disabled},g.getOtherProps(v),P("root")),C=m({id:v.inputId,className:j("input"),style:v.style,onChange:N,onFocus:function(e){var t;null==v||null===(t=v.onFocus)||void 0===t||t.call(v,e)},onBlur:function(e){var t;null==v||null===(t=v.onBlur)||void 0===t||t.call(v,e)},onKeyDown:function(e){32===e.keyCode&&(N(e),e.preventDefault())},tabIndex:L,role:"switch",type:"checkbox","aria-pressed":v.checked,"aria-invalid":v.invalid,disabled:v.disabled,readOnly:v.readonly,value:v.checked,checked:v.checked},P("input")),B=m({className:c(v.className,j("box",{hasIcon:k,hasLabel:E}))},P("box"));return e.createElement(e.Fragment,null,e.createElement("div",F,e.createElement("input",C),e.createElement("div",B,S,e.createElement("span",D,I),e.createElement(a,null))),x&&e.createElement(i,f({target:h,content:v.tooltip,pt:P("tooltip")},v.tooltipOptions)))})));h.displayName="ToggleButton";export{h as ToggleButton};
|
|
@@ -222,10 +222,10 @@ this.primereact.togglebutton = (function (exports, React, api, componentbase, ho
|
|
|
222
222
|
var rootProps = mergeProps({
|
|
223
223
|
ref: elementRef,
|
|
224
224
|
id: props.id,
|
|
225
|
-
className: cx('root', {
|
|
225
|
+
className: utils.classNames(props.className, cx('root', {
|
|
226
226
|
hasIcon: hasIcon,
|
|
227
227
|
hasLabel: hasLabel
|
|
228
|
-
}),
|
|
228
|
+
})),
|
|
229
229
|
'data-p-highlight': props.checked,
|
|
230
230
|
'data-p-disabled': props.disabled
|
|
231
231
|
}, ToggleButtonBase.getOtherProps(props), ptm('root'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l,a,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l,a,c){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="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},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var d=o.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return c.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return c.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=b(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=u.memo(u.forwardRef((function(e,t){var i=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=d.getProps(e,p),b=u.useRef(null),m=d.setMetaData({props:f}),y=m.ptm,v=m.cx;o.useHandleStyle(d.css.styles,m.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return c.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current}}})),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focusFirstElement(b.current)}));var N=c.ObjectUtils.isNotEmpty(f.tooltip),k=f.disabled?-1:f.tabIndex,I=function(){if(O){var e=i({className:v("icon",{label:P})},y("icon"));return c.IconUtils.getJSXIcon(j,g({},e),{props:f})}return null}(),w=i({className:v("label")},y("label")),D=i({ref:b,id:f.id,className:c.classNames(f.className,v("root",{hasIcon:O,hasLabel:h})),"data-p-highlight":f.checked,"data-p-disabled":f.disabled},d.getOtherProps(f),y("root")),S=i({id:f.inputId,className:v("input"),style:f.style,onChange:E,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f,e)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f,e)},onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:k,role:"switch",type:"checkbox","aria-pressed":f.checked,"aria-invalid":f.invalid,disabled:f.disabled,readOnly:f.readonly,value:f.checked,checked:f.checked},y("input")),x=i({className:c.classNames(f.className,v("box",{hasIcon:O,hasLabel:h}))},y("box"));return u.createElement(u.Fragment,null,u.createElement("div",D,u.createElement("input",S),u.createElement("div",x,I,u.createElement("span",w,P),u.createElement(l.Ripple,null))),N&&u.createElement(a.Tooltip,s({target:b,content:f.tooltip,pt:y("tooltip")},f.tooltipOptions)))})));return y.displayName="ToggleButton",e.ToggleButton=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils);
|
package/tooltip/tooltip.cjs.js
CHANGED
|
@@ -427,9 +427,8 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
427
427
|
var hide = function hide(e) {
|
|
428
428
|
if (e && e.type === 'blur') setMultipleFocusEvents(false);
|
|
429
429
|
clearTimeouts();
|
|
430
|
-
var success = true;
|
|
431
430
|
if (visibleState) {
|
|
432
|
-
success = sendCallback(props.onBeforeHide, {
|
|
431
|
+
var success = sendCallback(props.onBeforeHide, {
|
|
433
432
|
originalEvent: e,
|
|
434
433
|
target: currentTargetRef.current
|
|
435
434
|
});
|
|
@@ -440,16 +439,15 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
440
439
|
}
|
|
441
440
|
utils.ZIndexUtils.clear(elementRef.current);
|
|
442
441
|
utils.DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
|
|
442
|
+
setVisibleState(false);
|
|
443
443
|
sendCallback(props.onHide, {
|
|
444
444
|
originalEvent: e,
|
|
445
445
|
target: currentTargetRef.current
|
|
446
446
|
});
|
|
447
447
|
});
|
|
448
448
|
}
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
// handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
|
|
452
|
-
if (success) {
|
|
449
|
+
} else if (!props.onBeforeHide && !getDelay('hideDelay')) {
|
|
450
|
+
// handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
|
|
453
451
|
setVisibleState(false);
|
|
454
452
|
}
|
|
455
453
|
};
|
|
@@ -562,9 +560,12 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
562
560
|
});
|
|
563
561
|
}
|
|
564
562
|
};
|
|
563
|
+
var getDelay = function getDelay(delayProp) {
|
|
564
|
+
return getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
|
|
565
|
+
};
|
|
565
566
|
var applyDelay = function applyDelay(delayProp, callback) {
|
|
566
567
|
clearTimeouts();
|
|
567
|
-
var delay =
|
|
568
|
+
var delay = getDelay(delayProp);
|
|
568
569
|
delay ? timeouts.current["".concat(delayProp)] = setTimeout(function () {
|
|
569
570
|
return callback();
|
|
570
571
|
}, delay) : callback();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function l(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var u=l(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function O(){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 x(t,e){return w(t)||E(t,e)||b(t,e)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function j(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=u.memo(u.forwardRef((function(t,a){var l=n.useMergeProps(),p=u.useContext(e.PrimeReactContext),f=S.getProps(t,p),d=x(u.useState(!1),2),m=d[0],h=d[1],w=x(u.useState(f.position||"right"),2),E=w[0],O=w[1],T=x(u.useState(""),2),D=T[0],H=T[1],P=x(u.useState(!1),2),I=P[0],k=P[1],N=m&&f.closeOnEscape,C=n.useDisplayOrder("tooltip",N),A={props:f,state:{visible:m,position:E,className:D},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},L=S.setMetaData(A),R=L.ptm,U=L.cx,M=L.sx;r.useHandleStyle(S.css.styles,L.isUnstyled,{name:"tooltip"}),n.useGlobalOnEscapeKey({callback:function(){st()},when:N,priority:[n.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP,C]});var Z=u.useRef(null),_=u.useRef(null),W=u.useRef(null),q=u.useRef(null),B=u.useRef(!0),z=u.useRef({}),F=u.useRef(null),Y=x(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&st(t)}}),2),G=Y[0],K=Y[1],X=x(n.useOverlayScrollListener({target:W.current,listener:function(t){st(t)},when:m}),2),$=X[0],J=X[1],Q=function(t){return rt(t,"mousetrack")||f.mouseTrack},V=function(t){return"true"===rt(t,"disabled")||nt(t,"disabled")||f.disabled},tt=function(t){return rt(t,"showondisabled")||f.showOnDisabled},et=function(){return rt(W.current,"autohide")||f.autoHide},rt=function(t,e){return nt(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},nt=function(t,e){return t&&t.hasAttribute(e)},ot=function(t){var e=[rt(t,"showevent")||f.showEvent],r=[rt(t,"hideevent")||f.hideEvent];if(Q(t))e=["mousemove"],r=["mouseleave"];else{var n=rt(t,"event")||f.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=I?["blur"]:["mouseleave","blur"])}return{showEvents:e,hideEvents:r}},it=function(t){return rt(t,"position")||E},at=function(t){return{top:rt(t,"mousetracktop")||f.mouseTrackTop,left:rt(t,"mousetrackleft")||f.mouseTrackLeft}},lt=function(t,e){if(_.current){var r=rt(t,"tooltip")||f.content;r?(_.current.innerHTML="",_.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},ut=function(t){lt(W.current,(function(){var e=F.current,r=e.pageX,n=e.pageY;f.autoZIndex&&!i.ZIndexUtils.get(Z.current)&&i.ZIndexUtils.set("tooltip",Z.current,p&&p.autoZIndex||c.default.autoZIndex,f.baseZIndex||p&&p.zIndex.tooltip||c.default.zIndex.tooltip),Z.current.style.left="",Z.current.style.top="",et()&&(Z.current.style.pointerEvents="none");var o=Q(W.current)||"mouse"===t;(o&&!q.current||o)&&(q.current={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)}),pt(W.current,{x:r,y:n},t)}))},ct=function(t){t.type&&"focus"===t.type&&k(!0),W.current=t.currentTarget;var e,r=V(W.current);(e=tt(W.current)&&r?W.current.firstChild:W.current,!(f.content||rt(e,"tooltip")||f.children))||r||(F.current=t,m?vt("updateDelay",ut):yt(f.onBeforeShow,{originalEvent:t,target:W.current})&&vt("showDelay",(function(){h(!0),yt(f.onShow,{originalEvent:t,target:W.current})})))},st=function(t){t&&"blur"===t.type&&k(!1),bt();var e=!0;m&&(e=yt(f.onBeforeHide,{originalEvent:t,target:W.current}))&&vt("hideDelay",(function(){(et()||!1!==B.current)&&(i.ZIndexUtils.clear(Z.current),i.DomHandler.removeClass(Z.current,"p-tooltip-active"),yt(f.onHide,{originalEvent:t,target:W.current}))})),e&&h(!1)},pt=function(t,e,r){var n=0,o=0,a=r||E;if((Q(t)||"mouse"==a)&&e){var l={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)};n=e.x,o=e.y;var u=at(t),c=u.top,s=u.left;switch(a){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||q.current.width>l.width?(Z.current.style.left="0px",Z.current.style.right=window.innerWidth-l.width-n+"px"):(Z.current.style.right="",Z.current.style.left=n+"px"),Z.current.style.top=o+"px",i.DomHandler.addClass(Z.current,"p-tooltip-active")}else{var p=i.DomHandler.findCollisionPosition(a),d=rt(t,"my")||f.my||p.my,m=rt(t,"at")||f.at||p.at;Z.current.style.padding="0px",i.DomHandler.flipfitCollision(Z.current,t,d,m,(function(t){var e=t.at,r=e.x,n=f.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];Z.current.style.padding="",O(n),ft(n),i.DomHandler.addClass(Z.current,"p-tooltip-active")}))}},ft=function(t){if(Z.current){var e=getComputedStyle(Z.current);"left"===t?Z.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(Z.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},dt=function(t){et()||(B.current=!0,st(t))},mt=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=gt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},ht=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=gt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},vt=function(t,e){bt();var r=rt(W.current,t.toLowerCase())||f[t];r?z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},yt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},bt=function(){Object.values(z.current).forEach((function(t){return clearTimeout(t)}))},gt=function(t){if(t){if(tt(t)){if(!t.hasWrapper){var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}return t.parentElement}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},wt=function(t){Ot(t),Et(t)},Et=function(t){xt(t||f.target,mt)},Ot=function(t){xt(t||f.target,ht)},xt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){m&&W.current&&V(W.current)&&st()})),n.useUpdateEffect((function(){return Et(),function(){Ot()}}),[ct,st,f.target]),n.useUpdateEffect((function(){if(m){var t=it(W.current),e=rt(W.current,"classname");O(t),H(e),ut(t),G(),$()}else O(f.position||"right"),H(""),W.current=null,q.current=null,B.current=!0;return function(){K(),J()}}),[m]),n.useUpdateEffect((function(){var t=it(W.current);m&&"mouse"!==t&&vt("updateDelay",(function(){lt(W.current,(function(){pt(W.current)}))}))}),[f.content]),n.useUnmountEffect((function(){st(),i.ZIndexUtils.clear(Z.current)})),u.useImperativeHandle(a,(function(){return{props:f,updateTargetEvents:wt,loadTargetEvents:Et,unloadTargetEvents:Ot,show:ct,hide:st,getElement:function(){return Z.current},getTarget:function(){return W.current}}}));var St,Tt,jt,Dt,Ht;if(m){var Pt=(St=W.current,Tt=!(f.content||rt(St,"tooltip")),jt=l({id:f.id,className:i.classNames(f.className,U("root",{positionState:E,classNameState:D})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){et()||(B.current=!1)},onMouseLeave:function(t){return dt(t)}},S.getOtherProps(f),R("root")),Dt=l({className:U("arrow"),style:M("arrow",j({},A))},R("arrow")),Ht=l({className:U("text")},R("text")),u.createElement("div",s({ref:Z},jt),u.createElement("div",Dt),u.createElement("div",s({ref:_},Ht),Tt&&f.children)));return u.createElement(o.Portal,{element:Pt,appendTo:f.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var l=u(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function O(){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 x(t,e){return w(t)||E(t,e)||b(t,e)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var j=l.memo(l.forwardRef((function(t,a){var u=n.useMergeProps(),p=l.useContext(e.PrimeReactContext),f=S.getProps(t,p),d=x(l.useState(!1),2),m=d[0],h=d[1],w=x(l.useState(f.position||"right"),2),E=w[0],O=w[1],T=x(l.useState(""),2),j=T[0],H=T[1],P=x(l.useState(!1),2),I=P[0],k=P[1],N=m&&f.closeOnEscape,C=n.useDisplayOrder("tooltip",N),A={props:f,state:{visible:m,position:E,className:j},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},L=S.setMetaData(A),R=L.ptm,U=L.cx,M=L.sx;r.useHandleStyle(S.css.styles,L.isUnstyled,{name:"tooltip"}),n.useGlobalOnEscapeKey({callback:function(){st()},when:N,priority:[n.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP,C]});var Z=l.useRef(null),_=l.useRef(null),W=l.useRef(null),B=l.useRef(null),q=l.useRef(!0),z=l.useRef({}),F=l.useRef(null),Y=x(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&st(t)}}),2),G=Y[0],K=Y[1],X=x(n.useOverlayScrollListener({target:W.current,listener:function(t){st(t)},when:m}),2),$=X[0],J=X[1],Q=function(t){return rt(t,"mousetrack")||f.mouseTrack},V=function(t){return"true"===rt(t,"disabled")||nt(t,"disabled")||f.disabled},tt=function(t){return rt(t,"showondisabled")||f.showOnDisabled},et=function(){return rt(W.current,"autohide")||f.autoHide},rt=function(t,e){return nt(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},nt=function(t,e){return t&&t.hasAttribute(e)},ot=function(t){var e=[rt(t,"showevent")||f.showEvent],r=[rt(t,"hideevent")||f.hideEvent];if(Q(t))e=["mousemove"],r=["mouseleave"];else{var n=rt(t,"event")||f.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=I?["blur"]:["mouseleave","blur"])}return{showEvents:e,hideEvents:r}},it=function(t){return rt(t,"position")||E},at=function(t){return{top:rt(t,"mousetracktop")||f.mouseTrackTop,left:rt(t,"mousetrackleft")||f.mouseTrackLeft}},ut=function(t,e){if(_.current){var r=rt(t,"tooltip")||f.content;r?(_.current.innerHTML="",_.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},lt=function(t){ut(W.current,(function(){var e=F.current,r=e.pageX,n=e.pageY;f.autoZIndex&&!i.ZIndexUtils.get(Z.current)&&i.ZIndexUtils.set("tooltip",Z.current,p&&p.autoZIndex||c.default.autoZIndex,f.baseZIndex||p&&p.zIndex.tooltip||c.default.zIndex.tooltip),Z.current.style.left="",Z.current.style.top="",et()&&(Z.current.style.pointerEvents="none");var o=Q(W.current)||"mouse"===t;(o&&!B.current||o)&&(B.current={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)}),pt(W.current,{x:r,y:n},t)}))},ct=function(t){t.type&&"focus"===t.type&&k(!0),W.current=t.currentTarget;var e,r=V(W.current);(e=tt(W.current)&&r?W.current.firstChild:W.current,!(f.content||rt(e,"tooltip")||f.children))||r||(F.current=t,m?yt("updateDelay",lt):bt(f.onBeforeShow,{originalEvent:t,target:W.current})&&yt("showDelay",(function(){h(!0),bt(f.onShow,{originalEvent:t,target:W.current})})))},st=function(t){(t&&"blur"===t.type&&k(!1),gt(),m)?bt(f.onBeforeHide,{originalEvent:t,target:W.current})&&yt("hideDelay",(function(){(et()||!1!==q.current)&&(i.ZIndexUtils.clear(Z.current),i.DomHandler.removeClass(Z.current,"p-tooltip-active"),h(!1),bt(f.onHide,{originalEvent:t,target:W.current}))})):f.onBeforeHide||vt("hideDelay")||h(!1)},pt=function(t,e,r){var n=0,o=0,a=r||E;if((Q(t)||"mouse"==a)&&e){var u={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)};n=e.x,o=e.y;var l=at(t),c=l.top,s=l.left;switch(a){case"left":n-=u.width+s,o-=u.height/2-c;break;case"right":case"mouse":n+=s,o-=u.height/2-c;break;case"top":n-=u.width/2-s,o-=u.height+c;break;case"bottom":n-=u.width/2-s,o+=c}n<=0||B.current.width>u.width?(Z.current.style.left="0px",Z.current.style.right=window.innerWidth-u.width-n+"px"):(Z.current.style.right="",Z.current.style.left=n+"px"),Z.current.style.top=o+"px",i.DomHandler.addClass(Z.current,"p-tooltip-active")}else{var p=i.DomHandler.findCollisionPosition(a),d=rt(t,"my")||f.my||p.my,m=rt(t,"at")||f.at||p.at;Z.current.style.padding="0px",i.DomHandler.flipfitCollision(Z.current,t,d,m,(function(t){var e=t.at,r=e.x,n=f.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];Z.current.style.padding="",O(n),ft(n),i.DomHandler.addClass(Z.current,"p-tooltip-active")}))}},ft=function(t){if(Z.current){var e=getComputedStyle(Z.current);"left"===t?Z.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(Z.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},dt=function(t){et()||(q.current=!0,st(t))},mt=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},ht=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},vt=function(t){return rt(W.current,t.toLowerCase())||f[t]},yt=function(t,e){gt();var r=vt(t);r?z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},bt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},gt=function(){Object.values(z.current).forEach((function(t){return clearTimeout(t)}))},wt=function(t){if(t){if(tt(t)){if(!t.hasWrapper){var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}return t.parentElement}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},Et=function(t){xt(t),Ot(t)},Ot=function(t){St(t||f.target,mt)},xt=function(t){St(t||f.target,ht)},St=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){m&&W.current&&V(W.current)&&st()})),n.useUpdateEffect((function(){return Ot(),function(){xt()}}),[ct,st,f.target]),n.useUpdateEffect((function(){if(m){var t=it(W.current),e=rt(W.current,"classname");O(t),H(e),lt(t),G(),$()}else O(f.position||"right"),H(""),W.current=null,B.current=null,q.current=!0;return function(){K(),J()}}),[m]),n.useUpdateEffect((function(){var t=it(W.current);m&&"mouse"!==t&&yt("updateDelay",(function(){ut(W.current,(function(){pt(W.current)}))}))}),[f.content]),n.useUnmountEffect((function(){st(),i.ZIndexUtils.clear(Z.current)})),l.useImperativeHandle(a,(function(){return{props:f,updateTargetEvents:Et,loadTargetEvents:Ot,unloadTargetEvents:xt,show:ct,hide:st,getElement:function(){return Z.current},getTarget:function(){return W.current}}}));var Tt,Dt,jt,Ht,Pt;if(m){var It=(Tt=W.current,Dt=!(f.content||rt(Tt,"tooltip")),jt=u({id:f.id,className:i.classNames(f.className,U("root",{positionState:E,classNameState:j})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){et()||(q.current=!1)},onMouseLeave:function(t){return dt(t)}},S.getOtherProps(f),R("root")),Ht=u({className:U("arrow"),style:M("arrow",D({},A))},R("arrow")),Pt=u({className:U("text")},R("text")),l.createElement("div",s({ref:Z},jt),l.createElement("div",Ht),l.createElement("div",s({ref:_},Pt),Dt&&f.children)));return l.createElement(o.Portal,{element:It,appendTo:f.appendTo,visible:!0})}return null})));j.displayName="Tooltip",exports.Tooltip=j;
|