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.
Files changed (200) hide show
  1. package/README.md +1 -4
  2. package/autocomplete/autocomplete.cjs.js +4 -2
  3. package/autocomplete/autocomplete.cjs.min.js +1 -1
  4. package/autocomplete/autocomplete.esm.js +4 -2
  5. package/autocomplete/autocomplete.esm.min.js +1 -1
  6. package/autocomplete/autocomplete.js +4 -2
  7. package/autocomplete/autocomplete.min.js +1 -1
  8. package/blockui/blockui.cjs.js +3 -6
  9. package/blockui/blockui.cjs.min.js +1 -1
  10. package/blockui/blockui.esm.js +3 -6
  11. package/blockui/blockui.esm.min.js +1 -1
  12. package/blockui/blockui.js +3 -6
  13. package/blockui/blockui.min.js +1 -1
  14. package/calendar/calendar.cjs.js +3 -5
  15. package/calendar/calendar.cjs.min.js +1 -1
  16. package/calendar/calendar.esm.js +3 -5
  17. package/calendar/calendar.esm.min.js +1 -1
  18. package/calendar/calendar.js +3 -5
  19. package/calendar/calendar.min.js +1 -1
  20. package/carousel/carousel.cjs.js +3 -1
  21. package/carousel/carousel.cjs.min.js +1 -1
  22. package/carousel/carousel.esm.js +3 -1
  23. package/carousel/carousel.esm.min.js +1 -1
  24. package/carousel/carousel.js +3 -1
  25. package/carousel/carousel.min.js +1 -1
  26. package/checkbox/checkbox.d.ts +5 -5
  27. package/componentbase/componentbase.d.ts +8 -0
  28. package/contextmenu/contextmenu.cjs.js +4 -1
  29. package/contextmenu/contextmenu.cjs.min.js +1 -1
  30. package/contextmenu/contextmenu.esm.js +4 -1
  31. package/contextmenu/contextmenu.esm.min.js +1 -1
  32. package/contextmenu/contextmenu.js +4 -1
  33. package/contextmenu/contextmenu.min.js +1 -1
  34. package/core/core.js +64 -27
  35. package/core/core.min.js +6 -6
  36. package/datatable/datatable.cjs.js +92 -41
  37. package/datatable/datatable.cjs.min.js +1 -1
  38. package/datatable/datatable.d.ts +27 -0
  39. package/datatable/datatable.esm.js +92 -41
  40. package/datatable/datatable.esm.min.js +1 -1
  41. package/datatable/datatable.js +92 -41
  42. package/datatable/datatable.min.js +1 -1
  43. package/dataview/dataview.cjs.js +24 -22
  44. package/dataview/dataview.cjs.min.js +1 -1
  45. package/dataview/dataview.esm.js +24 -22
  46. package/dataview/dataview.esm.min.js +1 -1
  47. package/dataview/dataview.js +24 -22
  48. package/dataview/dataview.min.js +1 -1
  49. package/dialog/dialog.cjs.js +2 -4
  50. package/dialog/dialog.cjs.min.js +1 -1
  51. package/dialog/dialog.esm.js +2 -4
  52. package/dialog/dialog.esm.min.js +1 -1
  53. package/dialog/dialog.js +2 -4
  54. package/dialog/dialog.min.js +1 -1
  55. package/dropdown/dropdown.cjs.js +29 -17
  56. package/dropdown/dropdown.cjs.min.js +1 -1
  57. package/dropdown/dropdown.esm.js +29 -17
  58. package/dropdown/dropdown.esm.min.js +1 -1
  59. package/dropdown/dropdown.js +29 -17
  60. package/dropdown/dropdown.min.js +1 -1
  61. package/editor/editor.cjs.js +1 -1
  62. package/editor/editor.cjs.min.js +1 -1
  63. package/editor/editor.esm.js +1 -1
  64. package/editor/editor.esm.min.js +1 -1
  65. package/editor/editor.js +1 -1
  66. package/editor/editor.min.js +1 -1
  67. package/galleria/galleria.cjs.js +3 -5
  68. package/galleria/galleria.cjs.min.js +1 -1
  69. package/galleria/galleria.esm.js +3 -5
  70. package/galleria/galleria.esm.min.js +1 -1
  71. package/galleria/galleria.js +3 -5
  72. package/galleria/galleria.min.js +1 -1
  73. package/hooks/hooks.cjs.js +2 -1
  74. package/hooks/hooks.cjs.min.js +1 -1
  75. package/hooks/hooks.d.ts +1 -1
  76. package/hooks/hooks.esm.js +2 -1
  77. package/hooks/hooks.esm.min.js +1 -1
  78. package/hooks/hooks.js +2 -1
  79. package/hooks/hooks.min.js +1 -1
  80. package/image/image.cjs.js +104 -106
  81. package/image/image.cjs.min.js +1 -1
  82. package/image/image.esm.js +104 -106
  83. package/image/image.esm.min.js +1 -1
  84. package/image/image.js +105 -107
  85. package/image/image.min.js +1 -1
  86. package/inputnumber/inputnumber.cjs.js +7 -4
  87. package/inputnumber/inputnumber.cjs.min.js +1 -1
  88. package/inputnumber/inputnumber.esm.js +7 -4
  89. package/inputnumber/inputnumber.esm.min.js +1 -1
  90. package/inputnumber/inputnumber.js +7 -4
  91. package/inputnumber/inputnumber.min.js +1 -1
  92. package/menu/menu.cjs.js +105 -1
  93. package/menu/menu.cjs.min.js +1 -1
  94. package/menu/menu.d.ts +5 -0
  95. package/menu/menu.esm.js +108 -4
  96. package/menu/menu.esm.min.js +1 -1
  97. package/menu/menu.js +105 -1
  98. package/menu/menu.min.js +1 -1
  99. package/multiselect/multiselect.cjs.js +26 -12
  100. package/multiselect/multiselect.cjs.min.js +1 -1
  101. package/multiselect/multiselect.d.ts +4 -0
  102. package/multiselect/multiselect.esm.js +26 -12
  103. package/multiselect/multiselect.esm.min.js +1 -1
  104. package/multiselect/multiselect.js +26 -12
  105. package/multiselect/multiselect.min.js +1 -1
  106. package/orderlist/orderlist.cjs.js +32 -34
  107. package/orderlist/orderlist.cjs.min.js +1 -1
  108. package/orderlist/orderlist.esm.js +32 -34
  109. package/orderlist/orderlist.esm.min.js +1 -1
  110. package/orderlist/orderlist.js +32 -34
  111. package/orderlist/orderlist.min.js +1 -1
  112. package/package.json +1 -1
  113. package/primereact.all.cjs.js +275 -171
  114. package/primereact.all.cjs.min.js +1 -1
  115. package/primereact.all.esm.js +275 -171
  116. package/primereact.all.esm.min.js +1 -1
  117. package/primereact.all.js +275 -171
  118. package/primereact.all.min.js +1 -1
  119. package/progressbar/progressbar.cjs.js +1 -1
  120. package/progressbar/progressbar.cjs.min.js +1 -1
  121. package/progressbar/progressbar.esm.js +1 -1
  122. package/progressbar/progressbar.esm.min.js +1 -1
  123. package/progressbar/progressbar.js +1 -1
  124. package/progressbar/progressbar.min.js +1 -1
  125. package/radiobutton/radiobutton.d.ts +3 -3
  126. package/resources/themes/arya-blue/theme.css +390 -518
  127. package/resources/themes/arya-green/theme.css +390 -518
  128. package/resources/themes/arya-orange/theme.css +390 -518
  129. package/resources/themes/arya-purple/theme.css +390 -518
  130. package/resources/themes/bootstrap4-dark-blue/theme.css +391 -518
  131. package/resources/themes/bootstrap4-dark-purple/theme.css +391 -518
  132. package/resources/themes/bootstrap4-light-blue/theme.css +391 -518
  133. package/resources/themes/bootstrap4-light-purple/theme.css +391 -518
  134. package/resources/themes/fluent-light/theme.css +417 -529
  135. package/resources/themes/lara-dark-blue/theme.css +395 -518
  136. package/resources/themes/lara-dark-indigo/theme.css +395 -518
  137. package/resources/themes/lara-dark-purple/theme.css +395 -518
  138. package/resources/themes/lara-dark-teal/theme.css +395 -518
  139. package/resources/themes/lara-light-blue/theme.css +564 -687
  140. package/resources/themes/lara-light-indigo/theme.css +402 -525
  141. package/resources/themes/lara-light-purple/theme.css +402 -525
  142. package/resources/themes/lara-light-teal/theme.css +402 -525
  143. package/resources/themes/luna-amber/theme.css +404 -531
  144. package/resources/themes/luna-blue/theme.css +404 -531
  145. package/resources/themes/luna-green/theme.css +404 -531
  146. package/resources/themes/luna-pink/theme.css +404 -531
  147. package/resources/themes/md-dark-deeppurple/theme.css +662 -739
  148. package/resources/themes/md-dark-indigo/theme.css +662 -739
  149. package/resources/themes/md-light-deeppurple/theme.css +567 -644
  150. package/resources/themes/md-light-indigo/theme.css +567 -644
  151. package/resources/themes/mdc-dark-deeppurple/theme.css +662 -739
  152. package/resources/themes/mdc-dark-indigo/theme.css +662 -739
  153. package/resources/themes/mdc-light-deeppurple/theme.css +567 -644
  154. package/resources/themes/mdc-light-indigo/theme.css +567 -644
  155. package/resources/themes/mira/theme.css +428 -525
  156. package/resources/themes/nano/theme.css +388 -518
  157. package/resources/themes/nova/theme.css +392 -518
  158. package/resources/themes/nova-accent/theme.css +389 -518
  159. package/resources/themes/nova-alt/theme.css +392 -518
  160. package/resources/themes/rhea/theme.css +389 -518
  161. package/resources/themes/saga-blue/theme.css +390 -518
  162. package/resources/themes/saga-green/theme.css +390 -518
  163. package/resources/themes/saga-orange/theme.css +390 -518
  164. package/resources/themes/saga-purple/theme.css +390 -518
  165. package/resources/themes/soho-dark/theme.css +421 -546
  166. package/resources/themes/soho-light/theme.css +400 -523
  167. package/resources/themes/tailwind-light/theme.css +432 -547
  168. package/resources/themes/vela-blue/theme.css +390 -518
  169. package/resources/themes/vela-green/theme.css +390 -518
  170. package/resources/themes/vela-orange/theme.css +390 -518
  171. package/resources/themes/vela-purple/theme.css +390 -518
  172. package/resources/themes/viva-dark/theme.css +414 -523
  173. package/resources/themes/viva-light/theme.css +414 -523
  174. package/scrollpanel/scrollpanel.cjs.js +33 -17
  175. package/scrollpanel/scrollpanel.cjs.min.js +1 -1
  176. package/scrollpanel/scrollpanel.esm.js +19 -3
  177. package/scrollpanel/scrollpanel.esm.min.js +1 -1
  178. package/scrollpanel/scrollpanel.js +226 -210
  179. package/scrollpanel/scrollpanel.min.js +1 -1
  180. package/selectbutton/selectbutton.cjs.js +3 -2
  181. package/selectbutton/selectbutton.cjs.min.js +1 -1
  182. package/selectbutton/selectbutton.d.ts +6 -0
  183. package/selectbutton/selectbutton.esm.js +3 -2
  184. package/selectbutton/selectbutton.esm.min.js +1 -1
  185. package/selectbutton/selectbutton.js +4 -3
  186. package/selectbutton/selectbutton.min.js +1 -1
  187. package/sidebar/sidebar.cjs.js +87 -89
  188. package/sidebar/sidebar.cjs.min.js +1 -1
  189. package/sidebar/sidebar.esm.js +87 -89
  190. package/sidebar/sidebar.esm.min.js +1 -1
  191. package/sidebar/sidebar.js +88 -90
  192. package/sidebar/sidebar.min.js +1 -1
  193. package/utils/utils.cjs.js +23 -0
  194. package/utils/utils.cjs.min.js +1 -1
  195. package/utils/utils.d.ts +3 -0
  196. package/utils/utils.esm.js +23 -0
  197. package/utils/utils.esm.min.js +1 -1
  198. package/utils/utils.js +23 -0
  199. package/utils/utils.min.js +1 -1
  200. 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, /*#__PURE__*/React.createElement(Ripple, null)));
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};
@@ -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, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
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.2",
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.",