primereact 10.9.0 → 10.9.2
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/autocomplete/autocomplete.cjs.js +4 -4
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +4 -4
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +4 -4
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +35 -20
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +15 -61
- package/calendar/calendar.esm.js +35 -20
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +35 -20
- package/calendar/calendar.min.js +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +0 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +0 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +0 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +126 -76
- package/core/core.min.js +6 -6
- package/datatable/datatable.cjs.js +15 -7
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +15 -7
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +15 -7
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +6 -2
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +6 -2
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +7 -3
- package/dataview/dataview.min.js +1 -1
- package/dock/dock.cjs.js +0 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +0 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +0 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +24 -22
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +5 -0
- package/dropdown/dropdown.esm.js +25 -23
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +24 -22
- package/dropdown/dropdown.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +1 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +1 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +1 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/megamenu/megamenu.cjs.js +1 -2
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +1 -2
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +1 -2
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +1 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +1 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +0 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +0 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +0 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +0 -1
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +0 -1
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +0 -1
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +24 -22
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +25 -23
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +24 -22
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +1 -1
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +1 -1
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +1 -1
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/picklist.cjs.js +19 -6
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +19 -6
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +19 -6
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +255 -173
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2653 -2571
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +255 -173
- package/primereact.all.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +0 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +0 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +0 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +0 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +0 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +0 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +4 -4
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +4 -4
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +4 -4
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +7 -2
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +7 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +7 -2
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +37 -38
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +11 -1
- package/tree/tree.esm.js +38 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +38 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +10 -6
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +6 -1
- package/treeselect/treeselect.esm.js +11 -7
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +10 -6
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +223 -223
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +224 -224
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +224 -224
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +54 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +33 -7
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +54 -10
- 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 +996 -51
package/dataview/dataview.cjs.js
CHANGED
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var PrimeReact = require('primereact/api');
|
|
8
8
|
var componentbase = require('primereact/componentbase');
|
|
9
|
+
var hooks = require('primereact/hooks');
|
|
9
10
|
var bars = require('primereact/icons/bars');
|
|
10
11
|
var spinner = require('primereact/icons/spinner');
|
|
11
12
|
var thlarge = require('primereact/icons/thlarge');
|
|
12
13
|
var paginator = require('primereact/paginator');
|
|
13
14
|
var ripple = require('primereact/ripple');
|
|
14
15
|
var utils = require('primereact/utils');
|
|
15
|
-
var hooks = require('primereact/hooks');
|
|
16
16
|
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
18
|
|
|
@@ -491,7 +491,11 @@ var DataView = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
491
491
|
var content = null;
|
|
492
492
|
if (props.listTemplate) {
|
|
493
493
|
var items = getItems(value);
|
|
494
|
-
|
|
494
|
+
if (utils.ObjectUtils.isNotEmpty(items)) {
|
|
495
|
+
content = utils.ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
|
|
496
|
+
} else {
|
|
497
|
+
content = createEmptyMessage();
|
|
498
|
+
}
|
|
495
499
|
} else {
|
|
496
500
|
var _items = createItems(value);
|
|
497
501
|
var gridProps = mergeProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/icons/bars"),a=require("primereact/icons/spinner"),o=require("primereact/icons/thlarge"),i=require("primereact/paginator"),l=require("primereact/ripple"),u=require("primereact/utils"),s=require("primereact/hooks");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(e),m=c(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return g(e)}function v(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 g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}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 j(e,t){return h(e)||P(e,t)||b(e,t)||O()}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 N(e,t){if("object"!==S(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=N(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(e){return u.classNames("p-grid grid",{"p-nogutter grid-nogutter":!e.props.gutter})},root:function(e){var t=e.props;return u.classNames("p-dataview p-component",I(I({},"p-dataview-".concat(t.layout),!!t.layout),"p-dataview-loading",t.loading))}},styles:"\n@layer primereact {\n .p-dataview-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}}),T=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-button-group",listButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"list"===e.props.layout})},gridButton:function(e){return u.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===e.props.layout})}}}});function A(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=C(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw o}}}}function C(e,t){if(e){if("string"==typeof e)return x(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var L=f.memo((function(e){var r=s.useMergeProps(),a=f.useContext(t.PrimeReactContext),i=T.getProps(e,a),c=T.setMetaData({props:i}),p=c.ptm,m=c.cx,d=function(e,t){i.onChange({originalEvent:e,value:t}),e.preventDefault()},g=r(p("list")),y=r(p("grid")),v=u.IconUtils.getJSXIcon(i.listIcon||f.createElement(n.BarsIcon,g),R({},g),{props:i}),b=u.IconUtils.getJSXIcon(i.gridIcon||f.createElement(o.ThLargeIcon,y),R({},y),{props:i}),w=r({id:i.id,style:i.style,className:u.classNames(i.className,m("root"))},T.getOtherProps(i),p("root")),h=r({type:"button",className:m("listButton"),onClick:function(e){return d(e,"list")}},p("listButton")),P=r({type:"button",className:m("gridButton"),onClick:function(e){return d(e,"grid")}},p("gridButton"));return f.createElement("div",w,f.createElement("button",h,v,f.createElement(l.Ripple,null)),f.createElement("button",P,b,f.createElement(l.Ripple,null)))})),k=f.memo((function(e){return e.template(e.item,e.layout)})),U=f.memo(f.forwardRef((function(e,n){var o=s.useMergeProps(),l=f.useContext(t.PrimeReactContext),c=D.getProps(e,l),p=j(f.useState(c.first),2),g=p[0],h=p[1],P=j(f.useState(c.rows),2),O=P[0],S=P[1],N={props:c,state:{first:g,rows:O}},E=D.setMetaData(N),I=E.ptm,T=E.cx;r.useHandleStyle(D.css.styles,E.isUnstyled,{name:"dataview"});var C=f.useRef(null),x=c.onPage?c.first:g,M=c.onPage?c.rows:O,L=function(e){return c.dataKey?u.ObjectUtils.resolveFieldData(e,c.dataKey):null},U=function(){return c.totalRecords?c.totalRecords:c.value?c.value.length:0},q=function(e){var t=u.classNames("p-paginator-"+e,c.paginatorClassName),r=U();return f.createElement(i.Paginator,{first:x,rows:M,pageLinkSize:c.pageLinkSize,className:t,onPageChange:_,template:c.paginatorTemplate,totalRecords:r,rowsPerPageOptions:c.rowsPerPageOptions,currentPageReportTemplate:c.currentPageReportTemplate,leftContent:c.paginatorLeft,rightContent:c.paginatorRight,alwaysShow:c.alwaysShowPaginator,dropdownAppendTo:c.paginatorDropdownAppendTo,ptm:I("paginator"),unstyled:c.unstyled,__parentMetadata:{parent:N}})},_=function(e){c.onPage?c.onPage(e):(h(e.first),S(e.rows))},B=function(e){if(c.paginator){var t=c.lazy?0:x,r=U(),n=Math.min(M+t,r);return e.slice(t,n)||[]}return e},V=function(){if(c.value){var e,t=new Map,r=u.ObjectUtils.localeComparator(l&&l.locale||m.default.locale),n=y(i=c.value)||v(i)||b(i)||w(),a=A(n);try{for(a.s();!(e=a.n()).done;){var o=e.value;t.set(o,u.ObjectUtils.resolveFieldData(o,c.sortField))}}catch(e){a.e(e)}finally{a.f()}return n.sort((function(e,n){var a=t.get(e),o=t.get(n);return u.ObjectUtils.sort(a,o,c.sortOrder,r,l&&l.nullSortOrder||m.default.nullSortOrder)})),n}var i;return null},z=function(){if(!c.loading){var e=c.emptyMessage||t.localeOption("emptyMessage"),r=o({className:T("emptyMessage")},I("emptyMessage"));return f.createElement("div",r,e)}return null},F=function(e){return u.ObjectUtils.isNotEmpty(e)?B(e).map((function(e,t){return f.createElement(k,{key:L(e)||t,template:c.itemTemplate,layout:c.layout,item:e})})):z()};f.useImperativeHandle(n,(function(){return{props:c,getElement:function(){return C.current}}}));var J=function(){var e=c.value;return u.ObjectUtils.isNotEmpty(e)&&c.sortField&&(e=V()),e}(),X=function(){if(c.loading){var e=o({className:T("loadingIcon")},I("loadingIcon")),t=c.loadingIcon||f.createElement(a.SpinnerIcon,d({},e,{spin:!0})),r=u.IconUtils.getJSXIcon(t,R({},e),{props:c}),n=o({className:T("loadingOverlay")},I("loadingOverlay"));return f.createElement("div",n,r)}return null}(),K=!c.paginator||"bottom"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:q("top"),H=!c.paginator||"top"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:q("bottom"),Y=function(){if(c.header){var e=o({className:T("header")},I("header"));return f.createElement("div",e,c.header)}return null}(),$=function(){if(c.footer){var e=o({className:T("footer")},I("footer"));return f.createElement("div",e,c.footer)}return null}(),G=function(e){var t=o({className:T("content")},I("content")),r=null;if(c.listTemplate){var n=B(e);r=u.ObjectUtils.getJSXElement(c.listTemplate,n,c.layout)}else{var a=F(e),i=o({className:T("grid")},I("grid"));r=f.createElement("div",i,a)}return f.createElement("div",t,r)}(J),Q=o({id:c.id,ref:C,style:c.style,className:u.classNames(c.className,T("root"))},D.getOtherProps(c),I("root"));return f.createElement("div",Q,X,Y,K,G,H,$)})));L.displayName="DataViewLayoutOptions",k.displayName="DataViewItem",U.displayName="DataView",exports.DataView=U,exports.DataViewItem=k,exports.DataViewLayoutOptions=L;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),a=require("primereact/icons/bars"),o=require("primereact/icons/spinner"),i=require("primereact/icons/thlarge"),l=require("primereact/paginator"),u=require("primereact/ripple"),s=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(e),m=c(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return g(e)}function v(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 g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}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 j(e,t){return h(e)||P(e,t)||b(e,t)||O()}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 N(e,t){if("object"!==S(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=N(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(e){return s.classNames("p-grid grid",{"p-nogutter grid-nogutter":!e.props.gutter})},root:function(e){var t=e.props;return s.classNames("p-dataview p-component",I(I({},"p-dataview-".concat(t.layout),!!t.layout),"p-dataview-loading",t.loading))}},styles:"\n@layer primereact {\n .p-dataview-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}}),T=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-button-group",listButton:function(e){return s.classNames("p-button p-button-icon-only",{"p-highlight":"list"===e.props.layout})},gridButton:function(e){return s.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===e.props.layout})}}}});function A(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=C(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw o}}}}function C(e,t){if(e){if("string"==typeof e)return x(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var L=f.memo((function(e){var r=n.useMergeProps(),o=f.useContext(t.PrimeReactContext),l=T.getProps(e,o),c=T.setMetaData({props:l}),p=c.ptm,m=c.cx,d=function(e,t){l.onChange({originalEvent:e,value:t}),e.preventDefault()},g=r(p("list")),y=r(p("grid")),v=s.IconUtils.getJSXIcon(l.listIcon||f.createElement(a.BarsIcon,g),R({},g),{props:l}),b=s.IconUtils.getJSXIcon(l.gridIcon||f.createElement(i.ThLargeIcon,y),R({},y),{props:l}),w=r({id:l.id,style:l.style,className:s.classNames(l.className,m("root"))},T.getOtherProps(l),p("root")),h=r({type:"button",className:m("listButton"),onClick:function(e){return d(e,"list")}},p("listButton")),P=r({type:"button",className:m("gridButton"),onClick:function(e){return d(e,"grid")}},p("gridButton"));return f.createElement("div",w,f.createElement("button",h,v,f.createElement(u.Ripple,null)),f.createElement("button",P,b,f.createElement(u.Ripple,null)))})),k=f.memo((function(e){return e.template(e.item,e.layout)})),U=f.memo(f.forwardRef((function(e,a){var i=n.useMergeProps(),u=f.useContext(t.PrimeReactContext),c=D.getProps(e,u),p=j(f.useState(c.first),2),g=p[0],h=p[1],P=j(f.useState(c.rows),2),O=P[0],S=P[1],N={props:c,state:{first:g,rows:O}},E=D.setMetaData(N),I=E.ptm,T=E.cx;r.useHandleStyle(D.css.styles,E.isUnstyled,{name:"dataview"});var C=f.useRef(null),x=c.onPage?c.first:g,M=c.onPage?c.rows:O,L=function(e){return c.dataKey?s.ObjectUtils.resolveFieldData(e,c.dataKey):null},U=function(){return c.totalRecords?c.totalRecords:c.value?c.value.length:0},q=function(e){var t=s.classNames("p-paginator-"+e,c.paginatorClassName),r=U();return f.createElement(l.Paginator,{first:x,rows:M,pageLinkSize:c.pageLinkSize,className:t,onPageChange:_,template:c.paginatorTemplate,totalRecords:r,rowsPerPageOptions:c.rowsPerPageOptions,currentPageReportTemplate:c.currentPageReportTemplate,leftContent:c.paginatorLeft,rightContent:c.paginatorRight,alwaysShow:c.alwaysShowPaginator,dropdownAppendTo:c.paginatorDropdownAppendTo,ptm:I("paginator"),unstyled:c.unstyled,__parentMetadata:{parent:N}})},_=function(e){c.onPage?c.onPage(e):(h(e.first),S(e.rows))},B=function(e){if(c.paginator){var t=c.lazy?0:x,r=U(),n=Math.min(M+t,r);return e.slice(t,n)||[]}return e},V=function(){if(c.value){var e,t=new Map,r=s.ObjectUtils.localeComparator(u&&u.locale||m.default.locale),n=y(i=c.value)||v(i)||b(i)||w(),a=A(n);try{for(a.s();!(e=a.n()).done;){var o=e.value;t.set(o,s.ObjectUtils.resolveFieldData(o,c.sortField))}}catch(e){a.e(e)}finally{a.f()}return n.sort((function(e,n){var a=t.get(e),o=t.get(n);return s.ObjectUtils.sort(a,o,c.sortOrder,r,u&&u.nullSortOrder||m.default.nullSortOrder)})),n}var i;return null},z=function(){if(!c.loading){var e=c.emptyMessage||t.localeOption("emptyMessage"),r=i({className:T("emptyMessage")},I("emptyMessage"));return f.createElement("div",r,e)}return null},F=function(e){return s.ObjectUtils.isNotEmpty(e)?B(e).map((function(e,t){return f.createElement(k,{key:L(e)||t,template:c.itemTemplate,layout:c.layout,item:e})})):z()};f.useImperativeHandle(a,(function(){return{props:c,getElement:function(){return C.current}}}));var J=function(){var e=c.value;return s.ObjectUtils.isNotEmpty(e)&&c.sortField&&(e=V()),e}(),X=function(){if(c.loading){var e=i({className:T("loadingIcon")},I("loadingIcon")),t=c.loadingIcon||f.createElement(o.SpinnerIcon,d({},e,{spin:!0})),r=s.IconUtils.getJSXIcon(t,R({},e),{props:c}),n=i({className:T("loadingOverlay")},I("loadingOverlay"));return f.createElement("div",n,r)}return null}(),K=!c.paginator||"bottom"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:q("top"),H=!c.paginator||"top"===c.paginatorPosition&&"both"!==c.paginatorPosition?null:q("bottom"),Y=function(){if(c.header){var e=i({className:T("header")},I("header"));return f.createElement("div",e,c.header)}return null}(),$=function(){if(c.footer){var e=i({className:T("footer")},I("footer"));return f.createElement("div",e,c.footer)}return null}(),G=function(e){var t=i({className:T("content")},I("content")),r=null;if(c.listTemplate){var n=B(e);r=s.ObjectUtils.isNotEmpty(n)?s.ObjectUtils.getJSXElement(c.listTemplate,n,c.layout):z()}else{var a=F(e),o=i({className:T("grid")},I("grid"));r=f.createElement("div",o,a)}return f.createElement("div",t,r)}(J),Q=i({id:c.id,ref:C,style:c.style,className:s.classNames(c.className,T("root"))},D.getOtherProps(c),I("root"));return f.createElement("div",Q,X,Y,K,G,H,$)})));L.displayName="DataViewLayoutOptions",k.displayName="DataViewItem",U.displayName="DataView",exports.DataView=U,exports.DataViewItem=k,exports.DataViewLayoutOptions=L;
|
package/dataview/dataview.esm.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
|
+
import { useMergeProps } from 'primereact/hooks';
|
|
5
6
|
import { BarsIcon } from 'primereact/icons/bars';
|
|
6
7
|
import { SpinnerIcon } from 'primereact/icons/spinner';
|
|
7
8
|
import { ThLargeIcon } from 'primereact/icons/thlarge';
|
|
8
9
|
import { Paginator } from 'primereact/paginator';
|
|
9
10
|
import { Ripple } from 'primereact/ripple';
|
|
10
11
|
import { classNames, IconUtils, ObjectUtils } from 'primereact/utils';
|
|
11
|
-
import { useMergeProps } from 'primereact/hooks';
|
|
12
12
|
|
|
13
13
|
function _extends() {
|
|
14
14
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -464,7 +464,11 @@ var DataView = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
|
|
|
464
464
|
var content = null;
|
|
465
465
|
if (props.listTemplate) {
|
|
466
466
|
var items = getItems(value);
|
|
467
|
-
|
|
467
|
+
if (ObjectUtils.isNotEmpty(items)) {
|
|
468
|
+
content = ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
|
|
469
|
+
} else {
|
|
470
|
+
content = createEmptyMessage();
|
|
471
|
+
}
|
|
468
472
|
} else {
|
|
469
473
|
var _items = createItems(value);
|
|
470
474
|
var gridProps = mergeProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as t from"react";import e,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{BarsIcon as i}from"primereact/icons/bars";import{SpinnerIcon as l}from"primereact/icons/spinner";import{ThLargeIcon as u}from"primereact/icons/thlarge";import{Paginator as s}from"primereact/paginator";import{Ripple as p}from"primereact/ripple";import{classNames as c,IconUtils as m,ObjectUtils as f}from"primereact/utils";import{useMergeProps as g}from"primereact/hooks";function d(){return d=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},d.apply(this,arguments)}function y(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 y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(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)?y(t,e):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,s=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){s=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}function S(){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(t,e){return P(t)||O(t,e)||h(t,e)||S()}function j(t){return j="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},j(t)}function N(t,e){if("object"!==j(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=N(t,"string");return"symbol"===j(e)?e:String(e)}function T(t,e,r){return(e=I(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var A=o.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return c("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return c("p-dataview p-component",T(T({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n .p-dataview-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}}),D=o.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-button-group",listButton:function(t){return c("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return c("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=k(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){l=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}function k(t,e){if(t){if("string"==typeof t)return L(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)?L(t,e):void 0}}function L(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 M(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 x(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?M(Object(r),!0).forEach((function(e){T(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var R=t.memo((function(e){var n=g(),o=t.useContext(r),a=D.getProps(e,o),l=D.setMetaData({props:a}),s=l.ptm,f=l.cx,d=function(t,e){a.onChange({originalEvent:t,value:e}),t.preventDefault()},y=n(s("list")),v=n(s("grid")),b=m.getJSXIcon(a.listIcon||t.createElement(i,y),x({},y),{props:a}),h=m.getJSXIcon(a.gridIcon||t.createElement(u,v),x({},v),{props:a}),w=n({id:a.id,style:a.style,className:c(a.className,f("root"))},D.getOtherProps(a),s("root")),P=n({type:"button",className:f("listButton"),onClick:function(t){return d(t,"list")}},s("listButton")),O=n({type:"button",className:f("gridButton"),onClick:function(t){return d(t,"grid")}},s("gridButton"));return t.createElement("div",w,t.createElement("button",P,b,t.createElement(p,null)),t.createElement("button",O,h,t.createElement(p,null)))})),z=t.memo((function(t){return t.template(t.item,t.layout)})),B=t.memo(t.forwardRef((function(o,i){var u=g(),p=t.useContext(r),y=A.getProps(o,p),P=E(t.useState(y.first),2),O=P[0],S=P[1],j=E(t.useState(y.rows),2),N=j[0],I=j[1],T={props:y,state:{first:O,rows:N}},D=A.setMetaData(T),k=D.ptm,L=D.cx;a(A.css.styles,D.isUnstyled,{name:"dataview"});var M=t.useRef(null),R=y.onPage?y.first:O,B=y.onPage?y.rows:N,F=function(t){return y.dataKey?f.resolveFieldData(t,y.dataKey):null},_=function(){return y.totalRecords?y.totalRecords:y.value?y.value.length:0},V=function(e){var r=c("p-paginator-"+e,y.paginatorClassName),n=_();return t.createElement(s,{first:R,rows:B,pageLinkSize:y.pageLinkSize,className:r,onPageChange:J,template:y.paginatorTemplate,totalRecords:n,rowsPerPageOptions:y.rowsPerPageOptions,currentPageReportTemplate:y.currentPageReportTemplate,leftContent:y.paginatorLeft,rightContent:y.paginatorRight,alwaysShow:y.alwaysShowPaginator,dropdownAppendTo:y.paginatorDropdownAppendTo,ptm:k("paginator"),unstyled:y.unstyled,__parentMetadata:{parent:T}})},J=function(t){y.onPage?y.onPage(t):(S(t.first),I(t.rows))},X=function(t){if(y.paginator){var e=y.lazy?0:R,r=_(),n=Math.min(B+e,r);return t.slice(e,n)||[]}return t},K=function(){if(y.value){var t,r=new Map,n=f.localeComparator(p&&p.locale||e.locale),o=v(l=y.value)||b(l)||h(l)||w(),a=C(o);try{for(a.s();!(t=a.n()).done;){var i=t.value;r.set(i,f.resolveFieldData(i,y.sortField))}}catch(t){a.e(t)}finally{a.f()}return o.sort((function(t,o){var a=r.get(t),i=r.get(o);return f.sort(a,i,y.sortOrder,n,p&&p.nullSortOrder||e.nullSortOrder)})),o}var l;return null},U=function(){if(!y.loading){var e=y.emptyMessage||n("emptyMessage"),r=u({className:L("emptyMessage")},k("emptyMessage"));return t.createElement("div",r,e)}return null},Y=function(e){return f.isNotEmpty(e)?X(e).map((function(e,r){return t.createElement(z,{key:F(e)||r,template:y.itemTemplate,layout:y.layout,item:e})})):U()};t.useImperativeHandle(i,(function(){return{props:y,getElement:function(){return M.current}}}));var $=function(){var t=y.value;return f.isNotEmpty(t)&&y.sortField&&(t=K()),t}(),H=function(){if(y.loading){var e=u({className:L("loadingIcon")},k("loadingIcon")),r=y.loadingIcon||t.createElement(l,d({},e,{spin:!0})),n=m.getJSXIcon(r,x({},e),{props:y}),o=u({className:L("loadingOverlay")},k("loadingOverlay"));return t.createElement("div",o,n)}return null}(),q=!y.paginator||"bottom"===y.paginatorPosition&&"both"!==y.paginatorPosition?null:V("top"),G=!y.paginator||"top"===y.paginatorPosition&&"both"!==y.paginatorPosition?null:V("bottom"),Q=function(){if(y.header){var e=u({className:L("header")},k("header"));return t.createElement("div",e,y.header)}return null}(),W=function(){if(y.footer){var e=u({className:L("footer")},k("footer"));return t.createElement("div",e,y.footer)}return null}(),Z=function(e){var r=u({className:L("content")},k("content")),n=null;if(y.listTemplate){var o=X(e);n=f.getJSXElement(y.listTemplate,o,y.layout)}else{var a=Y(e),i=u({className:L("grid")},k("grid"));n=t.createElement("div",i,a)}return t.createElement("div",r,n)}($),tt=u({id:y.id,ref:M,style:y.style,className:c(y.className,L("root"))},A.getOtherProps(y),k("root"));return t.createElement("div",tt,H,Q,q,Z,G,W)})));R.displayName="DataViewLayoutOptions",z.displayName="DataViewItem",B.displayName="DataView";export{B as DataView,z as DataViewItem,R as DataViewLayoutOptions};
|
|
1
|
+
import*as t from"react";import e,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as i}from"primereact/hooks";import{BarsIcon as l}from"primereact/icons/bars";import{SpinnerIcon as u}from"primereact/icons/spinner";import{ThLargeIcon as s}from"primereact/icons/thlarge";import{Paginator as p}from"primereact/paginator";import{Ripple as c}from"primereact/ripple";import{classNames as m,IconUtils as f,ObjectUtils as g}from"primereact/utils";function d(){return d=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},d.apply(this,arguments)}function y(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 y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(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)?y(t,e):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,s=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){s=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}function S(){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(t,e){return P(t)||O(t,e)||h(t,e)||S()}function j(t){return j="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},j(t)}function N(t,e){if("object"!==j(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=N(t,"string");return"symbol"===j(e)?e:String(e)}function T(t,e,r){return(e=I(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var A=o.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return m("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return m("p-dataview p-component",T(T({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n .p-dataview-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}}),D=o.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-button-group",listButton:function(t){return m("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return m("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=k(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){l=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}function k(t,e){if(t){if("string"==typeof t)return L(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)?L(t,e):void 0}}function L(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 M(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 x(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?M(Object(r),!0).forEach((function(e){T(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var R=t.memo((function(e){var n=i(),o=t.useContext(r),a=D.getProps(e,o),u=D.setMetaData({props:a}),p=u.ptm,g=u.cx,d=function(t,e){a.onChange({originalEvent:t,value:e}),t.preventDefault()},y=n(p("list")),v=n(p("grid")),b=f.getJSXIcon(a.listIcon||t.createElement(l,y),x({},y),{props:a}),h=f.getJSXIcon(a.gridIcon||t.createElement(s,v),x({},v),{props:a}),w=n({id:a.id,style:a.style,className:m(a.className,g("root"))},D.getOtherProps(a),p("root")),P=n({type:"button",className:g("listButton"),onClick:function(t){return d(t,"list")}},p("listButton")),O=n({type:"button",className:g("gridButton"),onClick:function(t){return d(t,"grid")}},p("gridButton"));return t.createElement("div",w,t.createElement("button",P,b,t.createElement(c,null)),t.createElement("button",O,h,t.createElement(c,null)))})),z=t.memo((function(t){return t.template(t.item,t.layout)})),B=t.memo(t.forwardRef((function(o,l){var s=i(),c=t.useContext(r),y=A.getProps(o,c),P=E(t.useState(y.first),2),O=P[0],S=P[1],j=E(t.useState(y.rows),2),N=j[0],I=j[1],T={props:y,state:{first:O,rows:N}},D=A.setMetaData(T),k=D.ptm,L=D.cx;a(A.css.styles,D.isUnstyled,{name:"dataview"});var M=t.useRef(null),R=y.onPage?y.first:O,B=y.onPage?y.rows:N,F=function(t){return y.dataKey?g.resolveFieldData(t,y.dataKey):null},_=function(){return y.totalRecords?y.totalRecords:y.value?y.value.length:0},V=function(e){var r=m("p-paginator-"+e,y.paginatorClassName),n=_();return t.createElement(p,{first:R,rows:B,pageLinkSize:y.pageLinkSize,className:r,onPageChange:J,template:y.paginatorTemplate,totalRecords:n,rowsPerPageOptions:y.rowsPerPageOptions,currentPageReportTemplate:y.currentPageReportTemplate,leftContent:y.paginatorLeft,rightContent:y.paginatorRight,alwaysShow:y.alwaysShowPaginator,dropdownAppendTo:y.paginatorDropdownAppendTo,ptm:k("paginator"),unstyled:y.unstyled,__parentMetadata:{parent:T}})},J=function(t){y.onPage?y.onPage(t):(S(t.first),I(t.rows))},X=function(t){if(y.paginator){var e=y.lazy?0:R,r=_(),n=Math.min(B+e,r);return t.slice(e,n)||[]}return t},K=function(){if(y.value){var t,r=new Map,n=g.localeComparator(c&&c.locale||e.locale),o=v(l=y.value)||b(l)||h(l)||w(),a=C(o);try{for(a.s();!(t=a.n()).done;){var i=t.value;r.set(i,g.resolveFieldData(i,y.sortField))}}catch(t){a.e(t)}finally{a.f()}return o.sort((function(t,o){var a=r.get(t),i=r.get(o);return g.sort(a,i,y.sortOrder,n,c&&c.nullSortOrder||e.nullSortOrder)})),o}var l;return null},U=function(){if(!y.loading){var e=y.emptyMessage||n("emptyMessage"),r=s({className:L("emptyMessage")},k("emptyMessage"));return t.createElement("div",r,e)}return null},Y=function(e){return g.isNotEmpty(e)?X(e).map((function(e,r){return t.createElement(z,{key:F(e)||r,template:y.itemTemplate,layout:y.layout,item:e})})):U()};t.useImperativeHandle(l,(function(){return{props:y,getElement:function(){return M.current}}}));var $=function(){var t=y.value;return g.isNotEmpty(t)&&y.sortField&&(t=K()),t}(),H=function(){if(y.loading){var e=s({className:L("loadingIcon")},k("loadingIcon")),r=y.loadingIcon||t.createElement(u,d({},e,{spin:!0})),n=f.getJSXIcon(r,x({},e),{props:y}),o=s({className:L("loadingOverlay")},k("loadingOverlay"));return t.createElement("div",o,n)}return null}(),q=!y.paginator||"bottom"===y.paginatorPosition&&"both"!==y.paginatorPosition?null:V("top"),G=!y.paginator||"top"===y.paginatorPosition&&"both"!==y.paginatorPosition?null:V("bottom"),Q=function(){if(y.header){var e=s({className:L("header")},k("header"));return t.createElement("div",e,y.header)}return null}(),W=function(){if(y.footer){var e=s({className:L("footer")},k("footer"));return t.createElement("div",e,y.footer)}return null}(),Z=function(e){var r=s({className:L("content")},k("content")),n=null;if(y.listTemplate){var o=X(e);n=g.isNotEmpty(o)?g.getJSXElement(y.listTemplate,o,y.layout):U()}else{var a=Y(e),i=s({className:L("grid")},k("grid"));n=t.createElement("div",i,a)}return t.createElement("div",r,n)}($),tt=s({id:y.id,ref:M,style:y.style,className:m(y.className,L("root"))},A.getOtherProps(y),k("root"));return t.createElement("div",tt,H,Q,q,Z,G,W)})));R.displayName="DataViewLayoutOptions",z.displayName="DataViewItem",B.displayName="DataView";export{B as DataView,z as DataViewItem,R as DataViewLayoutOptions};
|
package/dataview/dataview.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
this.primereact = this.primereact || {};
|
|
2
|
-
this.primereact.dataview = (function (exports, React, PrimeReact, componentbase, bars, spinner, thlarge, paginator, ripple, utils
|
|
2
|
+
this.primereact.dataview = (function (exports, React, PrimeReact, componentbase, hooks, bars, spinner, thlarge, paginator, ripple, utils) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
5
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -479,7 +479,11 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
|
|
|
479
479
|
var content = null;
|
|
480
480
|
if (props.listTemplate) {
|
|
481
481
|
var items = getItems(value);
|
|
482
|
-
|
|
482
|
+
if (utils.ObjectUtils.isNotEmpty(items)) {
|
|
483
|
+
content = utils.ObjectUtils.getJSXElement(props.listTemplate, items, props.layout);
|
|
484
|
+
} else {
|
|
485
|
+
content = createEmptyMessage();
|
|
486
|
+
}
|
|
483
487
|
} else {
|
|
484
488
|
var _items = createItems(value);
|
|
485
489
|
var gridProps = mergeProps({
|
|
@@ -531,4 +535,4 @@ this.primereact.dataview = (function (exports, React, PrimeReact, componentbase,
|
|
|
531
535
|
|
|
532
536
|
return exports;
|
|
533
537
|
|
|
534
|
-
})({}, React, primereact.api, primereact.componentbase, primereact.icons.bars, primereact.icons.spinner, primereact.icons.thlarge, primereact.paginator, primereact.ripple, primereact.utils
|
|
538
|
+
})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.bars, primereact.icons.spinner, primereact.icons.thlarge, primereact.paginator, primereact.ripple, primereact.utils);
|
package/dataview/dataview.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dataview=function(t,e,n,r,a,o,i,l,u,s,c){"use strict";function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(e),d=p(n);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},g.apply(this,arguments)}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function v(t){if(Array.isArray(t))return y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(t,e):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(t){if(Array.isArray(t))return t}function O(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,o,i,l=[],u=!0,s=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);u=!0);}catch(t){s=!0,a=t}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(t,e){return P(t)||O(t,e)||h(t,e)||j()}function N(t){return N="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},N(t)}function E(t,e){if("object"!==N(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=E(t,"string");return"symbol"===N(e)?e:String(e)}function D(t,e,n){return(e=I(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var T=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return s.classNames("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return s.classNames("p-dataview p-component",D(D({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n .p-dataview-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}}),A=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-button-group",listButton:function(t){return s.classNames("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return s.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=M(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,a=function(){};return{s:a,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){l=!0,o=t},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw o}}}}function M(t,e){if(t){if("string"==typeof t)return R(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(t,e):void 0}}function R(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function L(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function k(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?L(Object(n),!0).forEach((function(e){D(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var x=m.memo((function(t){var e=c.useMergeProps(),r=m.useContext(n.PrimeReactContext),o=A.getProps(t,r),l=A.setMetaData({props:o}),p=l.ptm,f=l.cx,d=function(t,e){o.onChange({originalEvent:t,value:e}),t.preventDefault()},g=e(p("list")),y=e(p("grid")),v=s.IconUtils.getJSXIcon(o.listIcon||m.createElement(a.BarsIcon,g),k({},g),{props:o}),b=s.IconUtils.getJSXIcon(o.gridIcon||m.createElement(i.ThLargeIcon,y),k({},y),{props:o}),h=e({id:o.id,style:o.style,className:s.classNames(o.className,f("root"))},A.getOtherProps(o),p("root")),w=e({type:"button",className:f("listButton"),onClick:function(t){return d(t,"list")}},p("listButton")),P=e({type:"button",className:f("gridButton"),onClick:function(t){return d(t,"grid")}},p("gridButton"));return m.createElement("div",h,m.createElement("button",w,v,m.createElement(u.Ripple,null)),m.createElement("button",P,b,m.createElement(u.Ripple,null)))})),U=m.memo((function(t){return t.template(t.item,t.layout)})),_=m.memo(m.forwardRef((function(t,e){var a=c.useMergeProps(),i=m.useContext(n.PrimeReactContext),u=T.getProps(t,i),p=S(m.useState(u.first),2),f=p[0],y=p[1],P=S(m.useState(u.rows),2),O=P[0],j=P[1],N={props:u,state:{first:f,rows:O}},E=T.setMetaData(N),I=E.ptm,D=E.cx;r.useHandleStyle(T.css.styles,E.isUnstyled,{name:"dataview"});var A=m.useRef(null),M=u.onPage?u.first:f,R=u.onPage?u.rows:O,L=function(t){return u.dataKey?s.ObjectUtils.resolveFieldData(t,u.dataKey):null},x=function(){return u.totalRecords?u.totalRecords:u.value?u.value.length:0},_=function(t){var e=s.classNames("p-paginator-"+t,u.paginatorClassName),n=x();return m.createElement(l.Paginator,{first:M,rows:R,pageLinkSize:u.pageLinkSize,className:e,onPageChange:B,template:u.paginatorTemplate,totalRecords:n,rowsPerPageOptions:u.rowsPerPageOptions,currentPageReportTemplate:u.currentPageReportTemplate,leftContent:u.paginatorLeft,rightContent:u.paginatorRight,alwaysShow:u.alwaysShowPaginator,dropdownAppendTo:u.paginatorDropdownAppendTo,ptm:I("paginator"),unstyled:u.unstyled,__parentMetadata:{parent:N}})},B=function(t){u.onPage?u.onPage(t):(y(t.first),j(t.rows))},V=function(t){if(u.paginator){var e=u.lazy?0:M,n=x(),r=Math.min(R+e,n);return t.slice(e,r)||[]}return t},z=function(){if(u.value){var t,e=new Map,n=s.ObjectUtils.localeComparator(i&&i.locale||d.default.locale),r=v(l=u.value)||b(l)||h(l)||w(),a=C(r);try{for(a.s();!(t=a.n()).done;){var o=t.value;e.set(o,s.ObjectUtils.resolveFieldData(o,u.sortField))}}catch(t){a.e(t)}finally{a.f()}return r.sort((function(t,r){var a=e.get(t),o=e.get(r);return s.ObjectUtils.sort(a,o,u.sortOrder,n,i&&i.nullSortOrder||d.default.nullSortOrder)})),r}var l;return null},F=function(){if(!u.loading){var t=u.emptyMessage||n.localeOption("emptyMessage"),e=a({className:D("emptyMessage")},I("emptyMessage"));return m.createElement("div",e,t)}return null},J=function(t){return s.ObjectUtils.isNotEmpty(t)?V(t).map((function(t,e){return m.createElement(U,{key:L(t)||e,template:u.itemTemplate,layout:u.layout,item:t})})):F()};m.useImperativeHandle(e,(function(){return{props:u,getElement:function(){return A.current}}}));var X=function(){var t=u.value;return s.ObjectUtils.isNotEmpty(t)&&u.sortField&&(t=z()),t}(),K=function(){if(u.loading){var t=a({className:D("loadingIcon")},I("loadingIcon")),e=u.loadingIcon||m.createElement(o.SpinnerIcon,g({},t,{spin:!0})),n=s.IconUtils.getJSXIcon(e,k({},t),{props:u}),r=a({className:D("loadingOverlay")},I("loadingOverlay"));return m.createElement("div",r,n)}return null}(),H=!u.paginator||"bottom"===u.paginatorPosition&&"both"!==u.paginatorPosition?null:_("top"),Y=!u.paginator||"top"===u.paginatorPosition&&"both"!==u.paginatorPosition?null:_("bottom"),$=function(){if(u.header){var t=a({className:D("header")},I("header"));return m.createElement("div",t,u.header)}return null}(),q=function(){if(u.footer){var t=a({className:D("footer")},I("footer"));return m.createElement("div",t,u.footer)}return null}(),G=function(t){var e=a({className:D("content")},I("content")),n=null;if(u.listTemplate){var r=V(t);n=s.ObjectUtils.getJSXElement(u.listTemplate,r,u.layout)}else{var o=J(t),i=a({className:D("grid")},I("grid"));n=m.createElement("div",i,o)}return m.createElement("div",e,n)}(X),Q=a({id:u.id,ref:A,style:u.style,className:s.classNames(u.className,D("root"))},T.getOtherProps(u),I("root"));return m.createElement("div",Q,K,$,H,G,Y,q)})));return x.displayName="DataViewLayoutOptions",U.displayName="DataViewItem",_.displayName="DataView",t.DataView=_,t.DataViewItem=U,t.DataViewLayoutOptions=x,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.componentbase,primereact.icons.bars,primereact.icons.spinner,primereact.icons.thlarge,primereact.paginator,primereact.ripple,primereact.utils,primereact.hooks);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dataview=function(t,e,n,r,a,o,i,l,u,s,c){"use strict";function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=f(e),d=p(n);function g(){return g=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},g.apply(this,arguments)}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function v(t){if(Array.isArray(t))return y(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function h(t,e){if(t){if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(t,e):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(t){if(Array.isArray(t))return t}function O(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,o,i,l=[],u=!0,s=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);u=!0);}catch(t){s=!0,a=t}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(t,e){return P(t)||O(t,e)||h(t,e)||j()}function N(t){return N="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},N(t)}function E(t,e){if("object"!==N(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function I(t){var e=E(t,"string");return"symbol"===N(e)?e:String(e)}function D(t,e,n){return(e=I(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var T=r.ComponentBase.extend({defaultProps:{__TYPE:"DataView",id:null,header:null,footer:null,value:null,layout:"list",dataKey:null,rows:null,first:0,totalRecords:null,paginator:!1,paginatorPosition:"bottom",alwaysShowPaginator:!0,paginatorClassName:null,paginatorTemplate:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",paginatorLeft:null,paginatorRight:null,paginatorDropdownAppendTo:null,pageLinkSize:5,rowsPerPageOptions:null,currentPageReportTemplate:"({currentPage} of {totalPages})",emptyMessage:null,sortField:null,sortOrder:null,style:null,className:null,lazy:!1,loading:!1,loadingIcon:null,gutter:!1,itemTemplate:null,listTemplate:null,onPage:null,children:void 0},css:{classes:{loadingIcon:"p-dataview-loading-icon",loadingOverlay:"p-dataview-loading-overlay p-component-overlay",emptyMessage:"p-dataview-emptymessage",header:"p-dataview-header",footer:"p-dataview-footer",content:"p-dataview-content",grid:function(t){return c.classNames("p-grid grid",{"p-nogutter grid-nogutter":!t.props.gutter})},root:function(t){var e=t.props;return c.classNames("p-dataview p-component",D(D({},"p-dataview-".concat(e.layout),!!e.layout),"p-dataview-loading",e.loading))}},styles:"\n@layer primereact {\n .p-dataview-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}}),A=r.ComponentBase.extend({defaultProps:{__TYPE:"DataViewLayoutOptions",id:null,style:null,className:null,layout:null,listIcon:null,gridIcon:null,onChange:null,children:void 0},css:{classes:{root:"p-dataview p-component p-dataview-layout-options p-selectbutton p-button-group",listButton:function(t){return c.classNames("p-button p-button-icon-only",{"p-highlight":"list"===t.props.layout})},gridButton:function(t){return c.classNames("p-button p-button-icon-only",{"p-highlight":"grid"===t.props.layout})}}}});function C(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=M(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,a=function(){};return{s:a,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return i=t.done,t},e:function(t){l=!0,o=t},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw o}}}}function M(t,e){if(t){if("string"==typeof t)return R(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(t,e):void 0}}function R(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function L(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function k(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?L(Object(n),!0).forEach((function(e){D(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var U=m.memo((function(t){var e=a.useMergeProps(),r=m.useContext(n.PrimeReactContext),i=A.getProps(t,r),u=A.setMetaData({props:i}),p=u.ptm,f=u.cx,d=function(t,e){i.onChange({originalEvent:t,value:e}),t.preventDefault()},g=e(p("list")),y=e(p("grid")),v=c.IconUtils.getJSXIcon(i.listIcon||m.createElement(o.BarsIcon,g),k({},g),{props:i}),b=c.IconUtils.getJSXIcon(i.gridIcon||m.createElement(l.ThLargeIcon,y),k({},y),{props:i}),h=e({id:i.id,style:i.style,className:c.classNames(i.className,f("root"))},A.getOtherProps(i),p("root")),w=e({type:"button",className:f("listButton"),onClick:function(t){return d(t,"list")}},p("listButton")),P=e({type:"button",className:f("gridButton"),onClick:function(t){return d(t,"grid")}},p("gridButton"));return m.createElement("div",h,m.createElement("button",w,v,m.createElement(s.Ripple,null)),m.createElement("button",P,b,m.createElement(s.Ripple,null)))})),x=m.memo((function(t){return t.template(t.item,t.layout)})),_=m.memo(m.forwardRef((function(t,e){var o=a.useMergeProps(),l=m.useContext(n.PrimeReactContext),s=T.getProps(t,l),p=S(m.useState(s.first),2),f=p[0],y=p[1],P=S(m.useState(s.rows),2),O=P[0],j=P[1],N={props:s,state:{first:f,rows:O}},E=T.setMetaData(N),I=E.ptm,D=E.cx;r.useHandleStyle(T.css.styles,E.isUnstyled,{name:"dataview"});var A=m.useRef(null),M=s.onPage?s.first:f,R=s.onPage?s.rows:O,L=function(t){return s.dataKey?c.ObjectUtils.resolveFieldData(t,s.dataKey):null},U=function(){return s.totalRecords?s.totalRecords:s.value?s.value.length:0},_=function(t){var e=c.classNames("p-paginator-"+t,s.paginatorClassName),n=U();return m.createElement(u.Paginator,{first:M,rows:R,pageLinkSize:s.pageLinkSize,className:e,onPageChange:B,template:s.paginatorTemplate,totalRecords:n,rowsPerPageOptions:s.rowsPerPageOptions,currentPageReportTemplate:s.currentPageReportTemplate,leftContent:s.paginatorLeft,rightContent:s.paginatorRight,alwaysShow:s.alwaysShowPaginator,dropdownAppendTo:s.paginatorDropdownAppendTo,ptm:I("paginator"),unstyled:s.unstyled,__parentMetadata:{parent:N}})},B=function(t){s.onPage?s.onPage(t):(y(t.first),j(t.rows))},V=function(t){if(s.paginator){var e=s.lazy?0:M,n=U(),r=Math.min(R+e,n);return t.slice(e,r)||[]}return t},z=function(){if(s.value){var t,e=new Map,n=c.ObjectUtils.localeComparator(l&&l.locale||d.default.locale),r=v(i=s.value)||b(i)||h(i)||w(),a=C(r);try{for(a.s();!(t=a.n()).done;){var o=t.value;e.set(o,c.ObjectUtils.resolveFieldData(o,s.sortField))}}catch(t){a.e(t)}finally{a.f()}return r.sort((function(t,r){var a=e.get(t),o=e.get(r);return c.ObjectUtils.sort(a,o,s.sortOrder,n,l&&l.nullSortOrder||d.default.nullSortOrder)})),r}var i;return null},F=function(){if(!s.loading){var t=s.emptyMessage||n.localeOption("emptyMessage"),e=o({className:D("emptyMessage")},I("emptyMessage"));return m.createElement("div",e,t)}return null},J=function(t){return c.ObjectUtils.isNotEmpty(t)?V(t).map((function(t,e){return m.createElement(x,{key:L(t)||e,template:s.itemTemplate,layout:s.layout,item:t})})):F()};m.useImperativeHandle(e,(function(){return{props:s,getElement:function(){return A.current}}}));var X=function(){var t=s.value;return c.ObjectUtils.isNotEmpty(t)&&s.sortField&&(t=z()),t}(),K=function(){if(s.loading){var t=o({className:D("loadingIcon")},I("loadingIcon")),e=s.loadingIcon||m.createElement(i.SpinnerIcon,g({},t,{spin:!0})),n=c.IconUtils.getJSXIcon(e,k({},t),{props:s}),r=o({className:D("loadingOverlay")},I("loadingOverlay"));return m.createElement("div",r,n)}return null}(),H=!s.paginator||"bottom"===s.paginatorPosition&&"both"!==s.paginatorPosition?null:_("top"),Y=!s.paginator||"top"===s.paginatorPosition&&"both"!==s.paginatorPosition?null:_("bottom"),$=function(){if(s.header){var t=o({className:D("header")},I("header"));return m.createElement("div",t,s.header)}return null}(),q=function(){if(s.footer){var t=o({className:D("footer")},I("footer"));return m.createElement("div",t,s.footer)}return null}(),G=function(t){var e=o({className:D("content")},I("content")),n=null;if(s.listTemplate){var r=V(t);n=c.ObjectUtils.isNotEmpty(r)?c.ObjectUtils.getJSXElement(s.listTemplate,r,s.layout):F()}else{var a=J(t),i=o({className:D("grid")},I("grid"));n=m.createElement("div",i,a)}return m.createElement("div",e,n)}(X),Q=o({id:s.id,ref:A,style:s.style,className:c.classNames(s.className,D("root"))},T.getOtherProps(s),I("root"));return m.createElement("div",Q,K,$,H,G,Y,q)})));return U.displayName="DataViewLayoutOptions",x.displayName="DataViewItem",_.displayName="DataView",t.DataView=_,t.DataViewItem=x,t.DataViewLayoutOptions=U,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.icons.spinner,primereact.icons.thlarge,primereact.paginator,primereact.ripple,primereact.utils);
|
package/dock/dock.cjs.js
CHANGED
package/dock/dock.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=a(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return m(e)||b(e)||v(e)||y()}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function x(){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 O(e,n){return g(e)||h(e,n)||v(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n .p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n }\n\n .p-dock-list-container {\n display: flex;\n pointer-events: auto;\n }\n\n .p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .p-dock-magnification .p-dock-item {\n transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n\n .p-dock-magnification .p-dock-item-second-prev,\n .p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n }\n\n .p-dock-magnification .p-dock-item-prev,\n .p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n }\n\n .p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n }\n\n /* Position */\n /* top */\n .p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n }\n\n .p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n }\n\n .p-dock-top .p-dock-list-container {\n flex-direction: column-reverse;\n }\n\n /* bottom */\n .p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n }\n\n .p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n }\n\n .p-dock-bottom .p-dock-list-container {\n flex-direction: column;\n }\n\n /* right */\n .p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n }\n\n .p-dock-right .p-dock-list {\n flex-direction: column;\n }\n\n /* left */\n .p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n }\n\n .p-dock-left .p-dock-list {\n flex-direction: column;\n }\n\n .p-dock-left .p-dock-list-container {\n flex-direction: row-reverse;\n }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo(c.forwardRef((function(e,a){var u=O(c.useState(-3),2),s=u[0],d=u[1],f=O(c.useState(!1),2),m=f[0],b=f[1],v=O(c.useState(-1),2),y=v[0],g=v[1],h=r.useMergeProps(),x=c.useContext(n.PrimeReactContext),S=j.getProps(e,x),E=O(c.useState(S.id),2),D=E[0],P=E[1],N=j.setMetaData({props:S,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=c.useRef(null),M=c.useRef(null);t.useHandleStyle(j.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},q=function(){d(-3)},_=function(e){d(e)},R=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),G(0),S.onFocus&&S.onFocus(e)},B=function(e){b(!1),g(-1),S.onBlur&&S.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==S.position&&"right"!==S.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==S.position&&"right"!==S.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==S.position&&"bottom"!==S.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==S.position&&"bottom"!==S.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},J=function(){var e=Y(y);G(e)},T=function(){var e=$(y);G(e)},X=function(){G(0)},L=function(){G(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=i.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');g(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,u=e.template,d=e.url,f=e.target,m=e.id||D+"_"+n,b=i.classNames("p-dock-action",{"p-disabled":t}),v=i.classNames("p-dock-action-icon",r),y=h({className:A("icon")},U("icon",e,n)),k=i.IconUtils.getJSXIcon(r,w({},y),{props:S}),g=h({href:d||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:f,"data-pr-tooltip":a,onClick:function(n){return R(n,e)}},U("action",e,n)),x=c.createElement("a",g,k,c.createElement(o.Ripple,null));u&&(x=i.ObjectUtils.getJSXElement(u,e,{onClick:function(n){return R(n,e)},className:b,iconClassName:v,"aria-hidden":"true",tabIndex:-1,element:x,props:S,index:n}));var O=h({className:A("content")},U("content",e,n)),j=Q(m),E=h(p(p({id:m,role:"menuitem","aria-label":a,"aria-disabled":t,"data-p-focused":j,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(m)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return c.createElement("li",l({},E,{key:m}),c.createElement("div",O,x))};r.useMountEffect((function(){D||P(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:S,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(S.header){var e=i.ObjectUtils.getJSXElement(S.header,{props:S}),n=h({className:A("header")},I("header"));return c.createElement("div",n,e)}return null}(),ne=(W=S.model?S.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===S.position||"top"===S.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:S.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:q},I("menu")),c.createElement("ul",Z,W)),te=function(){if(S.footer){var e=i.ObjectUtils.getJSXElement(S.footer,{props:S}),n=h({className:A("footer")},I("footer"));return c.createElement("div",n,e)}return null}(),re=h({className:i.classNames(S.className,A("root")),style:S.style},j.getOtherProps(S),I("root")),oe=h({className:A("container")},I("container"));return c.createElement("div",l({id:S.id,ref:C},re),c.createElement("div",oe,ee,ne,te))})));E.displayName="Dock",exports.Dock=E;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=a(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return m(e)||b(e)||v(e)||y()}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function x(){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 O(e,n){return g(e)||h(e,n)||v(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n .p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n }\n\n .p-dock-list-container {\n display: flex;\n pointer-events: auto;\n }\n\n .p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .p-dock-magnification .p-dock-item {\n transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n\n .p-dock-magnification .p-dock-item-second-prev,\n .p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n }\n\n .p-dock-magnification .p-dock-item-prev,\n .p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n }\n\n .p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n }\n\n /* Position */\n /* top */\n .p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n }\n\n .p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n }\n\n .p-dock-top .p-dock-list-container {\n flex-direction: column-reverse;\n }\n\n /* bottom */\n .p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n }\n\n .p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n }\n\n .p-dock-bottom .p-dock-list-container {\n flex-direction: column;\n }\n\n /* right */\n .p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n }\n\n .p-dock-right .p-dock-list {\n flex-direction: column;\n }\n\n /* left */\n .p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n }\n\n .p-dock-left .p-dock-list {\n flex-direction: column;\n }\n\n .p-dock-left .p-dock-list-container {\n flex-direction: row-reverse;\n }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo(c.forwardRef((function(e,a){var u=O(c.useState(-3),2),s=u[0],d=u[1],f=O(c.useState(!1),2),m=f[0],b=f[1],v=O(c.useState(-1),2),y=v[0],g=v[1],h=r.useMergeProps(),x=c.useContext(n.PrimeReactContext),S=j.getProps(e,x),E=O(c.useState(S.id),2),D=E[0],P=E[1],N=j.setMetaData({props:S,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=c.useRef(null),M=c.useRef(null);t.useHandleStyle(j.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},q=function(){d(-3)},_=function(e){d(e)},R=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),G(0),S.onFocus&&S.onFocus(e)},B=function(e){b(!1),g(-1),S.onBlur&&S.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==S.position&&"right"!==S.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==S.position&&"right"!==S.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==S.position&&"bottom"!==S.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==S.position&&"bottom"!==S.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},J=function(){var e=Y(y);G(e)},T=function(){var e=$(y);G(e)},X=function(){G(0)},L=function(){G(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=i.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');g(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,u=e.template,d=e.url,f=e.target,m=e.id||D+"_"+n,b=i.classNames("p-dock-action",{"p-disabled":t}),v=i.classNames("p-dock-action-icon",r),y=h({className:A("icon")},U("icon",e,n)),k=i.IconUtils.getJSXIcon(r,w({},y),{props:S}),g=h({href:d||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),tabIndex:-1,target:f,"data-pr-tooltip":a,onClick:function(n){return R(n,e)}},U("action",e,n)),x=c.createElement("a",g,k,c.createElement(o.Ripple,null));u&&(x=i.ObjectUtils.getJSXElement(u,e,{onClick:function(n){return R(n,e)},className:b,iconClassName:v,"aria-hidden":"true",tabIndex:-1,element:x,props:S,index:n}));var O=h({className:A("content")},U("content",e,n)),j=Q(m),E=h(p(p({id:m,role:"menuitem","aria-label":a,"aria-disabled":t,"data-p-focused":j,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(m)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return c.createElement("li",l({},E,{key:m}),c.createElement("div",O,x))};r.useMountEffect((function(){D||P(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:S,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(S.header){var e=i.ObjectUtils.getJSXElement(S.header,{props:S}),n=h({className:A("header")},I("header"));return c.createElement("div",n,e)}return null}(),ne=(W=S.model?S.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===S.position||"top"===S.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:S.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:q},I("menu")),c.createElement("ul",Z,W)),te=function(){if(S.footer){var e=i.ObjectUtils.getJSXElement(S.footer,{props:S}),n=h({className:A("footer")},I("footer"));return c.createElement("div",n,e)}return null}(),re=h({className:i.classNames(S.className,A("root")),style:S.style},j.getOtherProps(S),I("root")),oe=h({className:A("container")},I("container"));return c.createElement("div",l({id:S.id,ref:C},re),c.createElement("div",oe,ee,ne,te))})));E.displayName="Dock",exports.Dock=E;
|
package/dock/dock.esm.js
CHANGED
package/dock/dock.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as i}from"primereact/hooks";import{Ripple as a}from"primereact/ripple";import{classNames as c,UniqueComponentId as l,ObjectUtils as u,DomHandler as s,IconUtils as p}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},d.apply(this,arguments)}function f(n){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},f(n)}function m(n,e){if("object"!==f(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var o=t.call(n,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function b(n){var e=m(n,"string");return"symbol"===f(e)?e:String(e)}function v(n,e,t){return(e=b(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function k(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function y(n){if(Array.isArray(n))return k(n)}function g(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function h(n,e){if(n){if("string"==typeof n)return k(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(n,e):void 0}}function x(){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(n){return y(n)||g(n)||h(n)||x()}function w(n){if(Array.isArray(n))return n}function O(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=i.call(t)).done)&&(c.push(o.value),c.length!==e);l=!0);}catch(n){u=!0,r=n}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}function j(){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(n,e){return w(n)||O(n,e)||h(n,e)||j()}var P=t.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(n){return c("p-dock-action",{"p-disabled":n.disabled})},menuitem:function(n){var e=n.currentIndexState,t=n.index;return c("p-dock-item",{"p-dock-item-second-prev":e-2===t,"p-dock-item-prev":e-1===t,"p-dock-item-current":e===t,"p-dock-item-next":e+1===t,"p-dock-item-second-next":e+2===t,"p-focus":n.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(n){var e=n.props;return c("p-dock p-component p-dock-".concat(e.position),{"p-dock-magnification":e.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n .p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n }\n\n .p-dock-list-container {\n display: flex;\n pointer-events: auto;\n }\n\n .p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .p-dock-magnification .p-dock-item {\n transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n\n .p-dock-magnification .p-dock-item-second-prev,\n .p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n }\n\n .p-dock-magnification .p-dock-item-prev,\n .p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n }\n\n .p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n }\n\n /* Position */\n /* top */\n .p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n }\n\n .p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n }\n\n .p-dock-top .p-dock-list-container {\n flex-direction: column-reverse;\n }\n\n /* bottom */\n .p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n }\n\n .p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n }\n\n .p-dock-bottom .p-dock-list-container {\n flex-direction: column;\n }\n\n /* right */\n .p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n }\n\n .p-dock-right .p-dock-list {\n flex-direction: column;\n }\n\n /* left */\n .p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n }\n\n .p-dock-left .p-dock-list {\n flex-direction: column;\n }\n\n .p-dock-left .p-dock-list-container {\n flex-direction: row-reverse;\n }\n}\n"}});function D(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function I(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?D(Object(t),!0).forEach((function(e){v(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var N=n.memo(n.forwardRef((function(t,f){var m=E(n.useState(-3),2),b=m[0],k=m[1],y=E(n.useState(!1),2),g=y[0],h=y[1],x=E(n.useState(-1),2),w=x[0],O=x[1],j=r(),D=n.useContext(e),N=P.getProps(t,D),A=E(n.useState(N.id),2),C=A[0],F=A[1],z=P.setMetaData({props:N,state:{id:C,currentIndex:b}}),B=z.ptm,J=z.cx,M=z.isUnstyled,R=n.useRef(null),T=n.useRef(null);o(P.css.styles,M,{name:"dock"});var X=function(n,e,t){return B(n,{context:{index:t,item:e}})},U=function(){k(-3)},_=function(n){k(n)},H=function(n,e){e.command&&e.command({originalEvent:n,item:e}),n.preventDefault()},L=function(n){h(!0),nn(0),N.onFocus&&N.onFocus(n)},K=function(n){h(!1),O(-1),N.onBlur&&N.onBlur(n)},Y=function(n){switch(n.code){case"ArrowDown":"left"!==N.position&&"right"!==N.position||$(),n.preventDefault();break;case"ArrowUp":"left"!==N.position&&"right"!==N.position||q(),n.preventDefault();break;case"ArrowRight":"top"!==N.position&&"bottom"!==N.position||$(),n.preventDefault();break;case"ArrowLeft":"top"!==N.position&&"bottom"!==N.position||q(),n.preventDefault();break;case"Home":G(),n.preventDefault();break;case"End":Q(),n.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":V(),n.preventDefault()}},$=function(){var n=W(w);nn(n)},q=function(){var n=Z(w);nn(n)},G=function(){nn(0)},Q=function(){nn(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},V=function(){var n=s.findSingle(T.current,'li[id="'.concat("".concat(w),'"]')),e=n&&s.findSingle(n,'[data-pc-section="action"]');e?e.click():n&&n.click()},W=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e+1:0},Z=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e-1:0},nn=function(n){var e=s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');O(e[n>=e.length?e.length-1:n<0?0:n].getAttribute("id"))},en=function(n){return n===w},tn=function(e,t){if(!1===e.visible)return null;var o=e.disabled,r=e.icon,i=e.label,l=e.template,s=e.url,f=e.target,m=e.id||C+"_"+t,k=c("p-dock-action",{"p-disabled":o}),y=c("p-dock-action-icon",r),g=j({className:J("icon")},X("icon",e,t)),h=p.getJSXIcon(r,I({},g),{props:N}),x=j({href:s||"#",onFocus:function(n){return n.stopPropagation()},className:J("action",{disabled:o}),"aria-hidden":"true",tabIndex:-1,target:f,"data-pr-tooltip":i,onClick:function(n){return H(n,e)}},X("action",e,t)),S=n.createElement("a",x,h,n.createElement(a,null));l&&(S=u.getJSXElement(l,e,{onClick:function(n){return H(n,e)},className:k,iconClassName:y,"aria-hidden":"true",tabIndex:-1,element:S,props:N,index:t}));var w=j({className:J("content")},X("content",e,t)),O=en(m),E=j(v(v({id:m,role:"menuitem","aria-label":i,"aria-disabled":o,"data-p-focused":O,"data-p-disabled":o||!1,className:J("menuitem",{currentIndexState:b,index:t,active:en(m)})},"role","none"),"onMouseEnter",(function(){return _(t)})),X("menuitem",e,t));return n.createElement("li",d({},E,{key:m}),n.createElement("div",w,S))};i((function(){C||F(l())})),n.useImperativeHandle(f,(function(){return{props:N,getElement:function(){return R.current}}}));var on,rn,an=function(){if(N.header){var e=u.getJSXElement(N.header,{props:N}),t=j({className:J("header")},B("header"));return n.createElement("div",t,e)}return null}(),cn=(on=N.model?N.model.map(tn):null,rn=j({ref:T,className:J("menu"),role:"menu","aria-orientation":"bottom"===N.position||"top"===N.position?"horizontal":"vertical","aria-activedescendant":g?-1!==w?w:null:void 0,tabIndex:N.tabIndex||0,onFocus:L,onBlur:K,onKeyDown:Y,onMouseLeave:U},B("menu")),n.createElement("ul",rn,on)),ln=function(){if(N.footer){var e=u.getJSXElement(N.footer,{props:N}),t=j({className:J("footer")},B("footer"));return n.createElement("div",t,e)}return null}(),un=j({className:c(N.className,J("root")),style:N.style},P.getOtherProps(N),B("root")),sn=j({className:J("container")},B("container"));return n.createElement("div",d({id:N.id,ref:R},un),n.createElement("div",sn,an,cn,ln))})));N.displayName="Dock";export{N as Dock};
|
|
1
|
+
import*as n from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as i}from"primereact/hooks";import{Ripple as c}from"primereact/ripple";import{classNames as a,UniqueComponentId as l,ObjectUtils as u,DomHandler as s,IconUtils as p}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},d.apply(this,arguments)}function f(n){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},f(n)}function m(n,e){if("object"!==f(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var o=t.call(n,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function b(n){var e=m(n,"string");return"symbol"===f(e)?e:String(e)}function v(n,e,t){return(e=b(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function k(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function y(n){if(Array.isArray(n))return k(n)}function g(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function h(n,e){if(n){if("string"==typeof n)return k(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(n,e):void 0}}function x(){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(n){return y(n)||g(n)||h(n)||x()}function w(n){if(Array.isArray(n))return n}function O(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,i,c,a=[],l=!0,u=!1;try{if(i=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=i.call(t)).done)&&(a.push(o.value),a.length!==e);l=!0);}catch(n){u=!0,r=n}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(u)throw r}}return a}}function j(){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(n,e){return w(n)||O(n,e)||h(n,e)||j()}var P=t.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(n){return a("p-dock-action",{"p-disabled":n.disabled})},menuitem:function(n){var e=n.currentIndexState,t=n.index;return a("p-dock-item",{"p-dock-item-second-prev":e-2===t,"p-dock-item-prev":e-1===t,"p-dock-item-current":e===t,"p-dock-item-next":e+1===t,"p-dock-item-second-next":e+2===t,"p-focus":n.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(n){var e=n.props;return a("p-dock p-component p-dock-".concat(e.position),{"p-dock-magnification":e.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n .p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n }\n\n .p-dock-list-container {\n display: flex;\n pointer-events: auto;\n }\n\n .p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .p-dock-magnification .p-dock-item {\n transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n\n .p-dock-magnification .p-dock-item-second-prev,\n .p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n }\n\n .p-dock-magnification .p-dock-item-prev,\n .p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n }\n\n .p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n }\n\n /* Position */\n /* top */\n .p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n }\n\n .p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n }\n\n .p-dock-top .p-dock-list-container {\n flex-direction: column-reverse;\n }\n\n /* bottom */\n .p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n }\n\n .p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n }\n\n .p-dock-bottom .p-dock-list-container {\n flex-direction: column;\n }\n\n /* right */\n .p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n }\n\n .p-dock-right .p-dock-list {\n flex-direction: column;\n }\n\n /* left */\n .p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n }\n\n .p-dock-left .p-dock-list {\n flex-direction: column;\n }\n\n .p-dock-left .p-dock-list-container {\n flex-direction: row-reverse;\n }\n}\n"}});function D(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function I(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?D(Object(t),!0).forEach((function(e){v(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var N=n.memo(n.forwardRef((function(t,f){var m=E(n.useState(-3),2),b=m[0],k=m[1],y=E(n.useState(!1),2),g=y[0],h=y[1],x=E(n.useState(-1),2),w=x[0],O=x[1],j=r(),D=n.useContext(e),N=P.getProps(t,D),A=E(n.useState(N.id),2),C=A[0],F=A[1],z=P.setMetaData({props:N,state:{id:C,currentIndex:b}}),B=z.ptm,J=z.cx,M=z.isUnstyled,R=n.useRef(null),T=n.useRef(null);o(P.css.styles,M,{name:"dock"});var X=function(n,e,t){return B(n,{context:{index:t,item:e}})},U=function(){k(-3)},_=function(n){k(n)},H=function(n,e){e.command&&e.command({originalEvent:n,item:e}),n.preventDefault()},L=function(n){h(!0),nn(0),N.onFocus&&N.onFocus(n)},K=function(n){h(!1),O(-1),N.onBlur&&N.onBlur(n)},Y=function(n){switch(n.code){case"ArrowDown":"left"!==N.position&&"right"!==N.position||$(),n.preventDefault();break;case"ArrowUp":"left"!==N.position&&"right"!==N.position||q(),n.preventDefault();break;case"ArrowRight":"top"!==N.position&&"bottom"!==N.position||$(),n.preventDefault();break;case"ArrowLeft":"top"!==N.position&&"bottom"!==N.position||q(),n.preventDefault();break;case"Home":G(),n.preventDefault();break;case"End":Q(),n.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":V(),n.preventDefault()}},$=function(){var n=W(w);nn(n)},q=function(){var n=Z(w);nn(n)},G=function(){nn(0)},Q=function(){nn(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},V=function(){var n=s.findSingle(T.current,'li[id="'.concat("".concat(w),'"]')),e=n&&s.findSingle(n,'[data-pc-section="action"]');e?e.click():n&&n.click()},W=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e+1:0},Z=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e-1:0},nn=function(n){var e=s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');O(e[n>=e.length?e.length-1:n<0?0:n].getAttribute("id"))},en=function(n){return n===w},tn=function(e,t){if(!1===e.visible)return null;var o=e.disabled,r=e.icon,i=e.label,l=e.template,s=e.url,f=e.target,m=e.id||C+"_"+t,k=a("p-dock-action",{"p-disabled":o}),y=a("p-dock-action-icon",r),g=j({className:J("icon")},X("icon",e,t)),h=p.getJSXIcon(r,I({},g),{props:N}),x=j({href:s||"#",onFocus:function(n){return n.stopPropagation()},className:J("action",{disabled:o}),tabIndex:-1,target:f,"data-pr-tooltip":i,onClick:function(n){return H(n,e)}},X("action",e,t)),S=n.createElement("a",x,h,n.createElement(c,null));l&&(S=u.getJSXElement(l,e,{onClick:function(n){return H(n,e)},className:k,iconClassName:y,"aria-hidden":"true",tabIndex:-1,element:S,props:N,index:t}));var w=j({className:J("content")},X("content",e,t)),O=en(m),E=j(v(v({id:m,role:"menuitem","aria-label":i,"aria-disabled":o,"data-p-focused":O,"data-p-disabled":o||!1,className:J("menuitem",{currentIndexState:b,index:t,active:en(m)})},"role","none"),"onMouseEnter",(function(){return _(t)})),X("menuitem",e,t));return n.createElement("li",d({},E,{key:m}),n.createElement("div",w,S))};i((function(){C||F(l())})),n.useImperativeHandle(f,(function(){return{props:N,getElement:function(){return R.current}}}));var on,rn,cn=function(){if(N.header){var e=u.getJSXElement(N.header,{props:N}),t=j({className:J("header")},B("header"));return n.createElement("div",t,e)}return null}(),an=(on=N.model?N.model.map(tn):null,rn=j({ref:T,className:J("menu"),role:"menu","aria-orientation":"bottom"===N.position||"top"===N.position?"horizontal":"vertical","aria-activedescendant":g?-1!==w?w:null:void 0,tabIndex:N.tabIndex||0,onFocus:L,onBlur:K,onKeyDown:Y,onMouseLeave:U},B("menu")),n.createElement("ul",rn,on)),ln=function(){if(N.footer){var e=u.getJSXElement(N.footer,{props:N}),t=j({className:J("footer")},B("footer"));return n.createElement("div",t,e)}return null}(),un=j({className:a(N.className,J("root")),style:N.style},P.getOtherProps(N),B("root")),sn=j({className:J("container")},B("container"));return n.createElement("div",d({id:N.id,ref:R},un),n.createElement("div",sn,cn,an,ln))})));N.displayName="Dock";export{N as Dock};
|
package/dock/dock.js
CHANGED
package/dock/dock.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,a){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=c(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},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 d(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=d(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function k(){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 g(e){return b(e)||v(e)||y(e)||k()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function x(){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 j(e,n){return h(e)||O(e,n)||y(e,n)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return a.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return a.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return a.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n .p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n }\n\n .p-dock-list-container {\n display: flex;\n pointer-events: auto;\n }\n\n .p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .p-dock-magnification .p-dock-item {\n transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n\n .p-dock-magnification .p-dock-item-second-prev,\n .p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n }\n\n .p-dock-magnification .p-dock-item-prev,\n .p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n }\n\n .p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n }\n\n /* Position */\n /* top */\n .p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n }\n\n .p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n }\n\n .p-dock-top .p-dock-list-container {\n flex-direction: column-reverse;\n }\n\n /* bottom */\n .p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n }\n\n .p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n }\n\n .p-dock-bottom .p-dock-list-container {\n flex-direction: column;\n }\n\n /* right */\n .p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n }\n\n .p-dock-right .p-dock-list {\n flex-direction: column;\n }\n\n /* left */\n .p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n }\n\n .p-dock-left .p-dock-list {\n flex-direction: column;\n }\n\n .p-dock-left .p-dock-list-container {\n flex-direction: row-reverse;\n }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=l.memo(l.forwardRef((function(e,n){var c=j(l.useState(-3),2),s=c[0],d=c[1],p=j(l.useState(!1),2),m=p[0],b=p[1],v=j(l.useState(-1),2),y=v[0],k=v[1],h=o.useMergeProps(),O=l.useContext(t.PrimeReactContext),x=S.getProps(e,O),w=j(l.useState(x.id),2),D=w[0],P=w[1],N=S.setMetaData({props:x,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=l.useRef(null),M=l.useRef(null);r.useHandleStyle(S.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},R=function(){d(-3)},_=function(e){d(e)},z=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},B=function(e){b(!0),G(0),x.onFocus&&x.onFocus(e)},F=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},J=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||T(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||X(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||T(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||X(),e.preventDefault();break;case"Home":L(),e.preventDefault();break;case"End":q(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},T=function(){var e=Y(y);G(e)},X=function(){var e=$(y);G(e)},L=function(){G(0)},q=function(){G(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=a.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&a.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,c=e.template,d=e.url,p=e.target,m=e.id||D+"_"+n,b=a.classNames("p-dock-action",{"p-disabled":t}),v=a.classNames("p-dock-action-icon",r),y=h({className:A("icon")},U("icon",e,n)),k=a.IconUtils.getJSXIcon(r,E({},y),{props:x}),g=h({href:d||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:p,"data-pr-tooltip":o,onClick:function(n){return z(n,e)}},U("action",e,n)),O=l.createElement("a",g,k,l.createElement(i.Ripple,null));c&&(O=a.ObjectUtils.getJSXElement(c,e,{onClick:function(n){return z(n,e)},className:b,iconClassName:v,"aria-hidden":"true",tabIndex:-1,element:O,props:x,index:n}));var j=h({className:A("content")},U("content",e,n)),S=Q(m),w=h(f(f({id:m,role:"menuitem","aria-label":o,"aria-disabled":t,"data-p-focused":S,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(m)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return l.createElement("li",u({},w,{key:m}),l.createElement("div",j,O))};o.useMountEffect((function(){D||P(a.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:x,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(x.header){var e=a.ObjectUtils.getJSXElement(x.header,{props:x}),n=h({className:A("header")},I("header"));return l.createElement("div",n,e)}return null}(),ne=(W=x.model?x.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:x.tabIndex||0,onFocus:B,onBlur:F,onKeyDown:J,onMouseLeave:R},I("menu")),l.createElement("ul",Z,W)),te=function(){if(x.footer){var e=a.ObjectUtils.getJSXElement(x.footer,{props:x}),n=h({className:A("footer")},I("footer"));return l.createElement("div",n,e)}return null}(),re=h({className:a.classNames(x.className,A("root")),style:x.style},S.getOtherProps(x),I("root")),oe=h({className:A("container")},I("container"));return l.createElement("div",u({id:x.id,ref:C},re),l.createElement("div",oe,ee,ne,te))})));return D.displayName="Dock",e.Dock=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,o,r,i,c){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=a(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[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 d(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=d(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function b(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function k(){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 g(e){return b(e)||v(e)||y(e)||k()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,r,i,c,a=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=i.call(t)).done)&&(a.push(o.value),a.length!==n);l=!0);}catch(e){u=!0,r=e}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(u)throw r}}return a}}function x(){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 j(e,n){return h(e)||O(e,n)||y(e,n)||x()}var S=o.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return c.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return c.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return c.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n .p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n }\n\n .p-dock-list-container {\n display: flex;\n pointer-events: auto;\n }\n\n .p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .p-dock-magnification .p-dock-item {\n transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n\n .p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n\n .p-dock-magnification .p-dock-item-second-prev,\n .p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n }\n\n .p-dock-magnification .p-dock-item-prev,\n .p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n }\n\n .p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n }\n\n /* Position */\n /* top */\n .p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n }\n\n .p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n }\n\n .p-dock-top .p-dock-list-container {\n flex-direction: column-reverse;\n }\n\n /* bottom */\n .p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n }\n\n .p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n }\n\n .p-dock-bottom .p-dock-list-container {\n flex-direction: column;\n }\n\n /* right */\n .p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n }\n\n .p-dock-right .p-dock-list {\n flex-direction: column;\n }\n\n /* left */\n .p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n }\n\n .p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n }\n\n .p-dock-left .p-dock-list {\n flex-direction: column;\n }\n\n .p-dock-left .p-dock-list-container {\n flex-direction: row-reverse;\n }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=l.memo(l.forwardRef((function(e,n){var a=j(l.useState(-3),2),s=a[0],d=a[1],p=j(l.useState(!1),2),m=p[0],b=p[1],v=j(l.useState(-1),2),y=v[0],k=v[1],h=r.useMergeProps(),O=l.useContext(t.PrimeReactContext),x=S.getProps(e,O),w=j(l.useState(x.id),2),D=w[0],P=w[1],N=S.setMetaData({props:x,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=l.useRef(null),M=l.useRef(null);o.useHandleStyle(S.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},R=function(){d(-3)},_=function(e){d(e)},z=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},B=function(e){b(!0),G(0),x.onFocus&&x.onFocus(e)},F=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},J=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||T(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||X(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||T(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||X(),e.preventDefault();break;case"Home":L(),e.preventDefault();break;case"End":q(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},T=function(){var e=Y(y);G(e)},X=function(){var e=$(y);G(e)},L=function(){G(0)},q=function(){G(c.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=c.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&c.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=g(c.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=g(c.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=c.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,o=e.icon,r=e.label,a=e.template,d=e.url,p=e.target,m=e.id||D+"_"+n,b=c.classNames("p-dock-action",{"p-disabled":t}),v=c.classNames("p-dock-action-icon",o),y=h({className:A("icon")},U("icon",e,n)),k=c.IconUtils.getJSXIcon(o,E({},y),{props:x}),g=h({href:d||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),tabIndex:-1,target:p,"data-pr-tooltip":r,onClick:function(n){return z(n,e)}},U("action",e,n)),O=l.createElement("a",g,k,l.createElement(i.Ripple,null));a&&(O=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return z(n,e)},className:b,iconClassName:v,"aria-hidden":"true",tabIndex:-1,element:O,props:x,index:n}));var j=h({className:A("content")},U("content",e,n)),S=Q(m),w=h(f(f({id:m,role:"menuitem","aria-label":r,"aria-disabled":t,"data-p-focused":S,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(m)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return l.createElement("li",u({},w,{key:m}),l.createElement("div",j,O))};r.useMountEffect((function(){D||P(c.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:x,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(x.header){var e=c.ObjectUtils.getJSXElement(x.header,{props:x}),n=h({className:A("header")},I("header"));return l.createElement("div",n,e)}return null}(),ne=(W=x.model?x.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:x.tabIndex||0,onFocus:B,onBlur:F,onKeyDown:J,onMouseLeave:R},I("menu")),l.createElement("ul",Z,W)),te=function(){if(x.footer){var e=c.ObjectUtils.getJSXElement(x.footer,{props:x}),n=h({className:A("footer")},I("footer"));return l.createElement("div",n,e)}return null}(),oe=h({className:c.classNames(x.className,A("root")),style:x.style},S.getOtherProps(x),I("root")),re=h({className:A("container")},I("container"));return l.createElement("div",u({id:x.id,ref:C},oe),l.createElement("div",re,ee,ne,te))})));return D.displayName="Dock",e.Dock=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);
|
package/dropdown/dropdown.cjs.js
CHANGED
|
@@ -278,6 +278,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
|
|
|
278
278
|
filter: false,
|
|
279
279
|
filterBy: null,
|
|
280
280
|
filterClearIcon: null,
|
|
281
|
+
filterDelay: 300,
|
|
281
282
|
filterIcon: null,
|
|
282
283
|
filterInputAutoFocus: false,
|
|
283
284
|
filterLocale: undefined,
|
|
@@ -733,22 +734,23 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
733
734
|
var mergeProps = hooks.useMergeProps();
|
|
734
735
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
735
736
|
var props = DropdownBase.getProps(inProps, context);
|
|
736
|
-
var
|
|
737
|
+
var _useDebounce = hooks.useDebounce('', props.filterDelay || 0),
|
|
738
|
+
_useDebounce2 = _slicedToArray(_useDebounce, 3),
|
|
739
|
+
filterValue = _useDebounce2[0],
|
|
740
|
+
filterState = _useDebounce2[1],
|
|
741
|
+
setFilterState = _useDebounce2[2];
|
|
742
|
+
var _React$useState = React__namespace.useState(false),
|
|
737
743
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
var _React$useState3 = React__namespace.useState(
|
|
744
|
+
focusedState = _React$useState2[0],
|
|
745
|
+
setFocusedState = _React$useState2[1];
|
|
746
|
+
var _React$useState3 = React__namespace.useState(-1),
|
|
741
747
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
var _React$useState5 = React__namespace.useState(
|
|
748
|
+
focusedOptionIndex = _React$useState4[0],
|
|
749
|
+
setFocusedOptionIndex = _React$useState4[1];
|
|
750
|
+
var _React$useState5 = React__namespace.useState(false),
|
|
745
751
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
var _React$useState7 = React__namespace.useState(false),
|
|
749
|
-
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
750
|
-
overlayVisibleState = _React$useState8[0],
|
|
751
|
-
setOverlayVisibleState = _React$useState8[1];
|
|
752
|
+
overlayVisibleState = _React$useState6[0],
|
|
753
|
+
setOverlayVisibleState = _React$useState6[1];
|
|
752
754
|
var clickedRef = React__namespace.useRef(false);
|
|
753
755
|
var elementRef = React__namespace.useRef(null);
|
|
754
756
|
var overlayRef = React__namespace.useRef(null);
|
|
@@ -809,7 +811,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
809
811
|
var getVisibleOptions = function getVisibleOptions() {
|
|
810
812
|
var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
|
|
811
813
|
if (hasFilter && !isLazy) {
|
|
812
|
-
var
|
|
814
|
+
var _filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
|
|
813
815
|
var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
|
|
814
816
|
if (props.optionGroupLabel) {
|
|
815
817
|
var filteredGroups = [];
|
|
@@ -818,7 +820,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
818
820
|
try {
|
|
819
821
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
820
822
|
var optgroup = _step.value;
|
|
821
|
-
var filteredSubOptions = PrimeReact.FilterService.filter(getOptionGroupChildren(optgroup), searchFields,
|
|
823
|
+
var filteredSubOptions = PrimeReact.FilterService.filter(getOptionGroupChildren(optgroup), searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
|
|
822
824
|
if (filteredSubOptions && filteredSubOptions.length) {
|
|
823
825
|
filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
|
|
824
826
|
}
|
|
@@ -830,7 +832,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
830
832
|
}
|
|
831
833
|
return flatOptions(filteredGroups);
|
|
832
834
|
}
|
|
833
|
-
return PrimeReact.FilterService.filter(options, searchFields,
|
|
835
|
+
return PrimeReact.FilterService.filter(options, searchFields, _filterValue, props.filterMatchMode, props.filterLocale);
|
|
834
836
|
}
|
|
835
837
|
return options;
|
|
836
838
|
};
|
|
@@ -913,7 +915,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
913
915
|
event.preventDefault();
|
|
914
916
|
return;
|
|
915
917
|
}
|
|
916
|
-
var metaKey = event.metaKey || event.ctrlKey;
|
|
917
918
|
var code = utils.DomHandler.isAndroid() ? event.key : event.code;
|
|
918
919
|
switch (code) {
|
|
919
920
|
case 'ArrowDown':
|
|
@@ -959,6 +960,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
959
960
|
//NOOP
|
|
960
961
|
break;
|
|
961
962
|
default:
|
|
963
|
+
var metaKey = event.metaKey || event.ctrlKey || event.altKey;
|
|
964
|
+
|
|
965
|
+
// Only handle printable characters when no meta keys are pressed
|
|
962
966
|
if (!metaKey && utils.ObjectUtils.isPrintableCharacter(event.key)) {
|
|
963
967
|
!overlayVisibleState && !props.editable && show();
|
|
964
968
|
!props.editable && searchOptions(event, event.key);
|
|
@@ -1277,6 +1281,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
1277
1281
|
resetFilter();
|
|
1278
1282
|
}
|
|
1279
1283
|
updateEditableLabel();
|
|
1284
|
+
setFocusedOptionIndex(-1);
|
|
1280
1285
|
};
|
|
1281
1286
|
var selectItem = function selectItem(event) {
|
|
1282
1287
|
if (selectedOption !== event.option) {
|
|
@@ -1537,8 +1542,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
1537
1542
|
required: props.required,
|
|
1538
1543
|
defaultValue: option.value,
|
|
1539
1544
|
name: props.name,
|
|
1540
|
-
tabIndex: -1
|
|
1541
|
-
'aria-hidden': 'true'
|
|
1545
|
+
tabIndex: -1
|
|
1542
1546
|
}, ptm('select'));
|
|
1543
1547
|
var optionProps = mergeProps({
|
|
1544
1548
|
value: option.value
|
|
@@ -1695,7 +1699,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
1695
1699
|
var firstHiddenFocusableElementProps = mergeProps({
|
|
1696
1700
|
ref: firstHiddenFocusableElementOnOverlay,
|
|
1697
1701
|
role: 'presentation',
|
|
1698
|
-
'aria-hidden': 'true',
|
|
1699
1702
|
className: 'p-hidden-accessible p-hidden-focusable',
|
|
1700
1703
|
tabIndex: '0',
|
|
1701
1704
|
onFocus: onFirstHiddenFocus,
|
|
@@ -1705,7 +1708,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
1705
1708
|
var lastHiddenFocusableElementProps = mergeProps({
|
|
1706
1709
|
ref: lastHiddenFocusableElementOnOverlay,
|
|
1707
1710
|
role: 'presentation',
|
|
1708
|
-
'aria-hidden': 'true',
|
|
1709
1711
|
className: 'p-hidden-accessible p-hidden-focusable',
|
|
1710
1712
|
tabIndex: '0',
|
|
1711
1713
|
onFocus: onLastHiddenFocus,
|
|
@@ -1720,7 +1722,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
|
|
|
1720
1722
|
}, props, {
|
|
1721
1723
|
appendTo: appendTo,
|
|
1722
1724
|
cx: cx,
|
|
1723
|
-
filterValue:
|
|
1725
|
+
filterValue: filterValue,
|
|
1724
1726
|
focusedOptionIndex: focusedOptionIndex,
|
|
1725
1727
|
getOptionGroupChildren: getOptionGroupChildren,
|
|
1726
1728
|
getOptionGroupLabel: getOptionGroupLabel,
|