primereact 10.0.2 → 10.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -4
- package/autocomplete/autocomplete.cjs.js +4 -2
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +4 -2
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +4 -2
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -6
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -6
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -6
- package/blockui/blockui.min.js +1 -1
- package/calendar/calendar.cjs.js +3 -5
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +3 -5
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +3 -5
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +3 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +3 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +3 -1
- package/carousel/carousel.min.js +1 -1
- package/checkbox/checkbox.d.ts +5 -5
- package/componentbase/componentbase.d.ts +8 -0
- package/contextmenu/contextmenu.cjs.js +4 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +64 -27
- package/core/core.min.js +6 -6
- package/datatable/datatable.cjs.js +92 -41
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +27 -0
- package/datatable/datatable.esm.js +92 -41
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +92 -41
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +24 -22
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +24 -22
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +24 -22
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +2 -4
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +2 -4
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +2 -4
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +29 -17
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +29 -17
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +29 -17
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +1 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +1 -1
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +1 -1
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +3 -5
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +3 -5
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +3 -5
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +2 -1
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +1 -1
- package/hooks/hooks.esm.js +2 -1
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +2 -1
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +104 -106
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +104 -106
- package/image/image.esm.min.js +1 -1
- package/image/image.js +105 -107
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +7 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +7 -4
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +7 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/menu/menu.cjs.js +105 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +5 -0
- package/menu/menu.esm.js +108 -4
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +105 -1
- package/menu/menu.min.js +1 -1
- package/multiselect/multiselect.cjs.js +26 -12
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +4 -0
- package/multiselect/multiselect.esm.js +26 -12
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +26 -12
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +32 -34
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +32 -34
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +32 -34
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +1 -1
- package/primereact.all.cjs.js +275 -171
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +275 -171
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +275 -171
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +1 -1
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +1 -1
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +1 -1
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +3 -3
- package/resources/themes/arya-blue/theme.css +390 -518
- package/resources/themes/arya-green/theme.css +390 -518
- package/resources/themes/arya-orange/theme.css +390 -518
- package/resources/themes/arya-purple/theme.css +390 -518
- package/resources/themes/bootstrap4-dark-blue/theme.css +391 -518
- package/resources/themes/bootstrap4-dark-purple/theme.css +391 -518
- package/resources/themes/bootstrap4-light-blue/theme.css +391 -518
- package/resources/themes/bootstrap4-light-purple/theme.css +391 -518
- package/resources/themes/fluent-light/theme.css +417 -529
- package/resources/themes/lara-dark-blue/theme.css +395 -518
- package/resources/themes/lara-dark-indigo/theme.css +395 -518
- package/resources/themes/lara-dark-purple/theme.css +395 -518
- package/resources/themes/lara-dark-teal/theme.css +395 -518
- package/resources/themes/lara-light-blue/theme.css +564 -687
- package/resources/themes/lara-light-indigo/theme.css +402 -525
- package/resources/themes/lara-light-purple/theme.css +402 -525
- package/resources/themes/lara-light-teal/theme.css +402 -525
- package/resources/themes/luna-amber/theme.css +404 -531
- package/resources/themes/luna-blue/theme.css +404 -531
- package/resources/themes/luna-green/theme.css +404 -531
- package/resources/themes/luna-pink/theme.css +404 -531
- package/resources/themes/md-dark-deeppurple/theme.css +662 -739
- package/resources/themes/md-dark-indigo/theme.css +662 -739
- package/resources/themes/md-light-deeppurple/theme.css +567 -644
- package/resources/themes/md-light-indigo/theme.css +567 -644
- package/resources/themes/mdc-dark-deeppurple/theme.css +662 -739
- package/resources/themes/mdc-dark-indigo/theme.css +662 -739
- package/resources/themes/mdc-light-deeppurple/theme.css +567 -644
- package/resources/themes/mdc-light-indigo/theme.css +567 -644
- package/resources/themes/mira/theme.css +428 -525
- package/resources/themes/nano/theme.css +388 -518
- package/resources/themes/nova/theme.css +392 -518
- package/resources/themes/nova-accent/theme.css +389 -518
- package/resources/themes/nova-alt/theme.css +392 -518
- package/resources/themes/rhea/theme.css +389 -518
- package/resources/themes/saga-blue/theme.css +390 -518
- package/resources/themes/saga-green/theme.css +390 -518
- package/resources/themes/saga-orange/theme.css +390 -518
- package/resources/themes/saga-purple/theme.css +390 -518
- package/resources/themes/soho-dark/theme.css +421 -546
- package/resources/themes/soho-light/theme.css +400 -523
- package/resources/themes/tailwind-light/theme.css +432 -547
- package/resources/themes/vela-blue/theme.css +390 -518
- package/resources/themes/vela-green/theme.css +390 -518
- package/resources/themes/vela-orange/theme.css +390 -518
- package/resources/themes/vela-purple/theme.css +390 -518
- package/resources/themes/viva-dark/theme.css +414 -523
- package/resources/themes/viva-light/theme.css +414 -523
- package/scrollpanel/scrollpanel.cjs.js +33 -17
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +19 -3
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +226 -210
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +3 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +6 -0
- package/selectbutton/selectbutton.esm.js +3 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +4 -3
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +87 -89
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +87 -89
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +88 -90
- package/sidebar/sidebar.min.js +1 -1
- package/utils/utils.cjs.js +23 -0
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +3 -0
- package/utils/utils.esm.js +23 -0
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +23 -0
- package/utils/utils.min.js +1 -1
- package/web-types.json +28 -1
|
@@ -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/hooks"),o=require("primereact/utils"),i=require("primereact/button"),l=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),u=require("primereact/icons/angleup"),s=require("primereact/icons/search"),p=require("primereact/ripple");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(e),v=d(t);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 b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(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 I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return y(e)||b(e)||h(e)||I()}function O(e){if(Array.isArray(e))return e}function D(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,u=!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){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return O(e)||D(e,t)||h(e,t)||w()}var S=r.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 o.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"}}),j=f.memo((function(e){var r=e.moveUpIcon||f.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||f.createElement(a.AngleDoubleUpIcon,null),s=e.moveDownIcon||f.createElement(c.AngleDownIcon,null),p=e.moveBottomIcon||f.createElement(l.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,v=o.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=o.mergeProps({type:"button",unstyled:m,icon:r,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r[i-1];r[i-1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=o.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r.splice(i,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=o.mergeProps({type:"button",unstyled:m,icon:s,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r[i+1];r[i+1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=o.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r.splice(i,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return f.createElement("div",v,f.createElement(i.Button,g),f.createElement(i.Button,y),f.createElement(i.Button,b),f.createElement(i.Button,h))}));function P(){return P=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},P.apply(this,arguments)}function C(e){return C="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},C(e)}function N(e,t){if("object"!==C(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=N(e,"string");return"symbol"===C(t)?t:String(t)}function k(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 U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=T(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)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}j.displayName="OrderListControls";var L=f.memo((function(e){var t,r,n,i=e.ptm,l=e.cx,a=function(t,r){return i(t,U({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},u=f.useRef(null),d=f.useRef(null),m=f.useRef(null),v=f.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){d.current!==r&&d.current+1!==r&&(m.current=r,!e.isUnstyled()&&o.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()&&o.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=d.current>m.current?m.current:0===m.current?0:m.current-1,n=E(e.value);o.ObjectUtils.reorderArray(n,d.current,r),m.current=null,!e.isUnstyled()&&o.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})},O=function(e){u.current=!1},D=function(e){if(u.current){var t=v.current.getBoundingClientRect().top+o.DomHandler.getWindowScrollTop(),r=t+v.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?v.current.scrollTop+=15:n<25&&n>0&&(v.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},x=function(e,t){var r=o.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return f.createElement("li",P({key:t},r))},S=(t=o.mergeProps({className:l("header")},a("header")),e.header?f.createElement("div",t,e.header):null),j=function(){var t=o.mergeProps({className:l("icon")},a("icon")),r=o.IconUtils.getJSXIcon(e.filterIcon||f.createElement(s.SearchIcon,t),U({},t),{props:e});if(e.filter){var n=o.mergeProps({className:l("filter")},a("filter")),i=o.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=o.mergeProps({className:l("filterIcon")},a("filterIcon")),u=f.createElement("div",n,f.createElement("input",i),f.createElement("span",c,r));if(e.filterTemplate)u=o.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:u,props:e});var p=o.mergeProps({className:l("filterContainer")},a("filterContainer"));return f.createElement("div",p,u)}return null}(),C=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,i=JSON.stringify(t),a=o.mergeProps({className:o.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,u.current=!0,d.current=o,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,o},onDragEnd:O,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item"));if(e.dragdrop){var s=[];return 0===r&&s.push(x(t,r)),s.push(f.createElement("li",P({key:i},a),n,f.createElement(p.Ripple,null))),s.push(x(r,i+"_droppoint")),s}var m=o.mergeProps({role:"option",tabIndex:e.tabIndex,className:o.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 f.createElement("li",P({key:i},m),n)})):null,n=o.mergeProps({ref:v,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),f.createElement("ul",n,r)),N=o.mergeProps({className:l("container")},a("container"));return f.createElement("div",N,S,j,C)}));L.displayName="OrderListSubList";var A=f.memo(f.forwardRef((function(e,i){var l=f.useContext(t.PrimeReactContext),a=S.getProps(e,l),c=x(f.useState([]),2),u=c[0],s=c[1],p=x(f.useState(""),2),d=p[0],m=p[1],g=x(f.useState(null),2),y=g[0],b=g[1],h=o.ObjectUtils.isNotEmpty(d),I=f.useRef(null),O=f.useRef(null),D=f.useRef(null),w={props:a,state:{selection:u,filterValue:d,attributeSelector:y}},P=S.setMetaData(w),C=P.ptm,N=P.cx,T=P.isUnstyled;r.useHandleStyle(S.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=o.ObjectUtils.findIndexInList(e.value,u,a.dataKey);t=-1!==n?r?u.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(E(u),[e.value]):[e.value],s(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function e(t){var r=t.previousElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},K=function(){var e=o.DomHandler.findSingle(I.current,".p-orderlist-list"),t=o.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":o.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":o.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},R=function(){if(!O.current){O.current=o.DomHandler.createInlineStyle(l&&l.nonce||v.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");O.current.innerHTML=e}};f.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return I.current}}})),n.useMountEffect((function(){!y&&b(o.UniqueComponentId())})),n.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),R()),function(){O.current=o.DomHandler.removeInlineStyle(O.current)}}),[y,a.breakpoint]),n.useUpdateEffect((function(){D.current&&(K(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),r=a.filterBy?a.filterBy.split(","):[];return t.FilterService.filter(a.value,r,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=o.mergeProps({ref:I,id:a.id,className:o.classNames(a.className,N("root")),style:a.style},S.getOtherProps(a),C("root"));return f.createElement("div",H,f.createElement(j,{hostName:"OrderList",value:B,selection:u,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}),f.createElement(L,{hostName:"OrderList",value:B,selection:u,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=A(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}))})));A.displayName="OrderList",exports.OrderList=A;
|
|
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"),o=require("primereact/utils"),i=require("primereact/button"),l=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),u=require("primereact/icons/angleup"),s=require("primereact/icons/search"),p=require("primereact/ripple");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(e),v=d(t);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 b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(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 I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return y(e)||b(e)||h(e)||I()}function O(e){if(Array.isArray(e))return e}function D(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,u=!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){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return O(e)||D(e,t)||h(e,t)||w()}var S=r.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 o.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"}}),j=f.memo((function(e){var r=e.moveUpIcon||f.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||f.createElement(a.AngleDoubleUpIcon,null),s=e.moveDownIcon||f.createElement(c.AngleDownIcon,null),p=e.moveBottomIcon||f.createElement(l.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,v=o.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=o.mergeProps({type:"button",unstyled:m,icon:r,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r[i-1];r[i-1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=o.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r.splice(i,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=o.mergeProps({type:"button",unstyled:m,icon:s,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r[i+1];r[i+1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=o.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r.splice(i,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return f.createElement("div",v,f.createElement(i.Button,g),f.createElement(i.Button,y),f.createElement(i.Button,b),f.createElement(i.Button,h))}));function P(){return P=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},P.apply(this,arguments)}function C(e){return C="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},C(e)}function N(e,t){if("object"!==C(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=N(e,"string");return"symbol"===C(t)?t:String(t)}function k(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 U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=T(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)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}j.displayName="OrderListControls";var L=f.memo((function(e){var t,r,n,i=e.ptm,l=e.cx,a=function(t,r){return i(t,U({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},u=f.useRef(null),d=f.useRef(null),m=f.useRef(null),v=f.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){d.current!==r&&d.current+1!==r&&(m.current=r,!e.isUnstyled()&&o.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()&&o.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=d.current>m.current?m.current:0===m.current?0:m.current-1,n=E(e.value);o.ObjectUtils.reorderArray(n,d.current,r),m.current=null,!e.isUnstyled()&&o.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})},O=function(e){u.current=!1},D=function(e){if(u.current){var t=v.current.getBoundingClientRect().top+o.DomHandler.getWindowScrollTop(),r=t+v.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?v.current.scrollTop+=15:n<25&&n>0&&(v.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},x=function(e,t){var r=o.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return f.createElement("li",P({key:t},r))},S=(t=o.mergeProps({className:l("header")},a("header")),e.header?f.createElement("div",t,e.header):null),j=function(){var t=o.mergeProps({className:l("icon")},a("icon")),r=o.IconUtils.getJSXIcon(e.filterIcon||f.createElement(s.SearchIcon,t),U({},t),{props:e});if(e.filter){var n=o.mergeProps({className:l("filter")},a("filter")),i=o.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=o.mergeProps({className:l("filterIcon")},a("filterIcon")),u=f.createElement("div",n,f.createElement("input",i),f.createElement("span",c,r));if(e.filterTemplate)u=o.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:u,props:e});var p=o.mergeProps({className:l("filterContainer")},a("filterContainer"));return f.createElement("div",p,u)}return null}(),C=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,i=JSON.stringify(t);if(e.dragdrop){var a=o.mergeProps({className:o.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"),u.current=!0,void(d.current=t);var t},onDragEnd:O,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item")),s=[];return 0===r&&s.push(x(t,r)),s.push(f.createElement("li",P({key:i},a),n)),s.push(x(r,i+"_droppoint")),s}var m=o.mergeProps({role:"option",tabIndex:e.tabIndex,className:o.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 f.createElement("li",P({key:i},m),n,f.createElement(p.Ripple,null))})):null,n=o.mergeProps({ref:v,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),f.createElement("ul",n,r)),N=o.mergeProps({className:l("container")},a("container"));return f.createElement("div",N,S,j,C)}));L.displayName="OrderListSubList";var A=f.memo(f.forwardRef((function(e,i){var l=f.useContext(t.PrimeReactContext),a=S.getProps(e,l),c=x(f.useState([]),2),u=c[0],s=c[1],p=x(f.useState(""),2),d=p[0],m=p[1],g=x(f.useState(null),2),y=g[0],b=g[1],h=o.ObjectUtils.isNotEmpty(d),I=f.useRef(null),O=f.useRef(null),D=f.useRef(null),w={props:a,state:{selection:u,filterValue:d,attributeSelector:y}},P=S.setMetaData(w),C=P.ptm,N=P.cx,T=P.isUnstyled;r.useHandleStyle(S.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=o.ObjectUtils.findIndexInList(e.value,u,a.dataKey);t=-1!==n?r?u.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(E(u),[e.value]):[e.value],s(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function e(t){var r=t.previousElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},K=function(){var e=o.DomHandler.findSingle(I.current,".p-orderlist-list"),t=o.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":o.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":o.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},R=function(){if(!O.current){O.current=o.DomHandler.createInlineStyle(l&&l.nonce||v.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");O.current.innerHTML=e}};f.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return I.current}}})),n.useMountEffect((function(){!y&&b(o.UniqueComponentId())})),n.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),R()),function(){O.current=o.DomHandler.removeInlineStyle(O.current)}}),[y,a.breakpoint]),n.useUpdateEffect((function(){D.current&&(K(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),r=a.filterBy?a.filterBy.split(","):[];return t.FilterService.filter(a.value,r,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=o.mergeProps({ref:I,id:a.id,className:o.classNames(a.className,N("root")),style:a.style},S.getOtherProps(a),C("root"));return f.createElement("div",H,f.createElement(j,{hostName:"OrderList",value:B,selection:u,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}),f.createElement(L,{hostName:"OrderList",value:B,selection:u,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=A(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}))})));A.displayName="OrderList",exports.OrderList=A;
|
|
@@ -377,11 +377,9 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
|
|
|
377
377
|
return ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
|
|
378
378
|
};
|
|
379
379
|
var _onDragStart = function onDragStart(event, index) {
|
|
380
|
+
event.dataTransfer.setData('text', 'orderlist');
|
|
380
381
|
dragging.current = true;
|
|
381
382
|
draggedItemIndex.current = index;
|
|
382
|
-
if (props.dragdropScope) {
|
|
383
|
-
event.dataTransfer.setData('text', 'orderlist');
|
|
384
|
-
}
|
|
385
383
|
};
|
|
386
384
|
var _onDragOver = function onDragOver(event, index) {
|
|
387
385
|
if (draggedItemIndex.current !== index && draggedItemIndex.current + 1 !== index) {
|
|
@@ -451,43 +449,43 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
|
|
|
451
449
|
return props.value.map(function (item, i) {
|
|
452
450
|
var content = props.itemTemplate ? props.itemTemplate(item) : item;
|
|
453
451
|
var key = JSON.stringify(item);
|
|
454
|
-
var itemProps = mergeProps({
|
|
455
|
-
className: classNames(props.className, cx('item', {
|
|
456
|
-
item: item,
|
|
457
|
-
isSelected: isSelected
|
|
458
|
-
})),
|
|
459
|
-
onClick: function onClick(e) {
|
|
460
|
-
return props.onItemClick({
|
|
461
|
-
originalEvent: e,
|
|
462
|
-
value: item,
|
|
463
|
-
index: i
|
|
464
|
-
});
|
|
465
|
-
},
|
|
466
|
-
onKeyDown: function onKeyDown(e) {
|
|
467
|
-
return props.onItemKeyDown({
|
|
468
|
-
originalEvent: e,
|
|
469
|
-
value: item,
|
|
470
|
-
index: i
|
|
471
|
-
});
|
|
472
|
-
},
|
|
473
|
-
role: 'option',
|
|
474
|
-
'aria-selected': isSelected(item),
|
|
475
|
-
draggable: 'true',
|
|
476
|
-
onDragStart: function onDragStart(e) {
|
|
477
|
-
return _onDragStart(e, i);
|
|
478
|
-
},
|
|
479
|
-
onDragEnd: onDragEnd,
|
|
480
|
-
tabIndex: props.tabIndex,
|
|
481
|
-
'data-p-highlight': isSelected(item)
|
|
482
|
-
}, getPTOptions(item, 'item'));
|
|
483
452
|
if (props.dragdrop) {
|
|
453
|
+
var itemProps = mergeProps({
|
|
454
|
+
className: classNames(props.className, cx('item', {
|
|
455
|
+
item: item,
|
|
456
|
+
isSelected: isSelected
|
|
457
|
+
})),
|
|
458
|
+
onClick: function onClick(e) {
|
|
459
|
+
return props.onItemClick({
|
|
460
|
+
originalEvent: e,
|
|
461
|
+
value: item,
|
|
462
|
+
index: i
|
|
463
|
+
});
|
|
464
|
+
},
|
|
465
|
+
onKeyDown: function onKeyDown(e) {
|
|
466
|
+
return props.onItemKeyDown({
|
|
467
|
+
originalEvent: e,
|
|
468
|
+
value: item,
|
|
469
|
+
index: i
|
|
470
|
+
});
|
|
471
|
+
},
|
|
472
|
+
role: 'option',
|
|
473
|
+
'aria-selected': isSelected(item),
|
|
474
|
+
draggable: 'true',
|
|
475
|
+
onDragStart: function onDragStart(e) {
|
|
476
|
+
return _onDragStart(e, i);
|
|
477
|
+
},
|
|
478
|
+
onDragEnd: onDragEnd,
|
|
479
|
+
tabIndex: props.tabIndex,
|
|
480
|
+
'data-p-highlight': isSelected(item)
|
|
481
|
+
}, getPTOptions(item, 'item'));
|
|
484
482
|
var items = [];
|
|
485
483
|
if (i === 0) {
|
|
486
484
|
items.push(createDropPoint(item, i));
|
|
487
485
|
}
|
|
488
486
|
items.push( /*#__PURE__*/React.createElement("li", _extends({
|
|
489
487
|
key: key
|
|
490
|
-
}, itemProps), content
|
|
488
|
+
}, itemProps), content));
|
|
491
489
|
items.push(createDropPoint(i, key + '_droppoint'));
|
|
492
490
|
return items;
|
|
493
491
|
} else {
|
|
@@ -517,7 +515,7 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
|
|
|
517
515
|
}, getPTOptions(item, 'item'));
|
|
518
516
|
return /*#__PURE__*/React.createElement("li", _extends({
|
|
519
517
|
key: key
|
|
520
|
-
}, _itemProps), content);
|
|
518
|
+
}, _itemProps), content, /*#__PURE__*/React.createElement(Ripple, null));
|
|
521
519
|
}
|
|
522
520
|
});
|
|
523
521
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{ariaLabel as n,PrimeReactContext as r,FilterService as o}from"primereact/api";import{ComponentBase as i,useHandleStyle as l}from"primereact/componentbase";import{useMountEffect as a,useUpdateEffect as c}from"primereact/hooks";import{classNames as u,mergeProps as s,ObjectUtils as p,IconUtils as d,DomHandler as m,UniqueComponentId as f}from"primereact/utils";import{Button as v}from"primereact/button";import{AngleDoubleDownIcon as g}from"primereact/icons/angledoubledown";import{AngleDoubleUpIcon as y}from"primereact/icons/angledoubleup";import{AngleDownIcon as h}from"primereact/icons/angledown";import{AngleUpIcon as b}from"primereact/icons/angleup";import{SearchIcon as I}from"primereact/icons/search";import{Ripple as E}from"primereact/ripple";function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){if(Array.isArray(e))return w(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e){return x(e)||S(e)||O(e)||D()}function N(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function k(){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 N(e)||T(e,t)||O(e,t)||k()}var K=i.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 u("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"}}),L=e.memo((function(t){var r=t.moveUpIcon||e.createElement(b,null),o=t.moveTopIcon||e.createElement(y,null),i=t.moveDownIcon||e.createElement(h,null),l=t.moveBottomIcon||e.createElement(g,null),a=t.ptm,c=t.unstyled,u=s({className:(0,t.cx)("controls")},a("controls",{hostName:t.hostName})),d=s({type:"button",unstyled:c,icon:r,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"up"})}},"aria-label":n("moveUp"),__parentMetadata:{parent:t.metaData}},a("moveUpButton")),m=s({type:"button",unstyled:c,icon:o,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"top"})}},"aria-label":n("moveTop"),__parentMetadata:{parent:t.metaData}},a("moveTopButton")),f=s({type:"button",unstyled:c,icon:i,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"down"})}},"aria-label":n("moveDown"),__parentMetadata:{parent:t.metaData}},a("moveDownButton")),I=s({type:"button",unstyled:c,icon:l,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"bottom"})}},"aria-label":n("moveBottom"),__parentMetadata:{parent:t.metaData}},a("moveBottomButton"));return e.createElement("div",u,e.createElement(v,d),e.createElement(v,m),e.createElement(v,f),e.createElement(v,I))}));function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function R(e){return R="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},R(e)}function A(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=A(e,"string");return"symbol"===R(t)?t:String(t)}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=B(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="OrderListControls";var M=e.memo((function(t){var n,r,o,i=t.ptm,l=t.cx,a=function(e,n){return i(e,U({hostName:t.hostName},n))},c=function(e,t){return a(t,{context:{selected:b(e)}})},f=e.useRef(null),v=e.useRef(null),g=e.useRef(null),y=e.useRef(null),h={filter:function(e){return t.onFilterInputChange(e)},reset:function(){return t.resetFilter()}},b=function(e){return-1!==p.findIndexInList(e,t.selection,t.dataKey)},w=function(e,n){v.current!==n&&v.current+1!==n&&(g.current=n,!t.isUnstyled()&&m.addClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),e.preventDefault())},x=function(e){g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},S=function(e){var n=v.current>g.current?g.current:0===g.current?0:g.current-1,r=C(t.value);p.reorderArray(r,v.current,n),g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),t.onChange&&t.onChange({originalEvent:e,value:r})},O=function(e){f.current=!1},D=function(e){if(f.current){var t=y.current.getBoundingClientRect().top+m.getWindowScrollTop(),n=t+y.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?y.current.scrollTop+=15:r<25&&r>0&&(y.current.scrollTop-=15)}},N=function(e){13===e.which&&e.preventDefault()},T=function(t,n){var r=s({className:l("droppoint"),onDragOver:function(e){return w(e,t+1)},onDragLeave:x,onDrop:S},a("droppoint"));return e.createElement("li",P({key:n},r))},k=(n=s({className:l("header")},a("header")),t.header?e.createElement("div",n,t.header):null),j=function(){var n=s({className:l("icon")},a("icon")),r=d.getJSXIcon(t.filterIcon||e.createElement(I,n),U({},n),{props:t});if(t.filter){var o=s({className:l("filter")},a("filter")),i=s({type:"text",value:t.filterValue,onChange:t.onFilter,onKeyDown:N,placeholder:t.placeholder,className:l("filterInput")},a("filterInput")),c=s({className:l("filterIcon")},a("filterIcon")),u=e.createElement("div",o,e.createElement("input",i),e.createElement("span",c,r));if(t.filterTemplate)u=p.getJSXElement(t.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:t.onFilter,onKeyDown:N},filterOptions:h,iconClassName:"p-orderlist-filter-icon",element:u,props:t});var m=s({className:l("filterContainer")},a("filterContainer"));return e.createElement("div",m,u)}return null}(),K=(r=t.value?t.value.map((function(n,r){var o=t.itemTemplate?t.itemTemplate(n):n,i=JSON.stringify(n),a=s({className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":b(n),draggable:"true",onDragStart:function(e){return n=e,o=r,f.current=!0,v.current=o,void(t.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,o},onDragEnd:O,tabIndex:t.tabIndex,"data-p-highlight":b(n)},c(n,"item"));if(t.dragdrop){var p=[];return 0===r&&p.push(T(n,r)),p.push(e.createElement("li",P({key:i},a),o,e.createElement(E,null))),p.push(T(r,i+"_droppoint")),p}var d=s({role:"option",tabIndex:t.tabIndex,className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},"aria-selected":b(n),"data-p-highlight":b(n)},c(n,"item"));return e.createElement("li",P({key:i},d),o)})):null,o=s({ref:y,className:l("list"),style:t.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),e.createElement("ul",o,r)),L=s({className:l("container")},a("container"));return e.createElement("div",L,k,j,K)}));M.displayName="OrderListSubList";var _=e.memo(e.forwardRef((function(n,i){var d=e.useContext(r),v=K.getProps(n,d),g=j(e.useState([]),2),y=g[0],h=g[1],b=j(e.useState(""),2),I=b[0],E=b[1],w=j(e.useState(null),2),x=w[0],S=w[1],O=p.isNotEmpty(I),D=e.useRef(null),N=e.useRef(null),T=e.useRef(null),k={props:v,state:{selection:y,filterValue:I,attributeSelector:x}},P=K.setMetaData(k),R=P.ptm,A=P.cx,B=P.isUnstyled;l(K.css.styles,B,{name:"orderlist"});var F=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=p.findIndexInList(e.value,y,v.dataKey);t=-1!==r?n?y.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(C(y),[e.value]):[e.value],h(t)},U=function e(t){var n=t.nextElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},_=function e(t){var n=t.previousElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},H=function(){var e=m.findSingle(D.current,".p-orderlist-list"),t=m.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(T.current){case"up":m.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":m.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},V=function(){if(!N.current){N.current=m.createInlineStyle(d&&d.nonce||t.nonce);var e="\n@media screen and (max-width: ".concat(v.breakpoint,") {\n .p-orderlist[").concat(x,"] {\n flex-direction: column;\n }\n\n .p-orderlist[").concat(x,"] .p-orderlist-controls {\n padding: var(--content-padding);\n flex-direction: row;\n }\n\n .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button {\n margin-right: var(--inline-spacing);\n margin-bottom: 0;\n }\n\n .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button:last-child {\n margin-right: 0;\n }\n}\n");N.current.innerHTML=e}};e.useImperativeHandle(i,(function(){return{props:v,getElement:function(){return D.current}}})),a((function(){!x&&S(f())})),c((function(){return x&&(D.current.setAttribute(x,""),V()),function(){N.current=m.removeInlineStyle(N.current)}}),[x,v.breakpoint]),c((function(){T.current&&(H(),T.current=null)}));var J=function(){if(O){var e=I.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[];return o.filter(v.value,t,e,v.filterMatchMode,v.filterLocale)}return v.value}(),Y=s({ref:D,id:v.id,className:u(v.className,A("root")),style:v.style},K.getOtherProps(v),R("root"));return e.createElement("div",Y,e.createElement(L,{hostName:"OrderList",value:J,selection:y,onReorder:function(e){v.onChange&&v.onChange({event:e.originalEvent,value:e.value}),T.current=e.direction},dataKey:v.dataKey,moveUpIcon:v.moveUpIcon,moveTopIcon:v.moveTopIcon,moveDownIcon:v.moveDownIcon,moveBottomIcon:v.moveBottomIcon,ptm:R,cx:A,unstyled:v.unstyled,metaData:k}),e.createElement(M,{hostName:"OrderList",value:J,selection:y,onItemClick:F,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=U(n);r&&r.focus(),t.preventDefault();break;case 38:var o=_(n);o&&o.focus(),t.preventDefault();break;case 13:F(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,filter:t})},itemTemplate:v.itemTemplate,filter:v.filter,onFilter:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,value:t})},resetFilter:function(){E(""),v.onFilter&&v.onFilter({filter:""})},filterTemplate:v.filterTemplate,header:v.header,listStyle:v.listStyle,dataKey:v.dataKey,dragdrop:v.dragdrop,onChange:v.onChange,tabIndex:v.tabIndex,filterIcon:v.filterIcon,isUnstyled:B,ptm:R,cx:A}))})));_.displayName="OrderList";export{_ as OrderList};
|
|
1
|
+
import*as e from"react";import t,{ariaLabel as n,PrimeReactContext as r,FilterService as o}from"primereact/api";import{ComponentBase as i,useHandleStyle as l}from"primereact/componentbase";import{useMountEffect as a,useUpdateEffect as c}from"primereact/hooks";import{classNames as u,mergeProps as s,ObjectUtils as p,IconUtils as d,DomHandler as m,UniqueComponentId as f}from"primereact/utils";import{Button as v}from"primereact/button";import{AngleDoubleDownIcon as g}from"primereact/icons/angledoubledown";import{AngleDoubleUpIcon as y}from"primereact/icons/angledoubleup";import{AngleDownIcon as h}from"primereact/icons/angledown";import{AngleUpIcon as b}from"primereact/icons/angleup";import{SearchIcon as I}from"primereact/icons/search";import{Ripple as E}from"primereact/ripple";function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){if(Array.isArray(e))return w(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e){return x(e)||S(e)||O(e)||D()}function N(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function k(){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 N(e)||T(e,t)||O(e,t)||k()}var K=i.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 u("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"}}),L=e.memo((function(t){var r=t.moveUpIcon||e.createElement(b,null),o=t.moveTopIcon||e.createElement(y,null),i=t.moveDownIcon||e.createElement(h,null),l=t.moveBottomIcon||e.createElement(g,null),a=t.ptm,c=t.unstyled,u=s({className:(0,t.cx)("controls")},a("controls",{hostName:t.hostName})),d=s({type:"button",unstyled:c,icon:r,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"up"})}},"aria-label":n("moveUp"),__parentMetadata:{parent:t.metaData}},a("moveUpButton")),m=s({type:"button",unstyled:c,icon:o,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"top"})}},"aria-label":n("moveTop"),__parentMetadata:{parent:t.metaData}},a("moveTopButton")),f=s({type:"button",unstyled:c,icon:i,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"down"})}},"aria-label":n("moveDown"),__parentMetadata:{parent:t.metaData}},a("moveDownButton")),I=s({type:"button",unstyled:c,icon:l,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"bottom"})}},"aria-label":n("moveBottom"),__parentMetadata:{parent:t.metaData}},a("moveBottomButton"));return e.createElement("div",u,e.createElement(v,d),e.createElement(v,m),e.createElement(v,f),e.createElement(v,I))}));function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function R(e){return R="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},R(e)}function A(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=A(e,"string");return"symbol"===R(t)?t:String(t)}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=B(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="OrderListControls";var M=e.memo((function(t){var n,r,o,i=t.ptm,l=t.cx,a=function(e,n){return i(e,U({hostName:t.hostName},n))},c=function(e,t){return a(t,{context:{selected:b(e)}})},f=e.useRef(null),v=e.useRef(null),g=e.useRef(null),y=e.useRef(null),h={filter:function(e){return t.onFilterInputChange(e)},reset:function(){return t.resetFilter()}},b=function(e){return-1!==p.findIndexInList(e,t.selection,t.dataKey)},w=function(e,n){v.current!==n&&v.current+1!==n&&(g.current=n,!t.isUnstyled()&&m.addClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),e.preventDefault())},x=function(e){g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},S=function(e){var n=v.current>g.current?g.current:0===g.current?0:g.current-1,r=C(t.value);p.reorderArray(r,v.current,n),g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),t.onChange&&t.onChange({originalEvent:e,value:r})},O=function(e){f.current=!1},D=function(e){if(f.current){var t=y.current.getBoundingClientRect().top+m.getWindowScrollTop(),n=t+y.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?y.current.scrollTop+=15:r<25&&r>0&&(y.current.scrollTop-=15)}},N=function(e){13===e.which&&e.preventDefault()},T=function(t,n){var r=s({className:l("droppoint"),onDragOver:function(e){return w(e,t+1)},onDragLeave:x,onDrop:S},a("droppoint"));return e.createElement("li",P({key:n},r))},k=(n=s({className:l("header")},a("header")),t.header?e.createElement("div",n,t.header):null),j=function(){var n=s({className:l("icon")},a("icon")),r=d.getJSXIcon(t.filterIcon||e.createElement(I,n),U({},n),{props:t});if(t.filter){var o=s({className:l("filter")},a("filter")),i=s({type:"text",value:t.filterValue,onChange:t.onFilter,onKeyDown:N,placeholder:t.placeholder,className:l("filterInput")},a("filterInput")),c=s({className:l("filterIcon")},a("filterIcon")),u=e.createElement("div",o,e.createElement("input",i),e.createElement("span",c,r));if(t.filterTemplate)u=p.getJSXElement(t.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:t.onFilter,onKeyDown:N},filterOptions:h,iconClassName:"p-orderlist-filter-icon",element:u,props:t});var m=s({className:l("filterContainer")},a("filterContainer"));return e.createElement("div",m,u)}return null}(),K=(r=t.value?t.value.map((function(n,r){var o=t.itemTemplate?t.itemTemplate(n):n,i=JSON.stringify(n);if(t.dragdrop){var a=s({className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":b(n),draggable:"true",onDragStart:function(e){return t=r,e.dataTransfer.setData("text","orderlist"),f.current=!0,void(v.current=t);var t},onDragEnd:O,tabIndex:t.tabIndex,"data-p-highlight":b(n)},c(n,"item")),p=[];return 0===r&&p.push(T(n,r)),p.push(e.createElement("li",P({key:i},a),o)),p.push(T(r,i+"_droppoint")),p}var d=s({role:"option",tabIndex:t.tabIndex,className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},"aria-selected":b(n),"data-p-highlight":b(n)},c(n,"item"));return e.createElement("li",P({key:i},d),o,e.createElement(E,null))})):null,o=s({ref:y,className:l("list"),style:t.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),e.createElement("ul",o,r)),L=s({className:l("container")},a("container"));return e.createElement("div",L,k,j,K)}));M.displayName="OrderListSubList";var _=e.memo(e.forwardRef((function(n,i){var d=e.useContext(r),v=K.getProps(n,d),g=j(e.useState([]),2),y=g[0],h=g[1],b=j(e.useState(""),2),I=b[0],E=b[1],w=j(e.useState(null),2),x=w[0],S=w[1],O=p.isNotEmpty(I),D=e.useRef(null),N=e.useRef(null),T=e.useRef(null),k={props:v,state:{selection:y,filterValue:I,attributeSelector:x}},P=K.setMetaData(k),R=P.ptm,A=P.cx,B=P.isUnstyled;l(K.css.styles,B,{name:"orderlist"});var F=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=p.findIndexInList(e.value,y,v.dataKey);t=-1!==r?n?y.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(C(y),[e.value]):[e.value],h(t)},U=function e(t){var n=t.nextElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},_=function e(t){var n=t.previousElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},H=function(){var e=m.findSingle(D.current,".p-orderlist-list"),t=m.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(T.current){case"up":m.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":m.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},V=function(){if(!N.current){N.current=m.createInlineStyle(d&&d.nonce||t.nonce);var e="\n@media screen and (max-width: ".concat(v.breakpoint,") {\n .p-orderlist[").concat(x,"] {\n flex-direction: column;\n }\n\n .p-orderlist[").concat(x,"] .p-orderlist-controls {\n padding: var(--content-padding);\n flex-direction: row;\n }\n\n .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button {\n margin-right: var(--inline-spacing);\n margin-bottom: 0;\n }\n\n .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button:last-child {\n margin-right: 0;\n }\n}\n");N.current.innerHTML=e}};e.useImperativeHandle(i,(function(){return{props:v,getElement:function(){return D.current}}})),a((function(){!x&&S(f())})),c((function(){return x&&(D.current.setAttribute(x,""),V()),function(){N.current=m.removeInlineStyle(N.current)}}),[x,v.breakpoint]),c((function(){T.current&&(H(),T.current=null)}));var J=function(){if(O){var e=I.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[];return o.filter(v.value,t,e,v.filterMatchMode,v.filterLocale)}return v.value}(),Y=s({ref:D,id:v.id,className:u(v.className,A("root")),style:v.style},K.getOtherProps(v),R("root"));return e.createElement("div",Y,e.createElement(L,{hostName:"OrderList",value:J,selection:y,onReorder:function(e){v.onChange&&v.onChange({event:e.originalEvent,value:e.value}),T.current=e.direction},dataKey:v.dataKey,moveUpIcon:v.moveUpIcon,moveTopIcon:v.moveTopIcon,moveDownIcon:v.moveDownIcon,moveBottomIcon:v.moveBottomIcon,ptm:R,cx:A,unstyled:v.unstyled,metaData:k}),e.createElement(M,{hostName:"OrderList",value:J,selection:y,onItemClick:F,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=U(n);r&&r.focus(),t.preventDefault();break;case 38:var o=_(n);o&&o.focus(),t.preventDefault();break;case 13:F(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,filter:t})},itemTemplate:v.itemTemplate,filter:v.filter,onFilter:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,value:t})},resetFilter:function(){E(""),v.onFilter&&v.onFilter({filter:""})},filterTemplate:v.filterTemplate,header:v.header,listStyle:v.listStyle,dataKey:v.dataKey,dragdrop:v.dragdrop,onChange:v.onChange,tabIndex:v.tabIndex,filterIcon:v.filterIcon,isUnstyled:B,ptm:R,cx:A}))})));_.displayName="OrderList";export{_ as OrderList};
|
package/orderlist/orderlist.js
CHANGED
|
@@ -390,11 +390,9 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
|
|
|
390
390
|
return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
|
|
391
391
|
};
|
|
392
392
|
var _onDragStart = function onDragStart(event, index) {
|
|
393
|
+
event.dataTransfer.setData('text', 'orderlist');
|
|
393
394
|
dragging.current = true;
|
|
394
395
|
draggedItemIndex.current = index;
|
|
395
|
-
if (props.dragdropScope) {
|
|
396
|
-
event.dataTransfer.setData('text', 'orderlist');
|
|
397
|
-
}
|
|
398
396
|
};
|
|
399
397
|
var _onDragOver = function onDragOver(event, index) {
|
|
400
398
|
if (draggedItemIndex.current !== index && draggedItemIndex.current + 1 !== index) {
|
|
@@ -464,43 +462,43 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
|
|
|
464
462
|
return props.value.map(function (item, i) {
|
|
465
463
|
var content = props.itemTemplate ? props.itemTemplate(item) : item;
|
|
466
464
|
var key = JSON.stringify(item);
|
|
467
|
-
var itemProps = utils.mergeProps({
|
|
468
|
-
className: utils.classNames(props.className, cx('item', {
|
|
469
|
-
item: item,
|
|
470
|
-
isSelected: isSelected
|
|
471
|
-
})),
|
|
472
|
-
onClick: function onClick(e) {
|
|
473
|
-
return props.onItemClick({
|
|
474
|
-
originalEvent: e,
|
|
475
|
-
value: item,
|
|
476
|
-
index: i
|
|
477
|
-
});
|
|
478
|
-
},
|
|
479
|
-
onKeyDown: function onKeyDown(e) {
|
|
480
|
-
return props.onItemKeyDown({
|
|
481
|
-
originalEvent: e,
|
|
482
|
-
value: item,
|
|
483
|
-
index: i
|
|
484
|
-
});
|
|
485
|
-
},
|
|
486
|
-
role: 'option',
|
|
487
|
-
'aria-selected': isSelected(item),
|
|
488
|
-
draggable: 'true',
|
|
489
|
-
onDragStart: function onDragStart(e) {
|
|
490
|
-
return _onDragStart(e, i);
|
|
491
|
-
},
|
|
492
|
-
onDragEnd: onDragEnd,
|
|
493
|
-
tabIndex: props.tabIndex,
|
|
494
|
-
'data-p-highlight': isSelected(item)
|
|
495
|
-
}, getPTOptions(item, 'item'));
|
|
496
465
|
if (props.dragdrop) {
|
|
466
|
+
var itemProps = utils.mergeProps({
|
|
467
|
+
className: utils.classNames(props.className, cx('item', {
|
|
468
|
+
item: item,
|
|
469
|
+
isSelected: isSelected
|
|
470
|
+
})),
|
|
471
|
+
onClick: function onClick(e) {
|
|
472
|
+
return props.onItemClick({
|
|
473
|
+
originalEvent: e,
|
|
474
|
+
value: item,
|
|
475
|
+
index: i
|
|
476
|
+
});
|
|
477
|
+
},
|
|
478
|
+
onKeyDown: function onKeyDown(e) {
|
|
479
|
+
return props.onItemKeyDown({
|
|
480
|
+
originalEvent: e,
|
|
481
|
+
value: item,
|
|
482
|
+
index: i
|
|
483
|
+
});
|
|
484
|
+
},
|
|
485
|
+
role: 'option',
|
|
486
|
+
'aria-selected': isSelected(item),
|
|
487
|
+
draggable: 'true',
|
|
488
|
+
onDragStart: function onDragStart(e) {
|
|
489
|
+
return _onDragStart(e, i);
|
|
490
|
+
},
|
|
491
|
+
onDragEnd: onDragEnd,
|
|
492
|
+
tabIndex: props.tabIndex,
|
|
493
|
+
'data-p-highlight': isSelected(item)
|
|
494
|
+
}, getPTOptions(item, 'item'));
|
|
497
495
|
var items = [];
|
|
498
496
|
if (i === 0) {
|
|
499
497
|
items.push(createDropPoint(item, i));
|
|
500
498
|
}
|
|
501
499
|
items.push( /*#__PURE__*/React__namespace.createElement("li", _extends({
|
|
502
500
|
key: key
|
|
503
|
-
}, itemProps), content
|
|
501
|
+
}, itemProps), content));
|
|
504
502
|
items.push(createDropPoint(i, key + '_droppoint'));
|
|
505
503
|
return items;
|
|
506
504
|
} else {
|
|
@@ -530,7 +528,7 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
|
|
|
530
528
|
}, getPTOptions(item, 'item'));
|
|
531
529
|
return /*#__PURE__*/React__namespace.createElement("li", _extends({
|
|
532
530
|
key: key
|
|
533
|
-
}, _itemProps), content);
|
|
531
|
+
}, _itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
534
532
|
}
|
|
535
533
|
});
|
|
536
534
|
}
|
|
@@ -1 +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);
|
|
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);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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "primereact",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "PrimeTek Informatics",
|
|
6
6
|
"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.",
|