@corva/ui 3.67.0-5 → 3.67.0-7

package/components/Casing/CasingTableV2/components/SortableComponent.d.ts

@@ -1,3 +1,33 @@
-declare const _default: import("react").MemoExoticComponent<any>;
+declare const _default: import("react").MemoExoticComponent<{
+    ({ component, isTopComponent, isLastCompnent, isSortable, sortableIndex, validate, onDelete, onSave, isMobile, viewColumnsPerRow, editColumnsPerRow, }: {
+        component: any;
+        isTopComponent: any;
+        isLastCompnent: any;
+        isSortable: any;
+        sortableIndex: any;
+        validate: any;
+        onDelete: any;
+        onSave: any;
+        isMobile: any;
+        viewColumnsPerRow: any;
+        editColumnsPerRow: any;
+    }): JSX.Element;
+    propTypes: {
+        isMobile: PropTypes.Validator<boolean>;
+        component: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+        }>>>;
+        isTopComponent: PropTypes.Validator<boolean>;
+        isLastCompnent: PropTypes.Validator<boolean>;
+        isSortable: PropTypes.Validator<boolean>;
+        sortableIndex: PropTypes.Validator<number>;
+        validate: PropTypes.Validator<(...args: any[]) => any>;
+        onDelete: PropTypes.Validator<(...args: any[]) => any>;
+        onSave: PropTypes.Validator<(...args: any[]) => any>;
+        viewColumnsPerRow: PropTypes.Validator<number>;
+        editColumnsPerRow: PropTypes.Validator<number>;
+    };
+}>;
 export default _default;
+import PropTypes from 'prop-types';
 //# sourceMappingURL=SortableComponent.d.ts.map

package/components/Casing/CasingTableV2/components/SortableComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponent.js"],"names":[],"mappings":""}
+{"version":3,"file":"SortableComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponent.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBACsB,YAAY"}

package/components/Casing/CasingTableV2/components/SortableComponent.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,memo as i}from"react";import n from"prop-types";import t from"classnames";import{sortableHandle as a,SortableElement as s}from"react-sortable-hoc";import{makeStyles as l,Tooltip as p,IconButton as d}from"@material-ui/core";import m from"@material-ui/icons/DragIndicator";import u from"./Component.js";import{jsx as c,jsxs as b}from"react/jsx-runtime";var f=l((function(o){return{sortableComponent:{position:"relative","&:hover":{"& $dragButton":{display:"block"}},zIndex:"99999999 !important",background:function(e){return e.isSortable&&o.palette.background.b5},boxShadow:function(o){return o.isSortable&&"0px 0px 6px rgba(0, 0, 0, 0.5)"}},topComponent:{marginTop:"16px"},bottomComponent:{marginBottom:"8px"},dragInidicationHidden:{"&:hover":{"& $dragButton":{display:"none"}}},dragIndicatorWrapper:{position:"absolute",left:function(o){return o.isMobile?"8px":0},top:function(o){return o.isMobile?"20px":"8px"}},dragButton:{display:function(o){return o.isMobile?"block":"none"},padding:"8px",background:function(e){return e.isMobile?"none":o.palette.background.b9},"&:hover":{background:o.palette.background.b7,"& $dragIndicatorIcon":{color:o.palette.primary.text1}}},dragIndicatorIcon:{cursor:"pointer",color:o.palette.primary.text6,fontSize:"16px"}}})),g=a((function(o){var e=o.isMobile,r=f({isMobile:e});return c("div",{className:r.dragIndicatorWrapper,children:c(p,{title:e?"":"Click & Drag to reorder",children:c(d,{className:r.dragButton,children:c(m,{className:r.dragIndicatorIcon})})})})})),C=s((function(i){var n,a=i.component,s=i.isTopComponent,l=i.isLastCompnent,p=i.isSortable,d=i.sortableIndex,m=i.validate,C=i.onDelete,v=i.onSave,x=i.isMobile,R=i.viewColumnsPerRow,I=i.editColumnsPerRow,h=f({isMobile:x,isSortable:p}),q=r(!1),M=e(q,2),w=M[0],S=M[1];return b("div",{className:t(h.sortableComponent,(n={},o(n,h.topComponent,!x&&s),o(n,h.bottomComponent,!x&&l),o(n,h.dragInidicationHidden,!p&&-1!==d),n)),children:[!w&&c(g,{isMobile:x}),c(u,{isMobile:x,viewColumnsPerRow:R,editColumnsPerRow:I,component:a,validate:m,onSave:v,onDelete:C,onChangeEditing:S,isDragComponent:-1!==d})]})}));C.propTypes={isMobile:n.bool.isRequired,component:n.shape({}).isRequired,isTopComponent:n.bool.isRequired,isLastCompnent:n.bool.isRequired,isSortable:n.bool.isRequired,sortableIndex:n.number.isRequired,validate:n.func.isRequired,onDelete:n.func.isRequired,onSave:n.func.isRequired,viewColumnsPerRow:n.number.isRequired,editColumnsPerRow:n.number.isRequired};var v=i(C);export{v as default};
+import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as r,useState as t}from"react";import n from"prop-types";import i from"classnames";import{useSortable as a}from"@dnd-kit/sortable";import{makeStyles as s,Tooltip as p,IconButton as l}from"@material-ui/core";import c from"@material-ui/icons/DragIndicator";import d from"./Component.js";import{jsxs as u,jsx as m}from"react/jsx-runtime";function b(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}var g=s((function(e){return{sortableComponent:{position:"relative","&:hover":{"& $dragButton":{display:"block"}},zIndex:"99999999 !important",background:function(o){return o.isSortable&&e.palette.background.b5},boxShadow:function(e){return e.isSortable&&"0px 0px 6px rgba(0, 0, 0, 0.5)"}},topComponent:{marginTop:"16px"},bottomComponent:{marginBottom:"8px"},dragInidicationHidden:{"&:hover":{"& $dragButton":{display:"none"}}},dragIndicatorWrapper:{position:"absolute",left:function(e){return e.isMobile?"8px":0},top:function(e){return e.isMobile?"20px":"8px"}},dragButton:{display:function(e){return e.isMobile?"block":"none"},padding:"8px",background:function(o){return o.isMobile?"none":e.palette.background.b9},"&:hover":{background:e.palette.background.b7,"& $dragIndicatorIcon":{color:e.palette.primary.text1}}},dragIndicatorIcon:{cursor:"pointer",color:e.palette.primary.text6,fontSize:"16px"}}})),v=function(e){return e?"translate3d(".concat(e.x,"px, ").concat(e.y,"px, 0)"):void 0},y=function(e){var o=e.isMobile,r=e.attributes,t=e.listeners,n=g({isMobile:o});return m("div",{className:n.dragIndicatorWrapper,children:m(p,{title:o?"":"Click & Drag to reorder",children:m(l,f(f(f({className:n.dragButton},r),t),{},{children:m(c,{className:n.dragIndicatorIcon})}))})})},x=function(r){var n,s=r.component,p=r.isTopComponent,l=r.isLastCompnent,c=r.isSortable,b=r.sortableIndex,f=r.validate,x=r.onDelete,C=r.onSave,R=r.isMobile,O=r.viewColumnsPerRow,h=r.editColumnsPerRow,w=g({isMobile:R,isSortable:c}),P=t(!1),I=e(P,2),j=I[0],q=I[1],S=a({id:s.id}),k=S.attributes,M=S.listeners,D=S.setNodeRef,B=S.transform,N=S.transition,T={transform:v(B),transition:N};return u("div",{ref:D,style:T,className:i(w.sortableComponent,(n={},o(n,w.topComponent,!R&&p),o(n,w.bottomComponent,!R&&l),o(n,w.dragInidicationHidden,!c&&-1!==b),n)),children:[!j&&m(y,{isMobile:R,attributes:k,listeners:M}),m(d,{isMobile:R,viewColumnsPerRow:O,editColumnsPerRow:h,component:s,validate:f,onSave:C,onDelete:x,onChangeEditing:q,isDragComponent:-1!==b})]})};x.propTypes={isMobile:n.bool.isRequired,component:n.shape({id:n.string.isRequired}).isRequired,isTopComponent:n.bool.isRequired,isLastCompnent:n.bool.isRequired,isSortable:n.bool.isRequired,sortableIndex:n.number.isRequired,validate:n.func.isRequired,onDelete:n.func.isRequired,onSave:n.func.isRequired,viewColumnsPerRow:n.number.isRequired,editColumnsPerRow:n.number.isRequired};var C=r(x);export{C as default};
 //# sourceMappingURL=SortableComponent.js.map

package/components/Casing/CasingTableV2/components/SortableComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableComponent.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponent.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { SortableElement, sortableHandle } from 'react-sortable-hoc';\nimport { IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport Component from './Component';\n\nconst useStyles = makeStyles(theme => ({\n  sortableComponent: {\n    position: 'relative',\n    '&:hover': {\n      '& $dragButton': {\n        display: 'block',\n      },\n    },\n    zIndex: '99999999 !important',\n    background: ({ isSortable }) => isSortable && theme.palette.background.b5,\n    boxShadow: ({ isSortable }) => isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)',\n  },\n  topComponent: {\n    marginTop: '16px',\n  },\n  bottomComponent: {\n    marginBottom: '8px',\n  },\n  dragInidicationHidden: {\n    '&:hover': {\n      '& $dragButton': {\n        display: 'none',\n      },\n    },\n  },\n  dragIndicatorWrapper: {\n    position: 'absolute',\n    left: ({ isMobile }) => (isMobile ? '8px' : 0),\n    top: ({ isMobile }) => (isMobile ? '20px' : '8px'),\n  },\n  dragButton: {\n    display: ({ isMobile }) => (isMobile ? 'block' : 'none'),\n    padding: '8px',\n    background: ({ isMobile }) => (isMobile ? 'none' : theme.palette.background.b9),\n    '&:hover': {\n      background: theme.palette.background.b7,\n      '& $dragIndicatorIcon': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  dragIndicatorIcon: {\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    fontSize: '16px',\n  },\n}));\n\nconst DragHandle = sortableHandle(({ isMobile }) => {\n  const classes = useStyles({ isMobile });\n\n  return (\n    <div className={classes.dragIndicatorWrapper}>\n      <Tooltip title={isMobile ? '' : 'Click & Drag to reorder'}>\n        <IconButton className={classes.dragButton}>\n          <DragIndicatorIcon className={classes.dragIndicatorIcon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n});\n\nconst SortableComponent = SortableElement(\n  ({\n    component,\n    isTopComponent,\n    isLastCompnent,\n    isSortable,\n    sortableIndex,\n    validate,\n    onDelete,\n    onSave,\n    isMobile,\n    viewColumnsPerRow,\n    editColumnsPerRow,\n  }) => {\n    const classes = useStyles({ isMobile, isSortable });\n    const [isEditing, setIsEditing] = useState(false);\n\n    return (\n      <div\n        className={classNames(classes.sortableComponent, {\n          [classes.topComponent]: !isMobile && isTopComponent,\n          [classes.bottomComponent]: !isMobile && isLastCompnent,\n          [classes.dragInidicationHidden]: !isSortable && sortableIndex !== -1,\n        })}\n      >\n        {!isEditing && <DragHandle isMobile={isMobile} />}\n        <Component\n          isMobile={isMobile}\n          viewColumnsPerRow={viewColumnsPerRow}\n          editColumnsPerRow={editColumnsPerRow}\n          component={component}\n          validate={validate}\n          onSave={onSave}\n          onDelete={onDelete}\n          onChangeEditing={setIsEditing}\n          isDragComponent={sortableIndex !== -1}\n        />\n      </div>\n    );\n  }\n);\n\nSortableComponent.propTypes = {\n  isMobile: PropTypes.bool.isRequired,\n  component: PropTypes.shape({}).isRequired,\n  isTopComponent: PropTypes.bool.isRequired,\n  isLastCompnent: PropTypes.bool.isRequired,\n  isSortable: PropTypes.bool.isRequired,\n  sortableIndex: PropTypes.number.isRequired,\n  validate: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  viewColumnsPerRow: PropTypes.number.isRequired,\n  editColumnsPerRow: PropTypes.number.isRequired,\n};\n\nexport default memo(SortableComponent);\n"],"names":["useStyles","makeStyles","theme","sortableComponent","position","display","zIndex","background","_ref","isSortable","palette","b5","boxShadow","_ref2","topComponent","marginTop","bottomComponent","marginBottom","dragInidicationHidden","dragIndicatorWrapper","left","_ref3","isMobile","top","_ref4","dragButton","_ref5","padding","_ref6","b9","b7","color","primary","text1","dragIndicatorIcon","cursor","text6","fontSize","DragHandle","sortableHandle","_ref7","classes","_jsx","className","children","Tooltip","title","IconButton","DragIndicatorIcon","SortableComponent","SortableElement","_ref8","_classNames","component","isTopComponent","isLastCompnent","sortableIndex","validate","onDelete","onSave","viewColumnsPerRow","editColumnsPerRow","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_jsxs","classNames","_defineProperty","Component","onChangeEditing","isDragComponent","propTypes","PropTypes","bool","isRequired","shape","number","func","memo"],"mappings":"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"}
+{"version":3,"file":"SortableComponent.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponent.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport Component from './Component';\n\nconst useStyles = makeStyles(theme => ({\n  sortableComponent: {\n    position: 'relative',\n    '&:hover': {\n      '& $dragButton': {\n        display: 'block',\n      },\n    },\n    zIndex: '99999999 !important',\n    background: ({ isSortable }) => isSortable && theme.palette.background.b5,\n    boxShadow: ({ isSortable }) => isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)',\n  },\n  topComponent: {\n    marginTop: '16px',\n  },\n  bottomComponent: {\n    marginBottom: '8px',\n  },\n  dragInidicationHidden: {\n    '&:hover': {\n      '& $dragButton': {\n        display: 'none',\n      },\n    },\n  },\n  dragIndicatorWrapper: {\n    position: 'absolute',\n    left: ({ isMobile }) => (isMobile ? '8px' : 0),\n    top: ({ isMobile }) => (isMobile ? '20px' : '8px'),\n  },\n  dragButton: {\n    display: ({ isMobile }) => (isMobile ? 'block' : 'none'),\n    padding: '8px',\n    background: ({ isMobile }) => (isMobile ? 'none' : theme.palette.background.b9),\n    '&:hover': {\n      background: theme.palette.background.b7,\n      '& $dragIndicatorIcon': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  dragIndicatorIcon: {\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    fontSize: '16px',\n  },\n}));\n\nconst transformToCss = transform =>\n  transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined;\n\nconst DragHandle = ({ isMobile, attributes, listeners }) => {\n  const classes = useStyles({ isMobile });\n\n  return (\n    <div className={classes.dragIndicatorWrapper}>\n      <Tooltip title={isMobile ? '' : 'Click & Drag to reorder'}>\n        <IconButton className={classes.dragButton} {...attributes} {...listeners}>\n          <DragIndicatorIcon className={classes.dragIndicatorIcon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n};\n\nconst SortableComponent = ({\n  component,\n  isTopComponent,\n  isLastCompnent,\n  isSortable,\n  sortableIndex,\n  validate,\n  onDelete,\n  onSave,\n  isMobile,\n  viewColumnsPerRow,\n  editColumnsPerRow,\n}) => {\n  const classes = useStyles({ isMobile, isSortable });\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: component.id,\n  });\n\n  const style = {\n    transform: transformToCss(transform),\n    transition,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={classNames(classes.sortableComponent, {\n        [classes.topComponent]: !isMobile && isTopComponent,\n        [classes.bottomComponent]: !isMobile && isLastCompnent,\n        [classes.dragInidicationHidden]: !isSortable && sortableIndex !== -1,\n      })}\n    >\n      {!isEditing && (\n        <DragHandle isMobile={isMobile} attributes={attributes} listeners={listeners} />\n      )}\n      <Component\n        isMobile={isMobile}\n        viewColumnsPerRow={viewColumnsPerRow}\n        editColumnsPerRow={editColumnsPerRow}\n        component={component}\n        validate={validate}\n        onSave={onSave}\n        onDelete={onDelete}\n        onChangeEditing={setIsEditing}\n        isDragComponent={sortableIndex !== -1}\n      />\n    </div>\n  );\n};\n\nSortableComponent.propTypes = {\n  isMobile: PropTypes.bool.isRequired,\n  component: PropTypes.shape({ id: PropTypes.string.isRequired }).isRequired,\n  isTopComponent: PropTypes.bool.isRequired,\n  isLastCompnent: PropTypes.bool.isRequired,\n  isSortable: PropTypes.bool.isRequired,\n  sortableIndex: PropTypes.number.isRequired,\n  validate: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  viewColumnsPerRow: PropTypes.number.isRequired,\n  editColumnsPerRow: PropTypes.number.isRequired,\n};\n\nexport default memo(SortableComponent);\n"],"names":["useStyles","makeStyles","theme","sortableComponent","position","display","zIndex","background","_ref","isSortable","palette","b5","boxShadow","_ref2","topComponent","marginTop","bottomComponent","marginBottom","dragInidicationHidden","dragIndicatorWrapper","left","_ref3","isMobile","top","_ref4","dragButton","_ref5","padding","_ref6","b9","b7","color","primary","text1","dragIndicatorIcon","cursor","text6","fontSize","transformToCss","transform","x","y","undefined","DragHandle","_ref7","attributes","listeners","classes","_jsx","className","children","Tooltip","title","IconButton","_objectSpread","DragIndicatorIcon","SortableComponent","_ref8","_classNames","component","isTopComponent","isLastCompnent","sortableIndex","validate","onDelete","onSave","viewColumnsPerRow","editColumnsPerRow","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useSortable","useSortable","id","setNodeRef","transition","style","_jsxs","ref","classNames","_defineProperty","Component","onChangeEditing","isDragComponent","propTypes","PropTypes","bool","isRequired","shape","string","number","func","memo"],"mappings":"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"}

package/components/Casing/CasingTableV2/components/SortableComponents.d.ts

@@ -1,3 +1,30 @@
-declare const _default: import("react").MemoExoticComponent<any>;
+declare const _default: import("react").MemoExoticComponent<{
+    ({ components, validate, sortableIndex, onDeleteComponent, onSaveComponent, isMobile, viewColumnsPerRow, editColumnsPerRow, onSortStart, onSortEnd, lockAxis, lockToContainerEdges, }: {
+        components: any;
+        validate: any;
+        sortableIndex: any;
+        onDeleteComponent: any;
+        onSaveComponent: any;
+        isMobile: any;
+        viewColumnsPerRow: any;
+        editColumnsPerRow: any;
+        onSortStart: any;
+        onSortEnd: any;
+        lockAxis: any;
+        lockToContainerEdges: any;
+    }): JSX.Element;
+    propTypes: {
+        components: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            id: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+        validate: import("prop-types").Validator<(...args: any[]) => any>;
+        sortableIndex: import("prop-types").Validator<number>;
+        onSaveComponent: import("prop-types").Validator<(...args: any[]) => any>;
+        onDeleteComponent: import("prop-types").Validator<(...args: any[]) => any>;
+        isMobile: import("prop-types").Validator<boolean>;
+        viewColumnsPerRow: import("prop-types").Validator<number>;
+        editColumnsPerRow: import("prop-types").Validator<number>;
+    };
+}>;
 export default _default;
 //# sourceMappingURL=SortableComponents.d.ts.map

package/components/Casing/CasingTableV2/components/SortableComponents.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import{arrayOf as o,shape as i,string as r,func as n,number as t,bool as s}from"prop-types";import{SortableContainer as m}from"react-sortable-hoc";import{makeStyles as a}from"@material-ui/core";import l from"./SortableComponent.js";import{jsx as d}from"react/jsx-runtime";var p=a({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),u=m((function(e){var o=e.components,i=e.validate,r=e.sortableIndex,n=e.onDeleteComponent,t=e.onSaveComponent,s=e.isMobile,m=e.viewColumnsPerRow,a=e.editColumnsPerRow,u=p();return d("div",{className:u.body,children:o.map((function(e,p){return d(l,{index:p,isSortable:r===p,sortableIndex:r,component:e,isTopComponent:0===p,isLastCompnent:p===o.length-1,validate:i,onDelete:n,onSave:t,isMobile:s,viewColumnsPerRow:m,editColumnsPerRow:a},e.id)}))})}));u.propTypes={components:o(i({id:r.isRequired})),validate:n.isRequired,sortableIndex:t.isRequired,onSaveComponent:n.isRequired,onDeleteComponent:n.isRequired,isMobile:s.isRequired,viewColumnsPerRow:t.isRequired,editColumnsPerRow:t.isRequired};var v=e(u);export{v as default};
+import{memo as e}from"react";import{arrayOf as o,shape as i,string as n,func as r,number as t,bool as d}from"prop-types";import{useSensors as s,useSensor as a,PointerSensor as m,DndContext as l,closestCenter as u}from"@dnd-kit/core";import{SortableContext as p,verticalListSortingStrategy as f}from"@dnd-kit/sortable";import{restrictToVerticalAxis as c,restrictToParentElement as v}from"@dnd-kit/modifiers";import{makeStyles as C}from"@material-ui/core";import R from"./SortableComponent.js";import{jsx as x}from"react/jsx-runtime";var b=C({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),w=function(e){var o=e.components,i=e.validate,n=e.sortableIndex,r=e.onDeleteComponent,t=e.onSaveComponent,d=e.isMobile,C=e.viewColumnsPerRow,w=e.editColumnsPerRow,S=e.onSortStart,q=e.onSortEnd,I=e.lockAxis,g=e.lockToContainerEdges,y=b(),D=s(a(m)),P=["y"===I&&c,g&&v].filter(Boolean);return x(l,{sensors:D,collisionDetection:u,modifiers:P,onDragStart:function(e){var i=e.active;if(S){var n=o.findIndex((function(e){return e.id===i.id}));S({index:n})}},onDragEnd:function(e){var i=e.active,n=e.over;if(q){var r=o.findIndex((function(e){return e.id===i.id})),t=n?o.findIndex((function(e){return e.id===n.id})):r;q(r,t)}},children:x(p,{items:o.map((function(e){return e.id})),strategy:f,children:x("div",{className:y.body,children:o.map((function(e,s){return x(R,{isSortable:n===s,sortableIndex:n,component:e,isTopComponent:0===s,isLastCompnent:s===o.length-1,validate:i,onDelete:r,onSave:t,isMobile:d,viewColumnsPerRow:C,editColumnsPerRow:w},e.id)}))})})})};w.propTypes={components:o(i({id:n.isRequired})),validate:r.isRequired,sortableIndex:t.isRequired,onSaveComponent:r.isRequired,onDeleteComponent:r.isRequired,isMobile:d.isRequired,viewColumnsPerRow:t.isRequired,editColumnsPerRow:t.isRequired};var S=e(w);export{S as default};
 //# sourceMappingURL=SortableComponents.js.map

package/components/Casing/CasingTableV2/components/SortableComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableComponents.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponents.js"],"sourcesContent":["import { memo } from 'react';\nimport { arrayOf, shape, string, func, bool, number } from 'prop-types';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { SortableContainer } from 'react-sortable-hoc';\nimport { makeStyles } from '@material-ui/core';\n\nimport SortableComponent from './SortableComponent';\n\nconst useStyles = makeStyles({\n  body: {\n    flex: 1,\n    minHeight: 0,\n    zIndex: 0,\n    position: 'relative',\n  },\n});\n\nconst SortableComponents = SortableContainer(\n  ({\n    components,\n    validate,\n    sortableIndex,\n    onDeleteComponent,\n    onSaveComponent,\n    isMobile,\n    viewColumnsPerRow,\n    editColumnsPerRow,\n  }) => {\n    const classes = useStyles();\n\n    return (\n      <div className={classes.body}>\n        {components.map((component, index) => (\n          <SortableComponent\n            key={component.id}\n            index={index}\n            isSortable={sortableIndex === index}\n            sortableIndex={sortableIndex}\n            component={component}\n            isTopComponent={index === 0}\n            isLastCompnent={index === components.length - 1}\n            validate={validate}\n            onDelete={onDeleteComponent}\n            onSave={onSaveComponent}\n            isMobile={isMobile}\n            viewColumnsPerRow={viewColumnsPerRow}\n            editColumnsPerRow={editColumnsPerRow}\n          />\n        ))}\n      </div>\n    );\n  }\n);\n\nSortableComponents.propTypes = {\n  components: arrayOf(shape({ id: string.isRequired })),\n  validate: func.isRequired,\n  sortableIndex: number.isRequired,\n  onSaveComponent: func.isRequired,\n  onDeleteComponent: func.isRequired,\n  isMobile: bool.isRequired,\n  viewColumnsPerRow: number.isRequired,\n  editColumnsPerRow: number.isRequired,\n};\n\nexport default memo(SortableComponents);\n"],"names":["useStyles","makeStyles","body","flex","minHeight","zIndex","position","SortableComponents","SortableContainer","_ref","components","validate","sortableIndex","onDeleteComponent","onSaveComponent","isMobile","viewColumnsPerRow","editColumnsPerRow","classes","_jsx","className","children","map","component","index","SortableComponent","isSortable","isTopComponent","isLastCompnent","length","onDelete","onSave","id","propTypes","arrayOf","shape","string","isRequired","func","number","bool","memo"],"mappings":"6SAQA,IAAMA,EAAYC,EAAW,CAC3BC,KAAM,CACJC,KAAM,EACNC,UAAW,EACXC,OAAQ,EACRC,SAAU,cAIRC,EAAqBC,GACzB,SASMC,GAAA,IARJC,IAAAA,WACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,kBACAC,IAAAA,kBAEMC,EAAUlB,IAEhB,OACEmB,EAAA,MAAA,CAAKC,UAAWF,EAAQhB,KAAKmB,SAC1BX,EAAWY,KAAI,SAACC,EAAWC,GAAK,OAC/BL,EAACM,EAAiB,CAEhBD,MAAOA,EACPE,WAAYd,IAAkBY,EAC9BZ,cAAeA,EACfW,UAAWA,EACXI,eAA0B,IAAVH,EAChBI,eAAgBJ,IAAUd,EAAWmB,OAAS,EAC9ClB,SAAUA,EACVmB,SAAUjB,EACVkB,OAAQjB,EACRC,SAAUA,EACVC,kBAAmBA,EACnBC,kBAAmBA,GAZdM,EAAUS,QAiBzB,IAGFzB,EAAmB0B,UAAY,CAC7BvB,WAAYwB,EAAQC,EAAM,CAAEH,GAAII,EAAOC,cACvC1B,SAAU2B,EAAKD,WACfzB,cAAe2B,EAAOF,WACtBvB,gBAAiBwB,EAAKD,WACtBxB,kBAAmByB,EAAKD,WACxBtB,SAAUyB,EAAKH,WACfrB,kBAAmBuB,EAAOF,WAC1BpB,kBAAmBsB,EAAOF,YAG5B,IAAeI,EAAAA,EAAKlC"}
+{"version":3,"file":"SortableComponents.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponents.js"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport { memo } from 'react';\nimport { arrayOf, bool, func, number, shape, string } from 'prop-types';\nimport { closestCenter, DndContext, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { makeStyles } from '@material-ui/core';\n\nimport SortableComponent from './SortableComponent';\n\nconst useStyles = makeStyles({\n  body: {\n    flex: 1,\n    minHeight: 0,\n    zIndex: 0,\n    position: 'relative',\n  },\n});\n\nconst SortableComponents = ({\n  components,\n  validate,\n  sortableIndex,\n  onDeleteComponent,\n  onSaveComponent,\n  isMobile,\n  viewColumnsPerRow,\n  editColumnsPerRow,\n  onSortStart,\n  onSortEnd,\n  lockAxis,\n  lockToContainerEdges,\n}) => {\n  const classes = useStyles();\n  const sensors = useSensors(useSensor(PointerSensor));\n\n  const modifiers = [\n    lockAxis === 'y' && restrictToVerticalAxis,\n    lockToContainerEdges && restrictToParentElement,\n  ].filter(Boolean);\n\n  const handleDragStart = ({ active }) => {\n    if (!onSortStart) {\n      return;\n    }\n    const index = components.findIndex(item => item.id === active.id);\n    onSortStart({ index });\n  };\n\n  const handleDragEnd = ({ active, over }) => {\n    if (!onSortEnd) {\n      return;\n    }\n    const oldIndex = components.findIndex(item => item.id === active.id);\n    const newIndex = over ? components.findIndex(item => item.id === over.id) : oldIndex;\n    onSortEnd(oldIndex, newIndex);\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      modifiers={modifiers}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n    >\n      <SortableContext\n        items={components.map(component => component.id)}\n        strategy={verticalListSortingStrategy}\n      >\n        <div className={classes.body}>\n          {components.map((component, index) => (\n            <SortableComponent\n              key={component.id}\n              isSortable={sortableIndex === index}\n              sortableIndex={sortableIndex}\n              component={component}\n              isTopComponent={index === 0}\n              isLastCompnent={index === components.length - 1}\n              validate={validate}\n              onDelete={onDeleteComponent}\n              onSave={onSaveComponent}\n              isMobile={isMobile}\n              viewColumnsPerRow={viewColumnsPerRow}\n              editColumnsPerRow={editColumnsPerRow}\n            />\n          ))}\n        </div>\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nSortableComponents.propTypes = {\n  components: arrayOf(shape({ id: string.isRequired })),\n  validate: func.isRequired,\n  sortableIndex: number.isRequired,\n  onSaveComponent: func.isRequired,\n  onDeleteComponent: func.isRequired,\n  isMobile: bool.isRequired,\n  viewColumnsPerRow: number.isRequired,\n  editColumnsPerRow: number.isRequired,\n};\n\nexport default memo(SortableComponents);\n"],"names":["useStyles","makeStyles","body","flex","minHeight","zIndex","position","SortableComponents","_ref","components","validate","sortableIndex","onDeleteComponent","onSaveComponent","isMobile","viewColumnsPerRow","editColumnsPerRow","onSortStart","onSortEnd","lockAxis","lockToContainerEdges","classes","sensors","useSensors","useSensor","PointerSensor","modifiers","restrictToVerticalAxis","restrictToParentElement","filter","Boolean","_jsx","DndContext","collisionDetection","closestCenter","onDragStart","_ref2","active","index","findIndex","item","id","onDragEnd","_ref3","over","oldIndex","newIndex","children","SortableContext","items","map","component","strategy","verticalListSortingStrategy","className","SortableComponent","isSortable","isTopComponent","isLastCompnent","length","onDelete","onSave","propTypes","arrayOf","shape","string","isRequired","func","number","bool","memo"],"mappings":"ohBAUA,IAAMA,EAAYC,EAAW,CAC3BC,KAAM,CACJC,KAAM,EACNC,UAAW,EACXC,OAAQ,EACRC,SAAU,cAIRC,EAAqB,SAarBC,GAAA,IAZJC,IAAAA,WACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,kBACAC,IAAAA,kBACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,qBAEMC,EAAUrB,IACVsB,EAAUC,EAAWC,EAAUC,IAE/BC,EAAY,CACH,MAAbP,GAAoBQ,EACpBP,GAAwBQ,GACxBC,OAAOC,SAmBT,OACEC,EAACC,EAAU,CACTV,QAASA,EACTW,mBAAoBC,EACpBR,UAAWA,EACXS,YAtBoB,SAAgBC,GAAA,IAAbC,IAAAA,OACzB,GAAKpB,EAAL,CAGA,IAAMqB,EAAQ7B,EAAW8B,WAAU,SAAAC,GAAI,OAAIA,EAAKC,KAAOJ,EAAOI,MAC9DxB,EAAY,CAAEqB,MAAAA,GAFd,GAoBEI,UAfkB,SAAsBC,GAAA,IAAnBN,IAAAA,OAAQO,IAAAA,KAC/B,GAAK1B,EAAL,CAGA,IAAM2B,EAAWpC,EAAW8B,WAAU,SAAAC,GAAI,OAAIA,EAAKC,KAAOJ,EAAOI,MAC3DK,EAAWF,EAAOnC,EAAW8B,WAAU,SAAAC,GAAI,OAAIA,EAAKC,KAAOG,EAAKH,EAAE,IAAII,EAC5E3B,EAAU2B,EAAUC,EAHpB,GAY2BC,SAEzBhB,EAACiB,EAAe,CACdC,MAAOxC,EAAWyC,KAAI,SAAAC,GAAS,OAAIA,EAAUV,MAC7CW,SAAUC,EAA4BN,SAEtChB,EAAA,MAAA,CAAKuB,UAAWjC,EAAQnB,KAAK6C,SAC1BtC,EAAWyC,KAAI,SAACC,EAAWb,GAAK,OAC/BP,EAACwB,EAAiB,CAEhBC,WAAY7C,IAAkB2B,EAC9B3B,cAAeA,EACfwC,UAAWA,EACXM,eAA0B,IAAVnB,EAChBoB,eAAgBpB,IAAU7B,EAAWkD,OAAS,EAC9CjD,SAAUA,EACVkD,SAAUhD,EACViD,OAAQhD,EACRC,SAAUA,EACVC,kBAAmBA,EACnBC,kBAAmBA,GAXdmC,EAAUV,YAkB7B,EAEAlC,EAAmBuD,UAAY,CAC7BrD,WAAYsD,EAAQC,EAAM,CAAEvB,GAAIwB,EAAOC,cACvCxD,SAAUyD,EAAKD,WACfvD,cAAeyD,EAAOF,WACtBrD,gBAAiBsD,EAAKD,WACtBtD,kBAAmBuD,EAAKD,WACxBpD,SAAUuD,EAAKH,WACfnD,kBAAmBqD,EAAOF,WAC1BlD,kBAAmBoD,EAAOF,YAG5B,IAAeI,EAAAA,EAAK/D"}

package/components/Drillstring/BHAComponentsTable/components/SortableComponent.d.ts

@@ -1,3 +1,38 @@
-declare const _default: import("react").MemoExoticComponent<any>;
+declare const _default: import("react").MemoExoticComponent<{
+    ({ isActualBha, component, isTopComponent, isLastCompnent, isSortable, sortableIndex, validate, onDelete, onSave, isMobile, viewColumnsPerRow, editColumnsPerRow, onAutocompleteApplied, }: {
+        isActualBha: any;
+        component: any;
+        isTopComponent: any;
+        isLastCompnent: any;
+        isSortable: any;
+        sortableIndex: any;
+        validate: any;
+        onDelete: any;
+        onSave: any;
+        isMobile: any;
+        viewColumnsPerRow: any;
+        editColumnsPerRow: any;
+        onAutocompleteApplied: any;
+    }): JSX.Element;
+    propTypes: {
+        isActualBha: PropTypes.Validator<boolean>;
+        isMobile: PropTypes.Validator<boolean>;
+        component: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            family: PropTypes.Requireable<string>;
+        }>>>;
+        isTopComponent: PropTypes.Validator<boolean>;
+        isLastCompnent: PropTypes.Validator<boolean>;
+        isSortable: PropTypes.Validator<boolean>;
+        sortableIndex: PropTypes.Validator<number>;
+        validate: PropTypes.Validator<(...args: any[]) => any>;
+        onDelete: PropTypes.Validator<(...args: any[]) => any>;
+        onSave: PropTypes.Validator<(...args: any[]) => any>;
+        viewColumnsPerRow: PropTypes.Validator<number>;
+        editColumnsPerRow: PropTypes.Validator<number>;
+        onAutocompleteApplied: PropTypes.Validator<(...args: any[]) => any>;
+    };
+}>;
 export default _default;
+import PropTypes from 'prop-types';
 //# sourceMappingURL=SortableComponent.d.ts.map

package/components/Drillstring/BHAComponentsTable/components/SortableComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponent.js"],"names":[],"mappings":""}
+{"version":3,"file":"SortableComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponent.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBACsB,YAAY"}

package/components/Drillstring/BHAComponentsTable/components/SortableComponent.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as i,memo as r}from"react";import t from"prop-types";import n from"classnames";import{sortableHandle as a,SortableElement as s}from"react-sortable-hoc";import{makeStyles as l,Tooltip as p,IconButton as d}from"@material-ui/core";import m from"@material-ui/icons/DragIndicator";import u from"./Component.js";import{BHA_FAMILY as c}from"../../../../constants/bha.js";import{jsx as b,jsxs as f}from"react/jsx-runtime";var g=l((function(o){return{sortableComponent:{position:"relative","&:hover":{"& $dragIndicatorButton":{visibility:"visible"}},zIndex:"99999999 !important",background:function(e){return e.isSortable&&o.palette.background.b5},boxShadow:function(o){return o.isSortable&&"0px 0px 6px rgba(0, 0, 0, 0.5)"}},topComponent:{marginTop:"16px"},bottomComponent:{marginBottom:"8px"},dragInidicationHidden:{"&:hover":{"& $dragIndicatorButton":{visibility:"hidden"}}},dragIndicatorWrapper:{position:"absolute",left:function(o){return o.isMobile?"8px":0},top:function(o){return o.isMobile?"20px":"8px"}},dragIndicatorButton:{visibility:function(o){return o.isMobile?"visible":"hidden"},padding:"8px",background:function(e){return e.isMobile?"none":o.palette.background.b9},"&:hover":{background:o.palette.background.b7,"& $dragIndicatorIcon":{color:o.palette.primary.text1}}},dragIndicatorIcon:{cursor:"pointer",color:o.palette.primary.text6,fontSize:"16px"}}})),v=a((function(o){var e=o.isMobile,i=g({isMobile:e});return b("div",{className:i.dragIndicatorWrapper,children:b(p,{title:e?"":"Click & Drag to reorder",children:b(d,{className:i.dragIndicatorButton,children:b(m,{className:i.dragIndicatorIcon})})})})})),C=s((function(r){var t,a=r.isActualBha,s=r.component,l=r.isTopComponent,p=r.isLastCompnent,d=r.isSortable,m=r.sortableIndex,C=r.validate,h=r.onDelete,R=r.onSave,x=r.isMobile,I=r.viewColumnsPerRow,q=r.editColumnsPerRow,M=r.onAutocompleteApplied,w=g({isMobile:x,isSortable:d}),y=i(!1),A=e(y,2),S=A[0],B=A[1];return f("div",{className:n(w.sortableComponent,(t={},o(t,w.topComponent,!x&&l),o(t,w.bottomComponent,!x&&p),o(t,w.dragInidicationHidden,!d&&-1!==m),t)),children:[s.family!==c.bit&&!S&&b(v,{isMobile:x}),b(u,{isMobile:x,isActualBha:a,viewColumnsPerRow:I,editColumnsPerRow:q,component:s,validate:C,onSave:R,onDelete:h,onChangeEditing:B,onAutocompleteApplied:M,isDragComponent:-1!==m})]})}));C.propTypes={isActualBha:t.bool.isRequired,isMobile:t.bool.isRequired,component:t.shape({}).isRequired,isTopComponent:t.bool.isRequired,isLastCompnent:t.bool.isRequired,isSortable:t.bool.isRequired,sortableIndex:t.number.isRequired,validate:t.func.isRequired,onDelete:t.func.isRequired,onSave:t.func.isRequired,viewColumnsPerRow:t.number.isRequired,editColumnsPerRow:t.number.isRequired,onAutocompleteApplied:t.func.isRequired};var h=r(C);export{h as default};
+import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useState as r}from"react";import i from"prop-types";import n from"classnames";import{useSortable as a}from"@dnd-kit/sortable";import{makeStyles as s,Tooltip as l,IconButton as p}from"@material-ui/core";import c from"@material-ui/icons/DragIndicator";import d from"./Component.js";import{BHA_FAMILY as u}from"../../../../constants/bha.js";import{jsxs as m,jsx as b}from"react/jsx-runtime";function f(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))}))}return e}var v=s((function(e){return{sortableComponent:{position:"relative","&:hover":{"& $dragIndicatorButton":{visibility:"visible"}},zIndex:"99999999 !important",background:function(o){return o.isSortable&&e.palette.background.b5},boxShadow:function(e){return e.isSortable&&"0px 0px 6px rgba(0, 0, 0, 0.5)"}},topComponent:{marginTop:"16px"},bottomComponent:{marginBottom:"8px"},dragInidicationHidden:{"&:hover":{"& $dragIndicatorButton":{visibility:"hidden"}}},dragIndicatorWrapper:{position:"absolute",left:function(e){return e.isMobile?"8px":0},top:function(e){return e.isMobile?"20px":"8px"}},dragIndicatorButton:{visibility:function(e){return e.isMobile?"visible":"hidden"},padding:"8px",background:function(o){return o.isMobile?"none":e.palette.background.b9},"&:hover":{background:e.palette.background.b7,"& $dragIndicatorIcon":{color:e.palette.primary.text1}}},dragIndicatorIcon:{cursor:"pointer",color:e.palette.primary.text6,fontSize:"16px"}}})),y=function(e){return e?"translate3d(".concat(e.x,"px, ").concat(e.y,"px, 0)"):void 0},h=function(e){var o=e.isMobile,t=e.attributes,r=e.listeners,i=v({isMobile:o});return b("div",{className:i.dragIndicatorWrapper,children:b(l,{title:o?"":"Click & Drag to reorder",children:b(p,g(g(g({className:i.dragIndicatorButton},t),r),{},{children:b(c,{className:i.dragIndicatorIcon})}))})})},x=function(t){var i,s=t.isActualBha,l=t.component,p=t.isTopComponent,c=t.isLastCompnent,f=t.isSortable,g=t.sortableIndex,x=t.validate,R=t.onDelete,C=t.onSave,I=t.isMobile,O=t.viewColumnsPerRow,w=t.editColumnsPerRow,P=t.onAutocompleteApplied,j=v({isMobile:I,isSortable:f}),q=r(!1),S=e(q,2),M=S[0],A=S[1],D=a({id:l.id}),k=D.attributes,B=D.listeners,N=D.setNodeRef,T=D.transform,E=D.transition,$={transform:y(T),transition:E};return m("div",{ref:N,style:$,className:n(j.sortableComponent,(i={},o(i,j.topComponent,!I&&p),o(i,j.bottomComponent,!I&&c),o(i,j.dragInidicationHidden,!f&&-1!==g),i)),children:[l.family!==u.bit&&!M&&b(h,{isMobile:I,attributes:k,listeners:B}),b(d,{isMobile:I,isActualBha:s,viewColumnsPerRow:O,editColumnsPerRow:w,component:l,validate:x,onSave:C,onDelete:R,onChangeEditing:A,onAutocompleteApplied:P,isDragComponent:-1!==g})]})};x.propTypes={isActualBha:i.bool.isRequired,isMobile:i.bool.isRequired,component:i.shape({id:i.string.isRequired,family:i.string}).isRequired,isTopComponent:i.bool.isRequired,isLastCompnent:i.bool.isRequired,isSortable:i.bool.isRequired,sortableIndex:i.number.isRequired,validate:i.func.isRequired,onDelete:i.func.isRequired,onSave:i.func.isRequired,viewColumnsPerRow:i.number.isRequired,editColumnsPerRow:i.number.isRequired,onAutocompleteApplied:i.func.isRequired};var R=t(x);export{R as default};
 //# sourceMappingURL=SortableComponent.js.map

package/components/Drillstring/BHAComponentsTable/components/SortableComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableComponent.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponent.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { SortableElement, sortableHandle } from 'react-sortable-hoc';\nimport { IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport Component from './Component';\n\nimport { BHA_FAMILY } from '~/constants/bha';\n\nconst useStyles = makeStyles(theme => ({\n  sortableComponent: {\n    position: 'relative',\n    '&:hover': {\n      '& $dragIndicatorButton': {\n        visibility: 'visible',\n      },\n    },\n    zIndex: '99999999 !important',\n    background: ({ isSortable }) => isSortable && theme.palette.background.b5,\n    boxShadow: ({ isSortable }) => isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)',\n  },\n  topComponent: {\n    marginTop: '16px',\n  },\n  bottomComponent: {\n    marginBottom: '8px',\n  },\n  dragInidicationHidden: {\n    '&:hover': {\n      '& $dragIndicatorButton': {\n        visibility: 'hidden',\n      },\n    },\n  },\n  dragIndicatorWrapper: {\n    position: 'absolute',\n    left: ({ isMobile }) => (isMobile ? '8px' : 0),\n    top: ({ isMobile }) => (isMobile ? '20px' : '8px'),\n  },\n  dragIndicatorButton: {\n    visibility: ({ isMobile }) => (isMobile ? 'visible' : 'hidden'),\n    padding: '8px',\n    background: ({ isMobile }) => (isMobile ? 'none' : theme.palette.background.b9),\n    '&:hover': {\n      background: theme.palette.background.b7,\n      '& $dragIndicatorIcon': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  dragIndicatorIcon: {\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    fontSize: '16px',\n  },\n}));\n\nconst DragHandle = sortableHandle(({ isMobile }) => {\n  const classes = useStyles({ isMobile });\n\n  return (\n    <div className={classes.dragIndicatorWrapper}>\n      <Tooltip title={isMobile ? '' : 'Click & Drag to reorder'}>\n        <IconButton className={classes.dragIndicatorButton}>\n          <DragIndicatorIcon className={classes.dragIndicatorIcon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n});\n\nconst SortableComponent = SortableElement(\n  ({\n    isActualBha,\n    component,\n    isTopComponent,\n    isLastCompnent,\n    isSortable,\n    sortableIndex,\n    validate,\n    onDelete,\n    onSave,\n    isMobile,\n    viewColumnsPerRow,\n    editColumnsPerRow,\n    onAutocompleteApplied,\n  }) => {\n    const classes = useStyles({ isMobile, isSortable });\n    const [isEditing, setIsEditing] = useState(false);\n\n    return (\n      <div\n        className={classNames(classes.sortableComponent, {\n          [classes.topComponent]: !isMobile && isTopComponent,\n          [classes.bottomComponent]: !isMobile && isLastCompnent,\n          [classes.dragInidicationHidden]: !isSortable && sortableIndex !== -1,\n        })}\n      >\n        {component.family !== BHA_FAMILY.bit && !isEditing && <DragHandle isMobile={isMobile} />}\n        <Component\n          isMobile={isMobile}\n          isActualBha={isActualBha}\n          viewColumnsPerRow={viewColumnsPerRow}\n          editColumnsPerRow={editColumnsPerRow}\n          component={component}\n          validate={validate}\n          onSave={onSave}\n          onDelete={onDelete}\n          onChangeEditing={setIsEditing}\n          onAutocompleteApplied={onAutocompleteApplied}\n          isDragComponent={sortableIndex !== -1}\n        />\n      </div>\n    );\n  }\n);\n\nSortableComponent.propTypes = {\n  isActualBha: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n  component: PropTypes.shape({}).isRequired,\n  isTopComponent: PropTypes.bool.isRequired,\n  isLastCompnent: PropTypes.bool.isRequired,\n  isSortable: PropTypes.bool.isRequired,\n  sortableIndex: PropTypes.number.isRequired,\n  validate: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  viewColumnsPerRow: PropTypes.number.isRequired,\n  editColumnsPerRow: PropTypes.number.isRequired,\n  onAutocompleteApplied: PropTypes.func.isRequired,\n};\n\nexport default memo(SortableComponent);\n"],"names":["useStyles","makeStyles","theme","sortableComponent","position","visibility","zIndex","background","_ref","isSortable","palette","b5","boxShadow","_ref2","topComponent","marginTop","bottomComponent","marginBottom","dragInidicationHidden","dragIndicatorWrapper","left","_ref3","isMobile","top","_ref4","dragIndicatorButton","_ref5","padding","_ref6","b9","b7","color","primary","text1","dragIndicatorIcon","cursor","text6","fontSize","DragHandle","sortableHandle","_ref7","classes","_jsx","className","children","Tooltip","title","IconButton","DragIndicatorIcon","SortableComponent","SortableElement","_ref8","_classNames","isActualBha","component","isTopComponent","isLastCompnent","sortableIndex","validate","onDelete","onSave","viewColumnsPerRow","editColumnsPerRow","onAutocompleteApplied","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_jsxs","classNames","_defineProperty","family","BHA_FAMILY","bit","Component","onChangeEditing","isDragComponent","propTypes","PropTypes","bool","isRequired","shape","number","func","memo"],"mappings":"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"}
+{"version":3,"file":"SortableComponent.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponent.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport Component from './Component';\n\nimport { BHA_FAMILY } from '~/constants/bha';\n\nconst useStyles = makeStyles(theme => ({\n  sortableComponent: {\n    position: 'relative',\n    '&:hover': {\n      '& $dragIndicatorButton': {\n        visibility: 'visible',\n      },\n    },\n    zIndex: '99999999 !important',\n    background: ({ isSortable }) => isSortable && theme.palette.background.b5,\n    boxShadow: ({ isSortable }) => isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)',\n  },\n  topComponent: {\n    marginTop: '16px',\n  },\n  bottomComponent: {\n    marginBottom: '8px',\n  },\n  dragInidicationHidden: {\n    '&:hover': {\n      '& $dragIndicatorButton': {\n        visibility: 'hidden',\n      },\n    },\n  },\n  dragIndicatorWrapper: {\n    position: 'absolute',\n    left: ({ isMobile }) => (isMobile ? '8px' : 0),\n    top: ({ isMobile }) => (isMobile ? '20px' : '8px'),\n  },\n  dragIndicatorButton: {\n    visibility: ({ isMobile }) => (isMobile ? 'visible' : 'hidden'),\n    padding: '8px',\n    background: ({ isMobile }) => (isMobile ? 'none' : theme.palette.background.b9),\n    '&:hover': {\n      background: theme.palette.background.b7,\n      '& $dragIndicatorIcon': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  dragIndicatorIcon: {\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    fontSize: '16px',\n  },\n}));\n\nconst transformToCss = transform =>\n  transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined;\n\nconst DragHandle = ({ isMobile, attributes, listeners }) => {\n  const classes = useStyles({ isMobile });\n\n  return (\n    <div className={classes.dragIndicatorWrapper}>\n      <Tooltip title={isMobile ? '' : 'Click & Drag to reorder'}>\n        <IconButton className={classes.dragIndicatorButton} {...attributes} {...listeners}>\n          <DragIndicatorIcon className={classes.dragIndicatorIcon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n};\n\nconst SortableComponent = ({\n  isActualBha,\n  component,\n  isTopComponent,\n  isLastCompnent,\n  isSortable,\n  sortableIndex,\n  validate,\n  onDelete,\n  onSave,\n  isMobile,\n  viewColumnsPerRow,\n  editColumnsPerRow,\n  onAutocompleteApplied,\n}) => {\n  const classes = useStyles({ isMobile, isSortable });\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: component.id,\n  });\n\n  const style = {\n    transform: transformToCss(transform),\n    transition,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={classNames(classes.sortableComponent, {\n        [classes.topComponent]: !isMobile && isTopComponent,\n        [classes.bottomComponent]: !isMobile && isLastCompnent,\n        [classes.dragInidicationHidden]: !isSortable && sortableIndex !== -1,\n      })}\n    >\n      {component.family !== BHA_FAMILY.bit && !isEditing && (\n        <DragHandle isMobile={isMobile} attributes={attributes} listeners={listeners} />\n      )}\n      <Component\n        isMobile={isMobile}\n        isActualBha={isActualBha}\n        viewColumnsPerRow={viewColumnsPerRow}\n        editColumnsPerRow={editColumnsPerRow}\n        component={component}\n        validate={validate}\n        onSave={onSave}\n        onDelete={onDelete}\n        onChangeEditing={setIsEditing}\n        onAutocompleteApplied={onAutocompleteApplied}\n        isDragComponent={sortableIndex !== -1}\n      />\n    </div>\n  );\n};\n\nSortableComponent.propTypes = {\n  isActualBha: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n  component: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    family: PropTypes.string,\n  }).isRequired,\n  isTopComponent: PropTypes.bool.isRequired,\n  isLastCompnent: PropTypes.bool.isRequired,\n  isSortable: PropTypes.bool.isRequired,\n  sortableIndex: PropTypes.number.isRequired,\n  validate: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  viewColumnsPerRow: PropTypes.number.isRequired,\n  editColumnsPerRow: PropTypes.number.isRequired,\n  onAutocompleteApplied: PropTypes.func.isRequired,\n};\n\nexport default memo(SortableComponent);\n"],"names":["useStyles","makeStyles","theme","sortableComponent","position","visibility","zIndex","background","_ref","isSortable","palette","b5","boxShadow","_ref2","topComponent","marginTop","bottomComponent","marginBottom","dragInidicationHidden","dragIndicatorWrapper","left","_ref3","isMobile","top","_ref4","dragIndicatorButton","_ref5","padding","_ref6","b9","b7","color","primary","text1","dragIndicatorIcon","cursor","text6","fontSize","transformToCss","transform","x","y","undefined","DragHandle","_ref7","attributes","listeners","classes","_jsx","className","children","Tooltip","title","IconButton","_objectSpread","DragIndicatorIcon","SortableComponent","_ref8","_classNames","isActualBha","component","isTopComponent","isLastCompnent","sortableIndex","validate","onDelete","onSave","viewColumnsPerRow","editColumnsPerRow","onAutocompleteApplied","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useSortable","useSortable","id","setNodeRef","transition","style","_jsxs","ref","classNames","_defineProperty","family","BHA_FAMILY","bit","Component","onChangeEditing","isDragComponent","propTypes","PropTypes","bool","isRequired","shape","string","number","func","memo"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/SortableComponents.d.ts

@@ -1,3 +1,34 @@
-declare const _default: import("react").MemoExoticComponent<any>;
+declare const _default: import("react").MemoExoticComponent<{
+    ({ isActualBha, components, validate, sortableIndex, onDeleteComponent, onSaveComponent, isMobile, viewColumnsPerRow, editColumnsPerRow, onAutocompleteApplied, onSortStart, onSortEnd, lockAxis, lockToContainerEdges, }: {
+        isActualBha: any;
+        components: any;
+        validate: any;
+        sortableIndex: any;
+        onDeleteComponent: any;
+        onSaveComponent: any;
+        isMobile: any;
+        viewColumnsPerRow: any;
+        editColumnsPerRow: any;
+        onAutocompleteApplied: any;
+        onSortStart: any;
+        onSortEnd: any;
+        lockAxis: any;
+        lockToContainerEdges: any;
+    }): JSX.Element;
+    propTypes: {
+        isActualBha: import("prop-types").Validator<boolean>;
+        components: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            id: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+        validate: import("prop-types").Validator<(...args: any[]) => any>;
+        sortableIndex: import("prop-types").Validator<number>;
+        onSaveComponent: import("prop-types").Validator<(...args: any[]) => any>;
+        onDeleteComponent: import("prop-types").Validator<(...args: any[]) => any>;
+        isMobile: import("prop-types").Validator<boolean>;
+        viewColumnsPerRow: import("prop-types").Validator<number>;
+        editColumnsPerRow: import("prop-types").Validator<number>;
+        onAutocompleteApplied: import("prop-types").Validator<(...args: any[]) => any>;
+    };
+}>;
 export default _default;
 //# sourceMappingURL=SortableComponents.d.ts.map

package/components/Drillstring/BHAComponentsTable/components/SortableComponents.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import{bool as o,arrayOf as i,shape as t,string as r,func as n,number as s}from"prop-types";import{SortableContainer as l}from"react-sortable-hoc";import{makeStyles as a}from"@material-ui/core";import m from"./SortableComponent.js";import{jsx as p}from"react/jsx-runtime";var d=a({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),u=l((function(e){var o=e.isActualBha,i=e.components,t=e.validate,r=e.sortableIndex,n=e.onDeleteComponent,s=e.onSaveComponent,l=e.isMobile,a=e.viewColumnsPerRow,u=e.editColumnsPerRow,c=e.onAutocompleteApplied,R=d();return p("div",{className:R.body,children:i.map((function(e,d){return p(m,{index:d,isSortable:r===d,sortableIndex:r,component:e,isActualBha:o,isTopComponent:0===d,isLastCompnent:d===i.length-1,validate:t,onDelete:n,onSave:s,isMobile:l,viewColumnsPerRow:a,editColumnsPerRow:u,onAutocompleteApplied:c},e.id)}))})}));u.propTypes={isActualBha:o.isRequired,components:i(t({id:r.isRequired})),validate:n.isRequired,sortableIndex:s.isRequired,onSaveComponent:n.isRequired,onDeleteComponent:n.isRequired,isMobile:o.isRequired,viewColumnsPerRow:s.isRequired,editColumnsPerRow:s.isRequired,onAutocompleteApplied:n.isRequired};var c=e(u);export{c as default};
+import{memo as e}from"react";import{bool as o,arrayOf as i,shape as n,string as t,func as r,number as d}from"prop-types";import{useSensors as s,useSensor as a,PointerSensor as l,DndContext as m,closestCenter as u}from"@dnd-kit/core";import{SortableContext as p,verticalListSortingStrategy as c}from"@dnd-kit/sortable";import{restrictToVerticalAxis as f,restrictToParentElement as v}from"@dnd-kit/modifiers";import{makeStyles as R}from"@material-ui/core";import C from"./SortableComponent.js";import{jsx as x}from"react/jsx-runtime";var b=R({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),q=function(e){var o=e.isActualBha,i=e.components,n=e.validate,t=e.sortableIndex,r=e.onDeleteComponent,d=e.onSaveComponent,R=e.isMobile,q=e.viewColumnsPerRow,A=e.editColumnsPerRow,w=e.onAutocompleteApplied,S=e.onSortStart,h=e.onSortEnd,I=e.lockAxis,g=e.lockToContainerEdges,y=b(),D=s(a(l)),P=["y"===I&&f,g&&v].filter(Boolean);return x(m,{sensors:D,collisionDetection:u,modifiers:P,onDragStart:function(e){var o=e.active;if(S){var n=i.findIndex((function(e){return e.id===o.id}));S({index:n})}},onDragEnd:function(e){var o=e.active,n=e.over;if(h){var t=i.findIndex((function(e){return e.id===o.id})),r=n?i.findIndex((function(e){return e.id===n.id})):t;h(t,r)}},children:x(p,{items:i.map((function(e){return e.id})),strategy:c,children:x("div",{className:y.body,children:i.map((function(e,s){return x(C,{isSortable:t===s,sortableIndex:t,component:e,isActualBha:o,isTopComponent:0===s,isLastCompnent:s===i.length-1,validate:n,onDelete:r,onSave:d,isMobile:R,viewColumnsPerRow:q,editColumnsPerRow:A,onAutocompleteApplied:w},e.id)}))})})})};q.propTypes={isActualBha:o.isRequired,components:i(n({id:t.isRequired})),validate:r.isRequired,sortableIndex:d.isRequired,onSaveComponent:r.isRequired,onDeleteComponent:r.isRequired,isMobile:o.isRequired,viewColumnsPerRow:d.isRequired,editColumnsPerRow:d.isRequired,onAutocompleteApplied:r.isRequired};var A=e(q);export{A as default};
 //# sourceMappingURL=SortableComponents.js.map

package/components/Drillstring/BHAComponentsTable/components/SortableComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableComponents.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponents.js"],"sourcesContent":["import { memo } from 'react';\nimport { arrayOf, shape, string, func, bool, number } from 'prop-types';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { SortableContainer } from 'react-sortable-hoc';\nimport { makeStyles } from '@material-ui/core';\n\nimport SortableComponent from './SortableComponent';\n\nconst useStyles = makeStyles({\n  body: {\n    flex: 1,\n    minHeight: 0,\n    zIndex: 0,\n    position: 'relative',\n  },\n});\n\nconst SortableComponents = SortableContainer(\n  ({\n    isActualBha,\n    components,\n    validate,\n    sortableIndex,\n    onDeleteComponent,\n    onSaveComponent,\n    isMobile,\n    viewColumnsPerRow,\n    editColumnsPerRow,\n    onAutocompleteApplied,\n  }) => {\n    const classes = useStyles();\n\n    return (\n      <div className={classes.body}>\n        {components.map((component, index) => (\n          <SortableComponent\n            key={component.id}\n            index={index}\n            isSortable={sortableIndex === index}\n            sortableIndex={sortableIndex}\n            component={component}\n            isActualBha={isActualBha}\n            isTopComponent={index === 0}\n            isLastCompnent={index === components.length - 1}\n            validate={validate}\n            onDelete={onDeleteComponent}\n            onSave={onSaveComponent}\n            isMobile={isMobile}\n            viewColumnsPerRow={viewColumnsPerRow}\n            editColumnsPerRow={editColumnsPerRow}\n            onAutocompleteApplied={onAutocompleteApplied}\n          />\n        ))}\n      </div>\n    );\n  }\n);\n\nSortableComponents.propTypes = {\n  isActualBha: bool.isRequired,\n  components: arrayOf(shape({ id: string.isRequired })),\n  validate: func.isRequired,\n  sortableIndex: number.isRequired,\n  onSaveComponent: func.isRequired,\n  onDeleteComponent: func.isRequired,\n  isMobile: bool.isRequired,\n  viewColumnsPerRow: number.isRequired,\n  editColumnsPerRow: number.isRequired,\n  onAutocompleteApplied: func.isRequired,\n};\n\nexport default memo(SortableComponents);\n"],"names":["useStyles","makeStyles","body","flex","minHeight","zIndex","position","SortableComponents","SortableContainer","_ref","isActualBha","components","validate","sortableIndex","onDeleteComponent","onSaveComponent","isMobile","viewColumnsPerRow","editColumnsPerRow","onAutocompleteApplied","classes","_jsx","className","children","map","component","index","SortableComponent","isSortable","isTopComponent","isLastCompnent","length","onDelete","onSave","id","propTypes","bool","isRequired","arrayOf","shape","string","func","number","memo"],"mappings":"6SAQA,IAAMA,EAAYC,EAAW,CAC3BC,KAAM,CACJC,KAAM,EACNC,UAAW,EACXC,OAAQ,EACRC,SAAU,cAIRC,EAAqBC,GACzB,SAWMC,GAAA,IAVJC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,kBACAC,IAAAA,kBACAC,IAAAA,sBAEMC,EAAUpB,IAEhB,OACEqB,EAAA,MAAA,CAAKC,UAAWF,EAAQlB,KAAKqB,SAC1BZ,EAAWa,KAAI,SAACC,EAAWC,GAAK,OAC/BL,EAACM,EAAiB,CAEhBD,MAAOA,EACPE,WAAYf,IAAkBa,EAC9Bb,cAAeA,EACfY,UAAWA,EACXf,YAAaA,EACbmB,eAA0B,IAAVH,EAChBI,eAAgBJ,IAAUf,EAAWoB,OAAS,EAC9CnB,SAAUA,EACVoB,SAAUlB,EACVmB,OAAQlB,EACRC,SAAUA,EACVC,kBAAmBA,EACnBC,kBAAmBA,EACnBC,sBAAuBA,GAdlBM,EAAUS,QAmBzB,IAGF3B,EAAmB4B,UAAY,CAC7BzB,YAAa0B,EAAKC,WAClB1B,WAAY2B,EAAQC,EAAM,CAAEL,GAAIM,EAAOH,cACvCzB,SAAU6B,EAAKJ,WACfxB,cAAe6B,EAAOL,WACtBtB,gBAAiB0B,EAAKJ,WACtBvB,kBAAmB2B,EAAKJ,WACxBrB,SAAUoB,EAAKC,WACfpB,kBAAmByB,EAAOL,WAC1BnB,kBAAmBwB,EAAOL,WAC1BlB,sBAAuBsB,EAAKJ,YAG9B,IAAeM,EAAAA,EAAKpC"}
+{"version":3,"file":"SortableComponents.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/SortableComponents.js"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport { memo } from 'react';\nimport { arrayOf, bool, func, number, shape, string } from 'prop-types';\nimport { closestCenter, DndContext, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { makeStyles } from '@material-ui/core';\n\nimport SortableComponent from './SortableComponent';\n\nconst useStyles = makeStyles({\n  body: {\n    flex: 1,\n    minHeight: 0,\n    zIndex: 0,\n    position: 'relative',\n  },\n});\n\nconst SortableComponents = ({\n  isActualBha,\n  components,\n  validate,\n  sortableIndex,\n  onDeleteComponent,\n  onSaveComponent,\n  isMobile,\n  viewColumnsPerRow,\n  editColumnsPerRow,\n  onAutocompleteApplied,\n  onSortStart,\n  onSortEnd,\n  lockAxis,\n  lockToContainerEdges,\n}) => {\n  const classes = useStyles();\n  const sensors = useSensors(useSensor(PointerSensor));\n\n  const modifiers = [\n    lockAxis === 'y' && restrictToVerticalAxis,\n    lockToContainerEdges && restrictToParentElement,\n  ].filter(Boolean);\n\n  const handleDragStart = ({ active }) => {\n    if (!onSortStart) {\n      return;\n    }\n    const index = components.findIndex(item => item.id === active.id);\n    onSortStart({ index });\n  };\n\n  const handleDragEnd = ({ active, over }) => {\n    if (!onSortEnd) {\n      return;\n    }\n    const oldIndex = components.findIndex(item => item.id === active.id);\n    const newIndex = over ? components.findIndex(item => item.id === over.id) : oldIndex;\n    onSortEnd(oldIndex, newIndex);\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      modifiers={modifiers}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n    >\n      <SortableContext\n        items={components.map(component => component.id)}\n        strategy={verticalListSortingStrategy}\n      >\n        <div className={classes.body}>\n          {components.map((component, index) => (\n            <SortableComponent\n              key={component.id}\n              isSortable={sortableIndex === index}\n              sortableIndex={sortableIndex}\n              component={component}\n              isActualBha={isActualBha}\n              isTopComponent={index === 0}\n              isLastCompnent={index === components.length - 1}\n              validate={validate}\n              onDelete={onDeleteComponent}\n              onSave={onSaveComponent}\n              isMobile={isMobile}\n              viewColumnsPerRow={viewColumnsPerRow}\n              editColumnsPerRow={editColumnsPerRow}\n              onAutocompleteApplied={onAutocompleteApplied}\n            />\n          ))}\n        </div>\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nSortableComponents.propTypes = {\n  isActualBha: bool.isRequired,\n  components: arrayOf(shape({ id: string.isRequired })),\n  validate: func.isRequired,\n  sortableIndex: number.isRequired,\n  onSaveComponent: func.isRequired,\n  onDeleteComponent: func.isRequired,\n  isMobile: bool.isRequired,\n  viewColumnsPerRow: number.isRequired,\n  editColumnsPerRow: number.isRequired,\n  onAutocompleteApplied: func.isRequired,\n};\n\nexport default memo(SortableComponents);\n"],"names":["useStyles","makeStyles","body","flex","minHeight","zIndex","position","SortableComponents","_ref","isActualBha","components","validate","sortableIndex","onDeleteComponent","onSaveComponent","isMobile","viewColumnsPerRow","editColumnsPerRow","onAutocompleteApplied","onSortStart","onSortEnd","lockAxis","lockToContainerEdges","classes","sensors","useSensors","useSensor","PointerSensor","modifiers","restrictToVerticalAxis","restrictToParentElement","filter","Boolean","_jsx","DndContext","collisionDetection","closestCenter","onDragStart","_ref2","active","index","findIndex","item","id","onDragEnd","_ref3","over","oldIndex","newIndex","children","SortableContext","items","map","component","strategy","verticalListSortingStrategy","className","SortableComponent","isSortable","isTopComponent","isLastCompnent","length","onDelete","onSave","propTypes","bool","isRequired","arrayOf","shape","string","func","number","memo"],"mappings":"ohBAUA,IAAMA,EAAYC,EAAW,CAC3BC,KAAM,CACJC,KAAM,EACNC,UAAW,EACXC,OAAQ,EACRC,SAAU,cAIRC,EAAqB,SAerBC,GAAA,IAdJC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,kBACAC,IAAAA,kBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,qBAEMC,EAAUvB,IACVwB,EAAUC,EAAWC,EAAUC,IAE/BC,EAAY,CACH,MAAbP,GAAoBQ,EACpBP,GAAwBQ,GACxBC,OAAOC,SAmBT,OACEC,EAACC,EAAU,CACTV,QAASA,EACTW,mBAAoBC,EACpBR,UAAWA,EACXS,YAtBoB,SAAgBC,GAAA,IAAbC,IAAAA,OACzB,GAAKpB,EAAL,CAGA,IAAMqB,EAAQ9B,EAAW+B,WAAU,SAAAC,GAAI,OAAIA,EAAKC,KAAOJ,EAAOI,MAC9DxB,EAAY,CAAEqB,MAAAA,GAFd,GAoBEI,UAfkB,SAAsBC,GAAA,IAAnBN,IAAAA,OAAQO,IAAAA,KAC/B,GAAK1B,EAAL,CAGA,IAAM2B,EAAWrC,EAAW+B,WAAU,SAAAC,GAAI,OAAIA,EAAKC,KAAOJ,EAAOI,MAC3DK,EAAWF,EAAOpC,EAAW+B,WAAU,SAAAC,GAAI,OAAIA,EAAKC,KAAOG,EAAKH,EAAE,IAAII,EAC5E3B,EAAU2B,EAAUC,EAHpB,GAY2BC,SAEzBhB,EAACiB,EAAe,CACdC,MAAOzC,EAAW0C,KAAI,SAAAC,GAAS,OAAIA,EAAUV,MAC7CW,SAAUC,EAA4BN,SAEtChB,EAAA,MAAA,CAAKuB,UAAWjC,EAAQrB,KAAK+C,SAC1BvC,EAAW0C,KAAI,SAACC,EAAWb,GAAK,OAC/BP,EAACwB,EAAiB,CAEhBC,WAAY9C,IAAkB4B,EAC9B5B,cAAeA,EACfyC,UAAWA,EACX5C,YAAaA,EACbkD,eAA0B,IAAVnB,EAChBoB,eAAgBpB,IAAU9B,EAAWmD,OAAS,EAC9ClD,SAAUA,EACVmD,SAAUjD,EACVkD,OAAQjD,EACRC,SAAUA,EACVC,kBAAmBA,EACnBC,kBAAmBA,EACnBC,sBAAuBA,GAblBmC,EAAUV,YAoB7B,EAEApC,EAAmByD,UAAY,CAC7BvD,YAAawD,EAAKC,WAClBxD,WAAYyD,EAAQC,EAAM,CAAEzB,GAAI0B,EAAOH,cACvCvD,SAAU2D,EAAKJ,WACftD,cAAe2D,EAAOL,WACtBpD,gBAAiBwD,EAAKJ,WACtBrD,kBAAmByD,EAAKJ,WACxBnD,SAAUkD,EAAKC,WACflD,kBAAmBuD,EAAOL,WAC1BjD,kBAAmBsD,EAAOL,WAC1BhD,sBAAuBoD,EAAKJ,YAG9B,IAAeM,EAAAA,EAAKjE"}

package/components/NewDocumentViewer/components/CsvViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CsvViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDocumentViewer/components/CsvViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwC1B,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgCvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"CsvViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDocumentViewer/components/CsvViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmG1B,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyBvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/components/NewDocumentViewer/components/CsvViewer.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{AutoSizer as r,Table as t,Column as a}from"react-virtualized";import{makeStyles as i}from"@material-ui/core";import{isDate as l}from"lodash";var o=i({tableWrapper:{borderTop:"1px solid #5C5C5C",borderBottom:"1px solid #5C5C5C",width:"100%",height:"100%",overflow:"scroll"},table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",border:"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{border:"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},cell:{width:200}}),n=function(r){var t=r.cellData,a=o();return e("div",{className:a.cell,children:l(t)?t.toISOString():t})},d=function(i){var l=i.fileData,d=o(),c=Object.keys(l[0]||{});return e("div",{className:d.tableWrapper,children:e(r,{children:function(r){return function(r){var i=r.height;return e(t,{className:d.table,width:200*(c.length||10),height:i,headerHeight:40,rowHeight:50,rowCount:l.length,rowGetter:function(e){var r=e.index;return l[r]},children:c.map((function(r){return e(a,{width:200,flexGrow:1,dataKey:r,label:r,cellRenderer:function(r){var t=r.cellData;return e(n,{cellData:t})}},r)}))})}({height:r.height})}})})};export{d as CsvViewer};
+import e from"@babel/runtime/helpers/defineProperty";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{List as o}from"react-window";import{makeStyles as i}from"@material-ui/core";import{isDate as n}from"lodash";function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function a(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?l(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var c="1px solid #5C5C5C",s=i({tableWrapper:{borderTop:c,borderBottom:c,width:"100%",height:"100%",overflow:"scroll",position:"relative"},wrapper:{position:"absolute",inset:0},list:{position:"absolute !important",inset:"".concat(40,"px 0 0 0")},header:{display:"flex",flexFlow:"row nowrap",height:40,top:0,zIndex:1,background:"inherit",border:c,fontWeight:700},headerCell:{flex:"0 0 auto",width:200,display:"flex",alignItems:"center",padding:"0 8px"},row:{display:"flex",flexFlow:"row nowrap"},cell:{flex:"0 0 auto",width:200,display:"flex",alignItems:"center",padding:"0 8px",border:c,"&:not(:first-child)":{borderLeft:"none"},"&:not(:last-child)":{borderRight:"none"}}}),p=function(e){var t=e.index,o=e.style,i=e.ariaAttributes,l=e.columns,c=e.fileData,p=s(),d=c[t];return r("div",a(a({className:p.row,style:o},i),{},{children:l.map((function(e){var t=null==d?void 0:d[e];return r("div",{className:p.cell,children:n(t)?t.toISOString():t},e)}))}))},d=function(e){var i=e.fileData,n=s(),l=Object.keys(i[0]||{}),a=200*(l.length||10);return r("div",{className:n.tableWrapper,children:t("div",{style:{width:a},className:n.wrapper,children:[r("div",{className:n.header,children:l.map((function(e){return r("div",{className:n.headerCell,children:e},e)}))}),r(o,{rowCount:i.length,rowHeight:50,rowComponent:p,rowProps:{columns:l,fileData:i},className:n.list})]})})};export{d as CsvViewer};
 //# sourceMappingURL=CsvViewer.js.map

package/components/OffsetWellPickerV2/components/Table/index.d.ts

@@ -1,5 +1,85 @@
 export const ROW_HEIGHT: 48;
 export const HEADER_HEIGHT: 44;
-declare const _default: import("react").ComponentType<Pick<any, string | number | symbol> & import("@material-ui/styles").StyledComponentProps<"table" | "title" | "cell" | "tableWrapper" | "sortIcon" | "nameWrapper" | "nameCell" | "unitCell" | "tableRowHoverEnabled" | "settingsCell" | "rigReleaseCell" | "nameCheckBox" | "bodyCell" | "metricsCellWrapper" | "tableTitle" | "tableTitleItems" | "addWellInput" | "sortIconButton" | "ascendingSortIcon" | "metricsColumn" | "tableCellLabel" | "tableCellLabelDisabled" | "errorMsg">>;
+declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+    subjectWell: any;
+    wells: any;
+    offsetWells: any;
+    metricsKeys: any;
+    isMetricsLoading: any;
+    sortInfo: any;
+    unusableWellAlarm: any;
+    classes: any;
+    onChangeMetricsKeys: any;
+    onAddOffsetWell: any;
+    onDeleteOffsetWell: any;
+    onAddAllOffsetWells: any;
+    onDeleteAllOffsetWells: any;
+    onSorting: any;
+}, never> & Pick<PropTypes.InferProps<{
+    subjectWell: PropTypes.Requireable<PropTypes.InferProps<{
+        id: PropTypes.Requireable<number>;
+    }>>;
+    wells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
+    offsetWells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
+    metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
+    isMetricsLoading: PropTypes.Validator<boolean>;
+    sortInfo: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        key: PropTypes.Validator<string>;
+        direction: PropTypes.Validator<number>;
+    }>>>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+    onChangeMetricsKeys: PropTypes.Validator<(...args: any[]) => any>;
+    onAddOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
+    onDeleteOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
+    onAddAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
+    onDeleteAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
+    onSorting: PropTypes.Validator<(...args: any[]) => any>;
+    unusableWellAlarm: PropTypes.Validator<string>;
+}>, "subjectWell" | PropTypes.RequiredKeys<{
+    subjectWell: PropTypes.Requireable<PropTypes.InferProps<{
+        id: PropTypes.Requireable<number>;
+    }>>;
+    wells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
+    offsetWells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
+    metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
+    isMetricsLoading: PropTypes.Validator<boolean>;
+    sortInfo: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        key: PropTypes.Validator<string>;
+        direction: PropTypes.Validator<number>;
+    }>>>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+    onChangeMetricsKeys: PropTypes.Validator<(...args: any[]) => any>;
+    onAddOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
+    onDeleteOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
+    onAddAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
+    onDeleteAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
+    onSorting: PropTypes.Validator<(...args: any[]) => any>;
+    unusableWellAlarm: PropTypes.Validator<string>;
+}>>, PropTypes.RequiredKeys<{
+    subjectWell: PropTypes.Requireable<PropTypes.InferProps<{
+        id: PropTypes.Requireable<number>;
+    }>>;
+    wells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
+    offsetWells: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
+    metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
+    isMetricsLoading: PropTypes.Validator<boolean>;
+    sortInfo: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        key: PropTypes.Validator<string>;
+        direction: PropTypes.Validator<number>;
+    }>>>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+    onChangeMetricsKeys: PropTypes.Validator<(...args: any[]) => any>;
+    onAddOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
+    onDeleteOffsetWell: PropTypes.Validator<(...args: any[]) => any>;
+    onAddAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
+    onDeleteAllOffsetWells: PropTypes.Validator<(...args: any[]) => any>;
+    onSorting: PropTypes.Validator<(...args: any[]) => any>;
+    unusableWellAlarm: PropTypes.Validator<string>;
+}>> & {
+    subjectWell?: PropTypes.InferProps<{
+        id: PropTypes.Requireable<number>;
+    }> | null | undefined;
+} & {}, "wells" | "subjectWell" | "offsetWells" | "unusableWellAlarm" | "onAddOffsetWell" | "onDeleteOffsetWell" | "metricsKeys" | "isMetricsLoading" | "sortInfo" | "onChangeMetricsKeys" | "onAddAllOffsetWells" | "onDeleteAllOffsetWells" | "onSorting"> & import("@material-ui/styles").StyledComponentProps<"header" | "table" | "title" | "cell" | "row" | "tableWrapper" | "headerCell" | "sortIcon" | "rowCell" | "nameWrapper" | "nameCell" | "unitCell" | "tableRowHoverEnabled" | "settingsCell" | "rigReleaseCell" | "nameCheckBox" | "bodyCell" | "metricsCellWrapper" | "tableTitle" | "tableTitleItems" | "addWellInput" | "sortIconButton" | "ascendingSortIcon" | "metricsColumn" | "tableCellLabel" | "tableCellLabelDisabled" | "errorMsg">>;
 export default _default;
+import PropTypes from 'prop-types';
 //# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV2/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"names":[],"mappings":"AAmBA,yBAA0B,EAAE,CAAC;AAC7B,4BAA6B,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"names":[],"mappings":"AAkBA,yBAA0B,EAAE,CAAC;AAC7B,4BAA6B,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAlBV,YAAY"}

package/components/OffsetWellPickerV2/components/Table/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import{memo as r,useMemo as n}from"react";import i from"prop-types";import{isEqual as a,get as l,clone as o}from"lodash";import c from"moment";import s from"classnames";import{withStyles as d,Checkbox as u,Typography as f,IconButton as m}from"@material-ui/core";import p from"@material-ui/icons/Sort";import h from"@material-ui/icons/NotInterested";import{AutoSizer as b,Table as g,Column as y}from"react-virtualized";import{SizeMe as w}from"react-sizeme";import{METRICS_LIST as v,TABLE_COLUMNS as C,SETTINGS_COLUMN as x,METRICS_KEYS as _}from"../../constants.js";import k from"./SubjectIndicator.js";import W from"./MetricsAddMenu.js";import O from"./MetricsSelect.js";import{getUnitDisplay as N,convertValue as R}from"../../../../utils/index.js";import{jsx as j,Fragment as D,jsxs as I}from"react/jsx-runtime";function S(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 T(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?S(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var A=48,q=44,z="WellsTable";function M(e,t){var r,n=l(e,t);switch(t){case"distance":r=Number.isFinite(n)?parseFloat(n).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(n)?c.unix(n).format("MM/DD/YYYY"):"N/A";break;default:r=n||""}return r}function B(r){var i=r.subjectWell,c=r.wells,d=r.offsetWells,w=r.metricsKeys,S=r.isMetricsLoading,A=r.sortInfo,q=r.unusableWellAlarm,B=r.dialogWidth,L=r.classes,P=r.onChangeMetricsKeys,K=r.onAddOffsetWell,F=r.onDeleteOffsetWell,H=r.onAddAllOffsetWells,Y=r.onDeleteAllOffsetWells,E=r.onSorting,V=n((function(){return c.filter((function(e){return e.is_usable}))}),[c]),G=n((function(){var e=V.map((function(e){return e.id})).sort(),t=d.map((function(e){return e.id})).sort();return e.length&&a(e,t)}),[V,d]),X=n((function(){return w.reduce((function(e,t){return e.concat(v.filter((function(e){return e.key===t})))}),[])}),[w]),$=n((function(){return[].concat(t(C),t(X.map((function(e){return T(T({},e),{},{width:240})}))),[x])}),[X]),J=n((function(){if(!B||B<=0)return{};var e={},t=[];return $.filter((function(e){return Number.isFinite(e.width)})).forEach((function(r){e[r.key]=r.width-1,t.push(r.width-1)})),$.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(r){var n=t.reduce((function(e,t){return e+t}),0),i=Math.floor((B-n)/($.length-t.length)),a=r.minWidth||200,l=i<a?a:i;e[r.key]=l-1,t.push(l-1)})),e}),[B,$]),Q=n((function(){return Object.values(J).reduce((function(e,t){return e+t}),0)}),[J]),U=function(e){P(e)},Z=function(e){e.target.checked?H():Y()},ee=function(t){return j(m,{"data-testid":"".concat(z,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:L.sortIconButton,onClick:function(){return function(e){E(e)}(t)},children:t!==A.key?j(h,{className:L.sortIcon}):j(p,{className:s(L.sortIcon,e({},L.ascendingSortIcon,1===A.direction))})})},te=function(e){var t,r=e.label,n=e.dataKey;if("name"===n)return I("div",{"data-testid":"".concat(z,"_wellHeader"),className:L.nameWrapper,children:[j(u,{"data-testid":"".concat(z,"_selectAll"),classes:{checked:L.nameCheckBox,indeterminate:L.nameCheckBox},onClick:Z,checked:G,indeterminate:d.length>0&&!G,size:"small"}),j(f,{className:s(L.cell,L.nameCell),children:r}),ee(n)]});if(w.includes(n)){var i=X.find((function(e){return e.key===n})),a=X.findIndex((function(e){return e.key===n}));return I("div",{"data-testid":"".concat(z,"_header_").concat(n),className:L.metricsColumn,children:[j(O,{items:v,currentValue:n,onChange:(t=a,function(e){var r=o(w);r[t]=e,P(r)})}),j(f,{className:s(L.cell,L.unitCell),children:i.unitType?"(".concat(N(i.unitType,i.to),")"):""}),ee(n)]})}return n===x.key?j("div",{className:L.settingsCell,children:j(W,{metricsKeys:w,onChange:U})}):I("div",{"data-testid":"".concat(z,"_header_").concat(r),className:L.nameWrapper,children:[j(f,{className:L.cell,children:r}),ee(n)]})},re=function(t){var r=t.rowData,n=t.dataKey;if("name"===n)return I("div",{"data-testid":"".concat(z,"_row_").concat(r.name),className:L.nameWrapper,children:[j(u,{"data-testid":"".concat(z,"_wellCheckbox"),color:"primary",checked:d.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?K(t):F(t));var t},size:"small",disabled:!r.is_usable}),j(f,{"data-testid":"".concat(z,"_wellName"),className:s(L.tableCellLabel,e({},L.tableCellLabelDisabled,!r.is_usable)),children:M(r,n)}),i&&r.id===i.id&&j(k,{})]});if(n===x.key)return j("div",{className:L.settingsCell,children:!r.is_usable&&j(f,{className:L.errorMsg,children:q})});var a=null;if(w.includes(n)){var o=X.find((function(e){return e.key===n}));a=function(e,t,r){var n=l(e,t.key);if(_.includes(t.key)){if(Number.isFinite(n)||n)return t.unitType?R(n,t.unitType,t.from,t.to):n;if(r)return"loading..."}return""}(r,o,S)}else a=M(r,n);return j(f,{"data-testid":"".concat(z,"_cell}"),className:s(L.cell,L.tableCellLabel,e({},L.tableCellLabelDisabled,!r.is_usable)),children:a})};return j(D,{children:j("div",{className:L.tableWrapper,children:j(b,{children:function(e){var t=e.height;return j(g,{width:Q,height:t,headerHeight:44,rowHeight:48,rowCount:c.length,rowGetter:function(e){var t=e.index;return c[t]},className:L.table,children:$.map((function(e){return j(y,{width:J[e.key]||200,dataKey:e.key,label:e.label,headerRenderer:te,cellRenderer:re},e.key)}))})}})})})}B.propTypes={subjectWell:i.shape({id:i.number}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})).isRequired,metricsKeys:i.arrayOf(i.string).isRequired,isMetricsLoading:i.bool.isRequired,sortInfo:i.shape({key:i.string.isRequired,direction:i.number.isRequired}).isRequired,classes:i.shape({}).isRequired,onChangeMetricsKeys:i.func.isRequired,onAddOffsetWell:i.func.isRequired,onDeleteOffsetWell:i.func.isRequired,onAddAllOffsetWells:i.func.isRequired,onDeleteAllOffsetWells:i.func.isRequired,onSorting:i.func.isRequired,unusableWellAlarm:i.string.isRequired,dialogWidth:i.number},B.defaultProps={subjectWell:null,dialogWidth:0};var L=d((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",height:2e3,minHeight:150,borderTop:"1px solid rgba(81, 81, 81, 1)"},table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.03)"}},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}}))(r((function(e){return j(w,{monitorWidth:!0,children:function(t){var r=t.size;return j(B,T({dialogWidth:r.width},e))}})})));export{q as HEADER_HEIGHT,A as ROW_HEIGHT,L as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import{memo as r,useMemo as i}from"react";import n from"prop-types";import{isEqual as l,get as a,clone as o}from"lodash";import s from"moment";import c from"classnames";import{withStyles as d,Checkbox as f,Typography as u,IconButton as m}from"@material-ui/core";import p from"@material-ui/icons/Sort";import h from"@material-ui/icons/NotInterested";import{List as b}from"react-window";import{METRICS_LIST as g,TABLE_COLUMNS as y,SETTINGS_COLUMN as w,METRICS_KEYS as x}from"../../constants.js";import C from"./SubjectIndicator.js";import v from"./MetricsAddMenu.js";import W from"./MetricsSelect.js";import{getUnitDisplay as k,convertValue as O}from"../../../../utils/index.js";import{jsx as N,Fragment as j,jsxs as I}from"react/jsx-runtime";function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?S(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):S(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var D=48,A="WellsTable";function _(e,t){var r,i=a(e,t);switch(t){case"distance":r=Number.isFinite(i)?parseFloat(i).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(i)?s.unix(i).format("MM/DD/YYYY"):"N/A";break;default:r=i||""}return r}function q(r){var n=r.subjectWell,s=r.wells,d=r.offsetWells,S=r.metricsKeys,D=r.isMetricsLoading,q=r.sortInfo,T=r.unusableWellAlarm,B=r.classes,L=r.onChangeMetricsKeys,M=r.onAddOffsetWell,P=r.onDeleteOffsetWell,K=r.onAddAllOffsetWells,z=r.onDeleteAllOffsetWells,F=r.onSorting,Y=i((function(){return s.filter((function(e){return e.is_usable}))}),[s]),H=i((function(){var e=Y.map((function(e){return e.id})).sort(),t=d.map((function(e){return e.id})).sort();return e.length&&l(e,t)}),[Y,d]),E=i((function(){return S.reduce((function(e,t){return e.concat(g.filter((function(e){return e.key===t})))}),[])}),[S]),G=i((function(){return[].concat(t(y),t(E.map((function(e){return R(R({},e),{},{width:240})}))),[w])}),[E]),V=function(e){L(e)},X=function(e){e.target.checked?K():z()},$=function(t){return N(m,{"data-testid":"".concat(A,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:B.sortIconButton,onClick:function(){return function(e){F(e)}(t)},children:t!==q.key?N(h,{className:B.sortIcon}):N(p,{className:c(B.sortIcon,e({},B.ascendingSortIcon,1===q.direction))})})},J=function(e){var t,r=e.label,i=e.dataKey;if("name"===i)return I("div",{"data-testid":"".concat(A,"_wellHeader"),className:B.nameWrapper,children:[N(f,{"data-testid":"".concat(A,"_selectAll"),classes:{checked:B.nameCheckBox,indeterminate:B.nameCheckBox},onClick:X,checked:H,indeterminate:d.length>0&&!H,size:"small"}),N(u,{className:c(B.cell,B.nameCell),children:r}),$(i)]});if(S.includes(i)){var n=E.find((function(e){return e.key===i})),l=E.findIndex((function(e){return e.key===i}));return I("div",{"data-testid":"".concat(A,"_header_").concat(i),className:B.metricsColumn,children:[N(W,{items:g,currentValue:i,onChange:(t=l,function(e){var r=o(S);r[t]=e,L(r)})}),N(u,{className:c(B.cell,B.unitCell),children:n.unitType?"(".concat(k(n.unitType,n.to),")"):""}),$(i)]})}return i===w.key?N("div",{className:B.settingsCell,children:N(v,{metricsKeys:S,onChange:V})}):I("div",{"data-testid":"".concat(A,"_header_").concat(r),className:B.nameWrapper,children:[N(u,{className:B.cell,children:r}),$(i)]})},Q=function(t){var r=t.well,i=t.dataKey;if("name"===i)return I("div",{"data-testid":"".concat(A,"_row_").concat(r.name),className:B.nameWrapper,children:[N(f,{"data-testid":"".concat(A,"_wellCheckbox"),color:"primary",checked:d.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?M(t):P(t));var t},size:"small",disabled:!r.is_usable}),N(u,{"data-testid":"".concat(A,"_wellName"),className:c(B.tableCellLabel,e({},B.tableCellLabelDisabled,!r.is_usable)),children:_(r,i)}),n&&r.id===n.id&&N(C,{})]});if(i===w.key)return N("div",{className:B.settingsCell,children:!r.is_usable&&N(u,{className:B.errorMsg,children:T})});var l=null;if(S.includes(i)){var o=E.find((function(e){return e.key===i}));l=function(e,t,r){var i=a(e,t.key);if(x.includes(t.key)){if(Number.isFinite(i)||i)return t.unitType?O(i,t.unitType,t.from,t.to):i;if(r)return"loading..."}return""}(r,o,D)}else l=_(r,i);return N(u,{"data-testid":"".concat(A,"_cell}"),className:c(B.cell,B.tableCellLabel,e({},B.tableCellLabelDisabled,!r.is_usable)),children:l})};return N(j,{children:I("div",{className:B.tableWrapper,children:[N("div",{className:B.header,children:G.map((function(e){return N("div",{className:B.headerCell,style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},children:J({label:e.label,dataKey:e.key})},e.key)}))}),N("div",{className:B.table,children:N(b,{rowCount:s.length,rowHeight:48,rowComponent:function(e){var t=e.index,r=e.style,i=e.ariaAttributes,n=e.wells;return N("div",R(R({style:R({},r)},i),{},{className:B.row,children:G.map((function(e){return N("div",{style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},className:B.rowCell,children:Q({well:n[t],dataKey:e.key})},e.key)}))}))},rowProps:{wells:s,tableColumns:G}})})]})})}q.propTypes={subjectWell:n.shape({id:n.number}),wells:n.arrayOf(n.shape({})).isRequired,offsetWells:n.arrayOf(n.shape({})).isRequired,metricsKeys:n.arrayOf(n.string).isRequired,isMetricsLoading:n.bool.isRequired,sortInfo:n.shape({key:n.string.isRequired,direction:n.number.isRequired}).isRequired,classes:n.shape({}).isRequired,onChangeMetricsKeys:n.func.isRequired,onAddOffsetWell:n.func.isRequired,onDeleteOffsetWell:n.func.isRequired,onAddAllOffsetWells:n.func.isRequired,onDeleteAllOffsetWells:n.func.isRequired,onSorting:n.func.isRequired,unusableWellAlarm:n.string.isRequired},q.defaultProps={subjectWell:null};var T=d((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",minHeight:150,borderTop:"1px solid rgba(81, 81, 81, 1)",height:"100vh"},table:{position:"absolute!important",inset:"44px 0 0"},header:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:44,alignItems:"center"},headerCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{marginLeft:10}},row:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:48,alignItems:"center"},rowCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{paddingLeft:10}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}}))(r(q));export{D as ROW_HEIGHT,T as default};
 //# sourceMappingURL=index.js.map