primereact 10.0.1 → 10.0.3

package/orderlist/orderlist.js

@@ -390,11 +390,9 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
       return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
     };
     var _onDragStart = function onDragStart(event, index) {
+      event.dataTransfer.setData('text', 'orderlist');
       dragging.current = true;
       draggedItemIndex.current = index;
-      if (props.dragdropScope) {
-        event.dataTransfer.setData('text', 'orderlist');
-      }
     };
     var _onDragOver = function onDragOver(event, index) {
       if (draggedItemIndex.current !== index && draggedItemIndex.current + 1 !== index) {
@@ -464,43 +462,43 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
         return props.value.map(function (item, i) {
           var content = props.itemTemplate ? props.itemTemplate(item) : item;
           var key = JSON.stringify(item);
-          var itemProps = utils.mergeProps({
-            className: utils.classNames(props.className, cx('item', {
-              item: item,
-              isSelected: isSelected
-            })),
-            onClick: function onClick(e) {
-              return props.onItemClick({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            onKeyDown: function onKeyDown(e) {
-              return props.onItemKeyDown({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            role: 'option',
-            'aria-selected': isSelected(item),
-            draggable: 'true',
-            onDragStart: function onDragStart(e) {
-              return _onDragStart(e, i);
-            },
-            onDragEnd: onDragEnd,
-            tabIndex: props.tabIndex,
-            'data-p-highlight': isSelected(item)
-          }, getPTOptions(item, 'item'));
           if (props.dragdrop) {
+            var itemProps = utils.mergeProps({
+              className: utils.classNames(props.className, cx('item', {
+                item: item,
+                isSelected: isSelected
+              })),
+              onClick: function onClick(e) {
+                return props.onItemClick({
+                  originalEvent: e,
+                  value: item,
+                  index: i
+                });
+              },
+              onKeyDown: function onKeyDown(e) {
+                return props.onItemKeyDown({
+                  originalEvent: e,
+                  value: item,
+                  index: i
+                });
+              },
+              role: 'option',
+              'aria-selected': isSelected(item),
+              draggable: 'true',
+              onDragStart: function onDragStart(e) {
+                return _onDragStart(e, i);
+              },
+              onDragEnd: onDragEnd,
+              tabIndex: props.tabIndex,
+              'data-p-highlight': isSelected(item)
+            }, getPTOptions(item, 'item'));
             var items = [];
             if (i === 0) {
               items.push(createDropPoint(item, i));
             }
             items.push( /*#__PURE__*/React__namespace.createElement("li", _extends({
               key: key
-            }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+            }, itemProps), content));
             items.push(createDropPoint(i, key + '_droppoint'));
             return items;
           } else {
@@ -530,7 +528,7 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
             }, getPTOptions(item, 'item'));
             return /*#__PURE__*/React__namespace.createElement("li", _extends({
               key: key
-            }, _itemProps), content);
+            }, _itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
           }
         });
       }

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,o,i,l,a,c,s,u,p,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 v=f(t),g=m(r);function y(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 b(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function E(){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 O(e){return b(e)||h(e)||I(e)||E()}function D(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,a=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}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 x(e,t){return D(e)||w(e,t)||I(e,t)||S()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},css:{classes:{root:"p-orderlist p-component",controls:"p-orderlist-controls",droppoint:"p-orderlist-droppoint",header:"p-orderlist-header",list:"p-orderlist-list",icon:"p-orderlist-filter",filter:"p-orderlist-filter",filterInput:"p-orderlist-filter-input p-inputtext p-component",filterIcon:"p-orderlist-filter-icon",filterContainer:"p-orderlist-filter-container",container:"p-orderlist-list-container",item:function(e){return i.classNames("p-orderlist-item",{"p-highlight":(0,e.isSelected)(e.item)})}},styles:"\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n    \n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n    \n    .p-orderlist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-orderlist-filter {\n        position: relative;\n    }\n    \n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n    \n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n    \n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n    \n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n    \n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n"}}),P=v.memo((function(e){var t=e.moveUpIcon||v.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||v.createElement(c.AngleDoubleUpIcon,null),o=e.moveDownIcon||v.createElement(s.AngleDownIcon,null),p=e.moveBottomIcon||v.createElement(a.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,f=i.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=i.mergeProps({type:"button",unstyled:m,icon:t,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r[o-1];r[o-1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":r.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=i.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r.splice(o,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":r.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=i.mergeProps({type:"button",unstyled:m,icon:o,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r[o+1];r[o+1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":r.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=i.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r.splice(o,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":r.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return v.createElement("div",f,v.createElement(l.Button,g),v.createElement(l.Button,y),v.createElement(l.Button,b),v.createElement(l.Button,h))}));function C(){return C=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},C.apply(this,arguments)}function N(e){return N="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},N(e)}function T(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=T(e,"string");return"symbol"===N(t)?t:String(t)}function U(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 L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?U(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=k(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}P.displayName="OrderListControls";var R=v.memo((function(e){var t,r,n,o=e.ptm,l=e.cx,a=function(t,r){return o(t,L({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},s=v.useRef(null),u=v.useRef(null),m=v.useRef(null),f=v.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==i.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){u.current!==r&&u.current+1!==r&&(m.current=r,!e.isUnstyled()&&i.DomHandler.addClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),t.preventDefault())},h=function(t){m.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=u.current>m.current?m.current:0===m.current?0:m.current-1,n=O(e.value);i.ObjectUtils.reorderArray(n,u.current,r),m.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),e.onChange&&e.onChange({originalEvent:t,value:n})},E=function(e){s.current=!1},D=function(e){if(s.current){var t=f.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),r=t+f.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?f.current.scrollTop+=15:n<25&&n>0&&(f.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},S=function(e,t){var r=i.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return v.createElement("li",C({key:t},r))},x=(t=i.mergeProps({className:l("header")},a("header")),e.header?v.createElement("div",t,e.header):null),j=function(){var t=i.mergeProps({className:l("icon")},a("icon")),r=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(p.SearchIcon,t),L({},t),{props:e});if(e.filter){var n=i.mergeProps({className:l("filter")},a("filter")),o=i.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=i.mergeProps({className:l("filterIcon")},a("filterIcon")),s=v.createElement("div",n,v.createElement("input",o),v.createElement("span",c,r));if(e.filterTemplate)s=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:w},filterOptions:g,iconClassName:"p-orderlist-filter-icon",element:s,props:e});var u=i.mergeProps({className:l("filterContainer")},a("filterContainer"));return v.createElement("div",u,s)}return null}(),P=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,o=JSON.stringify(t),a=i.mergeProps({className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},role:"option","aria-selected":y(t),draggable:"true",onDragStart:function(t){return n=t,o=r,s.current=!0,u.current=o,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,o},onDragEnd:E,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item"));if(e.dragdrop){var p=[];return 0===r&&p.push(S(t,r)),p.push(v.createElement("li",C({key:o},a),n,v.createElement(d.Ripple,null))),p.push(S(r,o+"_droppoint")),p}var m=i.mergeProps({role:"option",tabIndex:e.tabIndex,className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},"aria-selected":y(t),"data-p-highlight":y(t)},c(t,"item"));return v.createElement("li",C({key:o},m),n)})):null,n=i.mergeProps({ref:f,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),v.createElement("ul",n,r)),N=i.mergeProps({className:l("container")},a("container"));return v.createElement("div",N,x,j,P)}));R.displayName="OrderListSubList";var A=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),a=j.getProps(e,l),c=x(v.useState([]),2),s=c[0],u=c[1],p=x(v.useState(""),2),d=p[0],m=p[1],f=x(v.useState(null),2),y=f[0],b=f[1],h=i.ObjectUtils.isNotEmpty(d),I=v.useRef(null),E=v.useRef(null),D=v.useRef(null),w={props:a,state:{selection:s,filterValue:d,attributeSelector:y}},S=j.setMetaData(w),C=S.ptm,N=S.cx,T=S.isUnstyled;n.useHandleStyle(j.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=i.ObjectUtils.findIndexInList(e.value,s,a.dataKey);t=-1!==n?r?s.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(O(s),[e.value]):[e.value],u(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},L=function e(t){var r=t.previousElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function(){var e=i.DomHandler.findSingle(I.current,".p-orderlist-list"),t=i.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":i.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":i.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},K=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(l&&l.nonce||g.default.nonce);var e="\n@media screen and (max-width: ".concat(a.breakpoint,") {\n    .p-orderlist[").concat(y,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");E.current.innerHTML=e}};v.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return I.current}}})),o.useMountEffect((function(){!y&&b(i.UniqueComponentId())})),o.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),K()),function(){E.current=i.DomHandler.removeInlineStyle(E.current)}}),[y,a.breakpoint]),o.useUpdateEffect((function(){D.current&&(A(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[];return r.FilterService.filter(a.value,t,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=i.mergeProps({ref:I,id:a.id,className:i.classNames(a.className,N("root")),style:a.style},j.getOtherProps(a),C("root"));return v.createElement("div",H,v.createElement(P,{hostName:"OrderList",value:B,selection:s,onReorder:function(e){a.onChange&&a.onChange({event:e.originalEvent,value:e.value}),D.current=e.direction},dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:C,cx:N,unstyled:a.unstyled,metaData:w}),v.createElement(R,{hostName:"OrderList",value:B,selection:s,onItemClick:k,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=U(r);n&&n.focus(),t.preventDefault();break;case 38:var o=L(r);o&&o.focus(),t.preventDefault();break;case 13:k(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},itemTemplate:a.itemTemplate,filter:a.filter,onFilter:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),a.onFilter&&a.onFilter({filter:""})},filterTemplate:a.filterTemplate,header:a.header,listStyle:a.listStyle,dataKey:a.dataKey,dragdrop:a.dragdrop,onChange:a.onChange,tabIndex:a.tabIndex,filterIcon:a.filterIcon,isUnstyled:T,ptm:C,cx:N}))})));return A.displayName="OrderList",e.OrderList=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.angledoubledown,primereact.icons.angledoubleup,primereact.icons.angledown,primereact.icons.angleup,primereact.icons.search,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,o,i,l,a,c,s,u,p,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 v=f(t),g=m(r);function y(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 b(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function E(){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 O(e){return b(e)||h(e)||I(e)||E()}function D(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,a=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}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 x(e,t){return D(e)||w(e,t)||I(e,t)||S()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},css:{classes:{root:"p-orderlist p-component",controls:"p-orderlist-controls",droppoint:"p-orderlist-droppoint",header:"p-orderlist-header",list:"p-orderlist-list",icon:"p-orderlist-filter",filter:"p-orderlist-filter",filterInput:"p-orderlist-filter-input p-inputtext p-component",filterIcon:"p-orderlist-filter-icon",filterContainer:"p-orderlist-filter-container",container:"p-orderlist-list-container",item:function(e){return i.classNames("p-orderlist-item",{"p-highlight":(0,e.isSelected)(e.item)})}},styles:"\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n    \n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n    \n    .p-orderlist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-orderlist-filter {\n        position: relative;\n    }\n    \n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n    \n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n    \n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n    \n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n    \n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n"}}),P=v.memo((function(e){var t=e.moveUpIcon||v.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||v.createElement(c.AngleDoubleUpIcon,null),o=e.moveDownIcon||v.createElement(s.AngleDownIcon,null),p=e.moveBottomIcon||v.createElement(a.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,f=i.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=i.mergeProps({type:"button",unstyled:m,icon:t,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r[o-1];r[o-1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":r.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=i.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r.splice(o,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":r.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=i.mergeProps({type:"button",unstyled:m,icon:o,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r[o+1];r[o+1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":r.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=i.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r.splice(o,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":r.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return v.createElement("div",f,v.createElement(l.Button,g),v.createElement(l.Button,y),v.createElement(l.Button,b),v.createElement(l.Button,h))}));function C(){return C=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},C.apply(this,arguments)}function N(e){return N="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},N(e)}function T(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=T(e,"string");return"symbol"===N(t)?t:String(t)}function U(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 L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?U(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=k(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}P.displayName="OrderListControls";var R=v.memo((function(e){var t,r,n,o=e.ptm,l=e.cx,a=function(t,r){return o(t,L({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},s=v.useRef(null),u=v.useRef(null),m=v.useRef(null),f=v.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==i.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){u.current!==r&&u.current+1!==r&&(m.current=r,!e.isUnstyled()&&i.DomHandler.addClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),t.preventDefault())},h=function(t){m.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=u.current>m.current?m.current:0===m.current?0:m.current-1,n=O(e.value);i.ObjectUtils.reorderArray(n,u.current,r),m.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),e.onChange&&e.onChange({originalEvent:t,value:n})},E=function(e){s.current=!1},D=function(e){if(s.current){var t=f.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),r=t+f.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?f.current.scrollTop+=15:n<25&&n>0&&(f.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},S=function(e,t){var r=i.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return v.createElement("li",C({key:t},r))},x=(t=i.mergeProps({className:l("header")},a("header")),e.header?v.createElement("div",t,e.header):null),j=function(){var t=i.mergeProps({className:l("icon")},a("icon")),r=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(p.SearchIcon,t),L({},t),{props:e});if(e.filter){var n=i.mergeProps({className:l("filter")},a("filter")),o=i.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=i.mergeProps({className:l("filterIcon")},a("filterIcon")),s=v.createElement("div",n,v.createElement("input",o),v.createElement("span",c,r));if(e.filterTemplate)s=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:w},filterOptions:g,iconClassName:"p-orderlist-filter-icon",element:s,props:e});var u=i.mergeProps({className:l("filterContainer")},a("filterContainer"));return v.createElement("div",u,s)}return null}(),P=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,o=JSON.stringify(t);if(e.dragdrop){var a=i.mergeProps({className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},role:"option","aria-selected":y(t),draggable:"true",onDragStart:function(e){return t=r,e.dataTransfer.setData("text","orderlist"),s.current=!0,void(u.current=t);var t},onDragEnd:E,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item")),p=[];return 0===r&&p.push(S(t,r)),p.push(v.createElement("li",C({key:o},a),n)),p.push(S(r,o+"_droppoint")),p}var m=i.mergeProps({role:"option",tabIndex:e.tabIndex,className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},"aria-selected":y(t),"data-p-highlight":y(t)},c(t,"item"));return v.createElement("li",C({key:o},m),n,v.createElement(d.Ripple,null))})):null,n=i.mergeProps({ref:f,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),v.createElement("ul",n,r)),N=i.mergeProps({className:l("container")},a("container"));return v.createElement("div",N,x,j,P)}));R.displayName="OrderListSubList";var A=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),a=j.getProps(e,l),c=x(v.useState([]),2),s=c[0],u=c[1],p=x(v.useState(""),2),d=p[0],m=p[1],f=x(v.useState(null),2),y=f[0],b=f[1],h=i.ObjectUtils.isNotEmpty(d),I=v.useRef(null),E=v.useRef(null),D=v.useRef(null),w={props:a,state:{selection:s,filterValue:d,attributeSelector:y}},S=j.setMetaData(w),C=S.ptm,N=S.cx,T=S.isUnstyled;n.useHandleStyle(j.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=i.ObjectUtils.findIndexInList(e.value,s,a.dataKey);t=-1!==n?r?s.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(O(s),[e.value]):[e.value],u(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},L=function e(t){var r=t.previousElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function(){var e=i.DomHandler.findSingle(I.current,".p-orderlist-list"),t=i.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":i.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":i.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},K=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(l&&l.nonce||g.default.nonce);var e="\n@media screen and (max-width: ".concat(a.breakpoint,") {\n    .p-orderlist[").concat(y,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");E.current.innerHTML=e}};v.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return I.current}}})),o.useMountEffect((function(){!y&&b(i.UniqueComponentId())})),o.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),K()),function(){E.current=i.DomHandler.removeInlineStyle(E.current)}}),[y,a.breakpoint]),o.useUpdateEffect((function(){D.current&&(A(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[];return r.FilterService.filter(a.value,t,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=i.mergeProps({ref:I,id:a.id,className:i.classNames(a.className,N("root")),style:a.style},j.getOtherProps(a),C("root"));return v.createElement("div",H,v.createElement(P,{hostName:"OrderList",value:B,selection:s,onReorder:function(e){a.onChange&&a.onChange({event:e.originalEvent,value:e.value}),D.current=e.direction},dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:C,cx:N,unstyled:a.unstyled,metaData:w}),v.createElement(R,{hostName:"OrderList",value:B,selection:s,onItemClick:k,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=U(r);n&&n.focus(),t.preventDefault();break;case 38:var o=L(r);o&&o.focus(),t.preventDefault();break;case 13:k(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},itemTemplate:a.itemTemplate,filter:a.filter,onFilter:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),a.onFilter&&a.onFilter({filter:""})},filterTemplate:a.filterTemplate,header:a.header,listStyle:a.listStyle,dataKey:a.dataKey,dragdrop:a.dragdrop,onChange:a.onChange,tabIndex:a.tabIndex,filterIcon:a.filterIcon,isUnstyled:T,ptm:C,cx:N}))})));return A.displayName="OrderList",e.OrderList=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.angledoubledown,primereact.icons.angledoubleup,primereact.icons.angledown,primereact.icons.angleup,primereact.icons.search,primereact.ripple);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "10.0.1",
+    "version": "10.0.3",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
@@ -33,7 +33,7 @@
     "unpkg": "primereact.all.min.js",
     "jsdelivr": "primereact.all.min.js",
     "main": "primereact.all.min.js",
-    "module": "primereact.all.esm.min.mjs",
+    "module": "primereact.all.esm.min.js",
     "web-types": "web-types.json",
     "peerDependencies": {
         "@types/react": "^17.0.0 || ^18.0.0",

package/passthrough/tailwind/index.cjs.js

@@ -150,7 +150,7 @@ var TRANSITIONS = {
 };
 var Tailwind = {
   global: {
-    css: "\n        *[data-pd-ripple=\"true\"]{\n            overflow: hidden;\n            position: relative;\n        }\n        span[data-p-ink-active=\"true\"]{\n            animation: ripple 0.4s linear;\n        }\n        @keyframes ripple {\n            100% {\n                opacity: 0;\n                transform: scale(2.5);\n            }\n        }\n\n        .progress-spinner-circle {\n            stroke-dasharray: 89, 200;\n            stroke-dashoffset: 0;\n            animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n            stroke-linecap: round;\n        }\n\n        @keyframes p-progress-spinner-dash{\n            0% {\n                stroke-dasharray: 1, 200;\n                stroke-dashoffset: 0;\n            }\n            \n            50% {\n                stroke-dasharray: 89, 200;\n                stroke-dashoffset: -35px;\n            }\n            100% {\n                stroke-dasharray: 89, 200;\n                stroke-dashoffset: -124px;\n            }\n        }\n        @keyframes p-progress-spinner-color {\n            100%, 0% {\n                stroke: #ff5757;\n            }\n            40% {\n                stroke: #696cff;\n            }\n            66% {\n                stroke: #1ea97c;\n            }\n            80%, 90% {\n                stroke: #cc8925;\n            }\n        }\n\n        .progressbar-value-animate::after {\n            will-change: left, right;\n            animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        }\n        .progressbar-value-animate::before {\n            will-change: left, right;\n            animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        }\n        @keyframes p-progressbar-indeterminate-anim {\n            0% {\n                left: -35%;\n                right: 100%;\n            }\n            60% {\n                left: 100%;\n                right: -90%;\n            }\n            100% {\n                left: 100%;\n                right: -90%;\n            }\n        }\n"
+    css: "\n        *[data-pd-ripple=\"true\"]{\n            overflow: hidden;\n            position: relative;\n        }\n        span[data-p-ink-active=\"true\"]{\n            animation: ripple 0.4s linear;\n        }\n        @keyframes ripple {\n            100% {\n                opacity: 0;\n                transform: scale(2.5);\n            }\n        }\n\n        .progress-spinner-circle {\n            stroke-dasharray: 89, 200;\n            stroke-dashoffset: 0;\n            animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n            stroke-linecap: round;\n        }\n\n        @keyframes p-progress-spinner-dash{\n            0% {\n                stroke-dasharray: 1, 200;\n                stroke-dashoffset: 0;\n            }\n\n            50% {\n                stroke-dasharray: 89, 200;\n                stroke-dashoffset: -35px;\n            }\n            100% {\n                stroke-dasharray: 89, 200;\n                stroke-dashoffset: -124px;\n            }\n        }\n        @keyframes p-progress-spinner-color {\n            100%, 0% {\n                stroke: #ff5757;\n            }\n            40% {\n                stroke: #696cff;\n            }\n            66% {\n                stroke: #1ea97c;\n            }\n            80%, 90% {\n                stroke: #cc8925;\n            }\n        }\n\n        .progressbar-value-animate::after {\n            will-change: left, right;\n            animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        }\n        .progressbar-value-animate::before {\n            will-change: left, right;\n            animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        }\n        @keyframes p-progressbar-indeterminate-anim {\n            0% {\n                left: -35%;\n                right: 100%;\n            }\n            60% {\n                left: 100%;\n                right: -90%;\n            }\n            100% {\n                left: 100%;\n                right: -90%;\n            }\n        }\n"
   },
   //PANELS
   panel: {
@@ -3510,8 +3510,6 @@ var Tailwind = {
     root: 'relative'
   }
 };
-module.exports = {
-  Tailwind: Tailwind
-};
 
 exports.TRANSITIONS = TRANSITIONS;
+exports["default"] = Tailwind;