jamespot-react-components 1.0.118 → 1.0.119

package/build/jamespot-react-components.js

@@ -1330,7 +1330,7 @@
     align-items: center;
     flex: 1 100%;
     margin-top: 16px;
-`,RD=({draggable:e,children:t})=>k.createElement(RE,{condition:e,wrapper:e=>k.createElement(fh,{backend:$g},e)},k.createElement(k.Fragment,null,t)),MD="row",ID=({index:e,onDrag:t,onDrop:n,draggable:r,children:o})=>{const i=ja(),a=k.useRef(null),s=k.useRef(null);let l=!1;if(r){const[,r]=ig({accept:MD,drop(){n()},hover(n,r){if(!a.current)return;const o=n.index,i=e;if(o===i)return;const s=a.current.getBoundingClientRect(),l=(s.bottom-s.top)/2,u=(r.getClientOffset()||{y:1e3}).y-s.top;o<i&&u<l||o>i&&u>l||(t(o,i),n.index=i)}}),[{isDragging:o},i,u]=Qm({type:MD,item:{type:MD,index:e},collect:e=>({isDragging:e.isDragging()})});l=o,u(r(a)),i(s)}return k.createElement(RE,{condition:r,wrapper:e=>k.createElement(SD,{ref:a,dragging:l},r&&k.createElement(DD,{ref:s},k.createElement(WE,{icon:"icon-fs-dw",tooltip:{description:i.formatMessage({id:"GLOBAL_Move"}),position:"right"}})," "),e),wrapperFalse:e=>k.createElement(SD,null,e)},k.createElement(k.Fragment,null,o))},_D=e=>{var t,n,r,o,i;const[a,s]=k.useState(1),[l,u]=k.useState([]),c=k.useMemo((()=>l.length?l:e.data),[e.data,l]),d=k.useMemo((()=>e.columns.map((e=>Object.assign(Object.assign({},e),{width:e.width||-1})))),[e.columns]),p=k.useRef([]),[f,h]=k.useState(0),m=(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.draggable)||!1,g=k.useCallback(((e,t)=>e.uri?e.uri:e.id&&e.type?`${e.type}/${e.id}`:t),[]),y=k.useMemo((()=>{var t,n;return(n=null===(t=e.config)||void 0===t?void 0:t.orders)?n.map((e=>({id:e.name,desc:"DESC"===e.sort}))):[]}),[null===(n=e.config)||void 0===n?void 0:n.orders]),v=(0,cD.useTable)({columns:d,data:c,manualSortBy:(null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.manualSortBy)||!1,initialState:{pageIndex:0},getRowId:g},cD.useSortBy,cD.usePagination),{getTableProps:b,getTableBodyProps:w,headerGroups:x,rows:C,prepareRow:E,state:{sortBy:A},setSortBy:S}=v;wD((()=>{var t;(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.manualSortBy)&&e.eventHandlers&&e.eventHandlers.onSort&&(e.eventHandlers.onSort(function(e){return e.map((e=>({name:e.id,sort:e.desc?"DESC":"ASC"})))}(A)),p.current=A)}),[A]);const O=(e,t)=>{void 0===D&&T(e),h(t);const n=c[e],r=c.slice();r.splice(e,1),r.splice(t,0,n),u(r)},[D,T]=k.useState(),R=()=>{if(void 0===D)return;const t=e.data[D],n=e.data[f],r=f-D<0?"before":"after";e.eventHandlers&&e.eventHandlers.onDrag&&e.eventHandlers.onDrag(t,n,r,l),u([]),T(void 0)};return k.useEffect((()=>{_k(y,p.current)||S(y)}),[S,y]),k.createElement(k.Fragment,null,k.createElement(CD,Object.assign({},b(),{className:e.className}),k.createElement(ED,null,x.map((e=>k.createElement(SD,Object.assign({},e.getHeaderGroupProps()),m&&k.createElement(AD,null),e.headers.map((e=>k.createElement(AD,Object.assign({},e.getHeaderProps(e.getSortByToggleProps()),{title:void 0,width:e.width}),e.render("Header"),e.canSort?e.isSorted?e.isSortedDesc?k.createElement($b,{name:"icon-sort-desc",size:12,color:"grey4"}):k.createElement($b,{name:"icon-sort-asc",size:12,color:"grey4"}):k.createElement($b,{name:"icon-sort",size:12,color:"grey2"}):""))))))),k.createElement(kD,Object.assign({},w()),k.createElement(RD,{draggable:m},C.map(((e,t)=>(E(e),k.createElement(ID,Object.assign({index:t,onDrag:O,onDrop:R,draggable:m},e.getRowProps()),e.cells.map((e=>k.createElement(OD,Object.assign({},e.getCellProps(),{width:e.column.width}),e.render("Cell"))))))))))),(null===(o=e.config)||void 0===o?void 0:o.pagination)&&("loadMore"===(null===(i=e.config.pagination)||void 0===i?void 0:i.type)?k.createElement(k.Fragment,null,!e.config.pagination.end&&k.createElement(TD,null,k.createElement(PE,{onClick:()=>{var t,n;null===(n=null===(t=e.eventHandlers)||void 0===t?void 0:t.onPage)||void 0===n||n.call(t,a+1),s(a+1)}},k.createElement(Ps,{id:"GLOBAL_Load_More"})))):k.createElement(bD,{activePage:e.config.pagination.page,nbrOfPage:Math.ceil(e.config.pagination.nbResults/e.config.pagination.perPage),clickHandler:t=>{var n,r;return null===(r=null===(n=e.eventHandlers)||void 0===n?void 0:n.onPage)||void 0===r?void 0:r.call(n,t)}})))},PD=Ru.div`
+`,RD=({draggable:e,children:t})=>k.createElement(RE,{condition:e,wrapper:e=>k.createElement(fh,{backend:$g},e)},k.createElement(k.Fragment,null,t)),MD="row",ID=({index:e,onDrag:t,onDrop:n,draggable:r,children:o})=>{const i=ja(),a=k.useRef(null),s=k.useRef(null);let l=!1;if(r){const[,r]=ig({accept:MD,hover(n,r){if(!a.current)return;const o=n.index,i=e;if(o===i)return;const s=a.current.getBoundingClientRect(),l=(s.bottom-s.top)/2,u=(r.getClientOffset()||{y:1e3}).y-s.top;o<i&&u<l||o>i&&u>l||(t(o,i),n.index=i)}}),[{isDragging:o},i,u]=Qm({type:MD,item:{type:MD,index:e},collect:e=>({isDragging:e.isDragging()}),end(){n()}});l=o,u(r(a)),i(s)}return k.createElement(RE,{condition:r,wrapper:e=>k.createElement(SD,{ref:a,dragging:l},r&&k.createElement(DD,{ref:s},k.createElement(WE,{icon:"icon-fs-dw",tooltip:{description:i.formatMessage({id:"GLOBAL_Move"}),position:"right"}})," "),e),wrapperFalse:e=>k.createElement(SD,null,e)},k.createElement(k.Fragment,null,o))},_D=e=>{var t,n,r,o,i;const[a,s]=k.useState(1),[l,u]=k.useState([]),c=k.useMemo((()=>l.length?l:e.data),[e.data,l]),d=k.useMemo((()=>e.columns.map((e=>Object.assign(Object.assign({},e),{width:e.width||-1})))),[e.columns]),p=k.useRef([]),[f,h]=k.useState(0),m=(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.draggable)||!1,g=k.useCallback(((e,t)=>e.uri?e.uri:e.id&&e.type?`${e.type}/${e.id}`:t),[]),y=k.useMemo((()=>{var t,n;return(n=null===(t=e.config)||void 0===t?void 0:t.orders)?n.map((e=>({id:e.name,desc:"DESC"===e.sort}))):[]}),[null===(n=e.config)||void 0===n?void 0:n.orders]),v=(0,cD.useTable)({columns:d,data:c,manualSortBy:(null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.manualSortBy)||!1,initialState:{pageIndex:0},getRowId:g},cD.useSortBy,cD.usePagination),{getTableProps:b,getTableBodyProps:w,headerGroups:x,rows:C,prepareRow:E,state:{sortBy:A},setSortBy:S}=v;wD((()=>{var t;(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.manualSortBy)&&e.eventHandlers&&e.eventHandlers.onSort&&(e.eventHandlers.onSort(function(e){return e.map((e=>({name:e.id,sort:e.desc?"DESC":"ASC"})))}(A)),p.current=A)}),[A]);const O=(e,t)=>{void 0===D&&T(e),h(t);const n=c[e],r=c.slice();r.splice(e,1),r.splice(t,0,n),u(r)},[D,T]=k.useState(),R=()=>{if(void 0===D)return;const t=e.data[D],n=e.data[f],r=f-D<0?"before":"after";e.eventHandlers&&e.eventHandlers.onDrag&&e.eventHandlers.onDrag(t,n,r,l),u([]),T(void 0)};return k.useEffect((()=>{_k(y,p.current)||S(y)}),[S,y]),k.createElement(k.Fragment,null,k.createElement(CD,Object.assign({},b(),{className:e.className}),k.createElement(ED,null,x.map((e=>k.createElement(SD,Object.assign({},e.getHeaderGroupProps()),m&&k.createElement(AD,null),e.headers.map((e=>k.createElement(AD,Object.assign({},e.getHeaderProps(e.getSortByToggleProps()),{title:void 0,width:e.width}),e.render("Header"),e.canSort?e.isSorted?e.isSortedDesc?k.createElement($b,{name:"icon-sort-desc",size:12,color:"grey4"}):k.createElement($b,{name:"icon-sort-asc",size:12,color:"grey4"}):k.createElement($b,{name:"icon-sort",size:12,color:"grey2"}):""))))))),k.createElement(kD,Object.assign({},w()),k.createElement(RD,{draggable:m},C.map(((e,t)=>(E(e),k.createElement(ID,Object.assign({index:t,onDrag:O,onDrop:R,draggable:m},e.getRowProps()),e.cells.map((e=>k.createElement(OD,Object.assign({},e.getCellProps(),{width:e.column.width}),e.render("Cell"))))))))))),(null===(o=e.config)||void 0===o?void 0:o.pagination)&&("loadMore"===(null===(i=e.config.pagination)||void 0===i?void 0:i.type)?k.createElement(k.Fragment,null,!e.config.pagination.end&&k.createElement(TD,null,k.createElement(PE,{onClick:()=>{var t,n;null===(n=null===(t=e.eventHandlers)||void 0===t?void 0:t.onPage)||void 0===n||n.call(t,a+1),s(a+1)}},k.createElement(Ps,{id:"GLOBAL_Load_More"})))):k.createElement(bD,{activePage:e.config.pagination.page,nbrOfPage:Math.ceil(e.config.pagination.nbResults/e.config.pagination.perPage),clickHandler:t=>{var n,r;return null===(r=null===(n=e.eventHandlers)||void 0===n?void 0:n.onPage)||void 0===r?void 0:r.call(n,t)}})))},PD=Ru.div`
     display: flex;
     flex-direction: row;
     gap: 10px;