carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.96 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../icon/icon.style.js"),n=require("./flat-table-body-draggable.style.js"),a=require("../flat-table-cell/flat-table-cell.component.js"),l=require("invariant"),o=require("../../../__internal__/utils/helpers/array-move/index.js"),i=require("../__internal__/sortable/drag-drop-provider.js");function d(e){return e&&e.__esModule?e:{default:e}}require("@atlaskit/pragmatic-drag-and-drop/element/adapter"),require("@atlaskit/pragmatic-drag-and-drop/combine");var c=d(r),u=d(l);function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){return c.default.isValidElement(e)&&"FlatTableRow"===e.type.displayName}const f=l=>{var{children:d,getOrder:f}=l,b=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(l,["children","getOrder"]);const[g,y]=r.useState(c.default.Children.toArray(d)),O=r.useRef(!0);r.useEffect((()=>{O.current?O.current=!1:y(c.default.Children.toArray(d))}),[d]);const j=g.every(s);return u.default(j,"FlatTableBodyDraggable only accepts children of type FlatTableRow."),e.jsx(n.default,(m=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}({"data-component":"flat-table-body-draggable","data-role":"flat-table-body-draggable"},b),x={children:e.jsx(i.DragDropProvider,{onDrop:({dragged:e,target:r})=>{if(r){const e=g.map((e=>e.props.id));null==f||f(e)}else y(o.default({array:g,startIndex:g.findIndex((r=>String(r.props.id)===e.id)),endIndex:e.initialIndex}))},onDropTargetChange:({dragged:e,target:r})=>{r&&y(o.default({array:g,startIndex:g.findIndex((r=>String(r.props.id)===e.id)),endIndex:g.findIndex((e=>String(e.props.id)===r.id))}))},children:g.map(((r,n)=>c.default.cloneElement(r,{id:`${r.props.id}`,draggableProps:{index:n}},[e.jsx(a.FlatTableCell,{children:e.jsx(t.default,{type:"drag"})},r.props.id),r.props.children])))})},x=null!=x?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(x)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(x)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(x,e))})),m));var m,x};exports.FlatTableBodyDraggable=f,exports.default=f;