@corva/ui 3.67.0-5 → 3.67.0-7

package/MCP_README.md

@@ -576,6 +576,10 @@ To check whether telemetry is currently active for your install, run `/mcp__corv
 `get_diagnostics` tool directly) — it reports the resolved telemetry status. Telemetry is fully disabled when no valid
 endpoint is configured.
 
+To opt out entirely, set `CORVA_UI_MCP_TELEMETRY_DISABLED=1` in the server's environment (e.g. in the `env` block of
+your MCP config file) — any non-empty value other than `0` or `false` works. The switch is honored at runtime before
+any telemetry configuration is read.
+
 ## FAQ
 
 ### Does this affect my application bundle or runtime?

package/cjs-bundle/components/Casing/CasingTableV2/components/SortableComponent.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),n=require("classnames"),i=require("react-sortable-hoc"),a=require("@material-ui/core"),l=require("@material-ui/icons/DragIndicator"),u=require("./Component.js"),d=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=s(e),c=s(o),b=s(r),m=s(n),f=s(l),g=a.makeStyles((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"}}})),x=i.sortableHandle((function(e){var o=e.isMobile,t=g({isMobile:o});return d.jsx("div",{className:t.dragIndicatorWrapper,children:d.jsx(a.Tooltip,{title:o?"":"Click & Drag to reorder",children:d.jsx(a.IconButton,{className:t.dragButton,children:d.jsx(f.default,{className:t.dragIndicatorIcon})})})})})),q=i.SortableElement((function(e){var o,r=e.component,n=e.isTopComponent,i=e.isLastCompnent,a=e.isSortable,l=e.sortableIndex,s=e.validate,b=e.onDelete,f=e.onSave,q=e.isMobile,v=e.viewColumnsPerRow,C=e.editColumnsPerRow,R=g({isMobile:q,isSortable:a}),I=t.useState(!1),h=c.default(I,2),S=h[0],y=h[1];return d.jsxs("div",{className:m.default(R.sortableComponent,(o={},p.default(o,R.topComponent,!q&&n),p.default(o,R.bottomComponent,!q&&i),p.default(o,R.dragInidicationHidden,!a&&-1!==l),o)),children:[!S&&d.jsx(x,{isMobile:q}),d.jsx(u,{isMobile:q,viewColumnsPerRow:v,editColumnsPerRow:C,component:r,validate:s,onSave:f,onDelete:b,onChangeEditing:y,isDragComponent:-1!==l})]})}));q.propTypes={isMobile:b.default.bool.isRequired,component:b.default.shape({}).isRequired,isTopComponent:b.default.bool.isRequired,isLastCompnent:b.default.bool.isRequired,isSortable:b.default.bool.isRequired,sortableIndex:b.default.number.isRequired,validate:b.default.func.isRequired,onDelete:b.default.func.isRequired,onSave:b.default.func.isRequired,viewColumnsPerRow:b.default.number.isRequired,editColumnsPerRow:b.default.number.isRequired};var v=t.memo(q);module.exports=v;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),r=require("react"),o=require("prop-types"),n=require("classnames"),i=require("@dnd-kit/sortable"),a=require("@material-ui/core"),s=require("@material-ui/icons/DragIndicator"),u=require("./Component.js"),l=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e),p=d(t),b=d(o),f=d(n),m=d(s);function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){p.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=a.makeStyles((function(e){return{sortableComponent:{position:"relative","&:hover":{"& $dragButton":{display:"block"}},zIndex:"99999999 !important",background:function(t){return t.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(t){return t.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},q=function(e){var t=e.isMobile,r=e.attributes,o=e.listeners,n=v({isMobile:t});return l.jsx("div",{className:n.dragIndicatorWrapper,children:l.jsx(a.Tooltip,{title:t?"":"Click & Drag to reorder",children:l.jsx(a.IconButton,x(x(x({className:n.dragButton},r),o),{},{children:l.jsx(m.default,{className:n.dragIndicatorIcon})}))})})},j=function(e){var t,o=e.component,n=e.isTopComponent,a=e.isLastCompnent,s=e.isSortable,d=e.sortableIndex,b=e.validate,m=e.onDelete,g=e.onSave,x=e.isMobile,j=e.viewColumnsPerRow,C=e.editColumnsPerRow,R=v({isMobile:x,isSortable:s}),O=r.useState(!1),h=c.default(O,2),w=h[0],I=h[1],P=i.useSortable({id:o.id}),S=P.attributes,k=P.listeners,M=P.setNodeRef,D=P.transform,B=P.transition,T={transform:y(D),transition:B};return l.jsxs("div",{ref:M,style:T,className:f.default(R.sortableComponent,(t={},p.default(t,R.topComponent,!x&&n),p.default(t,R.bottomComponent,!x&&a),p.default(t,R.dragInidicationHidden,!s&&-1!==d),t)),children:[!w&&l.jsx(q,{isMobile:x,attributes:S,listeners:k}),l.jsx(u,{isMobile:x,viewColumnsPerRow:j,editColumnsPerRow:C,component:o,validate:b,onSave:g,onDelete:m,onChangeEditing:I,isDragComponent:-1!==d})]})};j.propTypes={isMobile:b.default.bool.isRequired,component:b.default.shape({id:b.default.string.isRequired}).isRequired,isTopComponent:b.default.bool.isRequired,isLastCompnent:b.default.bool.isRequired,isSortable:b.default.bool.isRequired,sortableIndex:b.default.number.isRequired,validate:b.default.func.isRequired,onDelete:b.default.func.isRequired,onSave:b.default.func.isRequired,viewColumnsPerRow:b.default.number.isRequired,editColumnsPerRow:b.default.number.isRequired};var C=r.memo(j);module.exports=C;
 //# sourceMappingURL=SortableComponent.js.map

package/cjs-bundle/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/cjs-bundle/components/Casing/CasingTableV2/components/SortableComponents.js

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

package/cjs-bundle/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":"8LAQMA,EAAYC,EAAAA,WAAW,CAC3BC,KAAM,CACJC,KAAM,EACNC,UAAW,EACXC,OAAQ,EACRC,SAAU,cAIRC,EAAqBC,EAAAA,mBACzB,SASMC,GAAA,IARJC,IAAAA,WACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,kBACAC,IAAAA,kBAEMC,EAAUlB,IAEhB,OACEmB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQhB,KAAKmB,SAC1BX,EAAWY,KAAI,SAACC,EAAWC,GAAK,OAC/BL,EAAAA,IAACM,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,EAAOA,QAACC,QAAM,CAAEH,GAAII,EAAMA,OAACC,cACvC1B,SAAU2B,EAAIA,KAACD,WACfzB,cAAe2B,EAAMA,OAACF,WACtBvB,gBAAiBwB,EAAIA,KAACD,WACtBxB,kBAAmByB,EAAIA,KAACD,WACxBtB,SAAUyB,EAAIA,KAACH,WACfrB,kBAAmBuB,EAAMA,OAACF,WAC1BpB,kBAAmBsB,EAAMA,OAACF,YAG5B,IAAeI,EAAAA,EAAAA,KAAKlC"}
+{"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","jsx","className","SortableComponent","isSortable","isTopComponent","isLastCompnent","length","onDelete","onSave","propTypes","arrayOf","shape","string","isRequired","func","number","bool","memo"],"mappings":"wPAUMA,EAAYC,EAAAA,WAAW,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,EAAUA,WAACC,YAAUC,EAAAA,gBAE/BC,EAAY,CACH,MAAbP,GAAoBQ,EAAAA,uBACpBP,GAAwBQ,2BACxBC,OAAOC,SAmBT,OACEC,EAAAA,IAACC,EAAAA,WAAU,CACTV,QAASA,EACTW,mBAAoBC,EAAcA,cAClCR,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,MAACiB,kBAAe,CACdC,MAAOxC,EAAWyC,KAAI,SAAAC,GAAS,OAAIA,EAAUV,MAC7CW,SAAUC,EAA4BA,4BAAAN,SAEtChB,EAAAuB,IAAA,MAAA,CAAKC,UAAWlC,EAAQnB,KAAK6C,SAC1BtC,EAAWyC,KAAI,SAACC,EAAWb,GAAK,OAC/BP,EAAAA,IAACyB,EAAiB,CAEhBC,WAAY9C,IAAkB2B,EAC9B3B,cAAeA,EACfwC,UAAWA,EACXO,eAA0B,IAAVpB,EAChBqB,eAAgBrB,IAAU7B,EAAWmD,OAAS,EAC9ClD,SAAUA,EACVmD,SAAUjD,EACVkD,OAAQjD,EACRC,SAAUA,EACVC,kBAAmBA,EACnBC,kBAAmBA,GAXdmC,EAAUV,YAkB7B,EAEAlC,EAAmBwD,UAAY,CAC7BtD,WAAYuD,EAAOA,QAACC,QAAM,CAAExB,GAAIyB,EAAMA,OAACC,cACvCzD,SAAU0D,EAAIA,KAACD,WACfxD,cAAe0D,EAAMA,OAACF,WACtBtD,gBAAiBuD,EAAIA,KAACD,WACtBvD,kBAAmBwD,EAAIA,KAACD,WACxBrD,SAAUwD,EAAIA,KAACH,WACfpD,kBAAmBsD,EAAMA,OAACF,WAC1BnD,kBAAmBqD,EAAMA,OAACF,YAG5B,IAAeI,EAAAA,EAAAA,KAAKhE"}

package/cjs-bundle/components/Drillstring/BHAComponentsTable/components/SortableComponent.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("prop-types"),r=require("classnames"),n=require("react-sortable-hoc"),a=require("@material-ui/core"),l=require("@material-ui/icons/DragIndicator"),u=require("./Component.js"),d=require("../../../../constants/bha.js"),s=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(e),b=p(o),m=p(i),f=p(r),g=p(l),v=a.makeStyles((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"}}})),x=n.sortableHandle((function(e){var o=e.isMobile,t=v({isMobile:o});return s.jsx("div",{className:t.dragIndicatorWrapper,children:s.jsx(a.Tooltip,{title:o?"":"Click & Drag to reorder",children:s.jsx(a.IconButton,{className:t.dragIndicatorButton,children:s.jsx(g.default,{className:t.dragIndicatorIcon})})})})})),q=n.SortableElement((function(e){var o,i=e.isActualBha,r=e.component,n=e.isTopComponent,a=e.isLastCompnent,l=e.isSortable,p=e.sortableIndex,m=e.validate,g=e.onDelete,q=e.onSave,C=e.isMobile,I=e.viewColumnsPerRow,h=e.editColumnsPerRow,R=e.onAutocompleteApplied,S=v({isMobile:C,isSortable:l}),y=t.useState(!1),A=b.default(y,2),M=A[0],j=A[1];return s.jsxs("div",{className:f.default(S.sortableComponent,(o={},c.default(o,S.topComponent,!C&&n),c.default(o,S.bottomComponent,!C&&a),c.default(o,S.dragInidicationHidden,!l&&-1!==p),o)),children:[r.family!==d.BHA_FAMILY.bit&&!M&&s.jsx(x,{isMobile:C}),s.jsx(u,{isMobile:C,isActualBha:i,viewColumnsPerRow:I,editColumnsPerRow:h,component:r,validate:m,onSave:q,onDelete:g,onChangeEditing:j,onAutocompleteApplied:R,isDragComponent:-1!==p})]})}));q.propTypes={isActualBha:m.default.bool.isRequired,isMobile:m.default.bool.isRequired,component:m.default.shape({}).isRequired,isTopComponent:m.default.bool.isRequired,isLastCompnent:m.default.bool.isRequired,isSortable:m.default.bool.isRequired,sortableIndex:m.default.number.isRequired,validate:m.default.func.isRequired,onDelete:m.default.func.isRequired,onSave:m.default.func.isRequired,viewColumnsPerRow:m.default.number.isRequired,editColumnsPerRow:m.default.number.isRequired,onAutocompleteApplied:m.default.func.isRequired};var C=t.memo(q);module.exports=C;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),r=require("react"),i=require("prop-types"),o=require("classnames"),n=require("@dnd-kit/sortable"),a=require("@material-ui/core"),s=require("@material-ui/icons/DragIndicator"),u=require("./Component.js"),l=require("../../../../constants/bha.js"),d=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e),b=c(t),f=c(i),m=c(o),g=c(s);function v(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 x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){b.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=a.makeStyles((function(e){return{sortableComponent:{position:"relative","&:hover":{"& $dragIndicatorButton":{visibility:"visible"}},zIndex:"99999999 !important",background:function(t){return t.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(t){return t.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"}}})),q=function(e){return e?"translate3d(".concat(e.x,"px, ").concat(e.y,"px, 0)"):void 0},h=function(e){var t=e.isMobile,r=e.attributes,i=e.listeners,o=y({isMobile:t});return d.jsx("div",{className:o.dragIndicatorWrapper,children:d.jsx(a.Tooltip,{title:t?"":"Click & Drag to reorder",children:d.jsx(a.IconButton,x(x(x({className:o.dragIndicatorButton},r),i),{},{children:d.jsx(g.default,{className:o.dragIndicatorIcon})}))})})},j=function(e){var t,i=e.isActualBha,o=e.component,a=e.isTopComponent,s=e.isLastCompnent,c=e.isSortable,f=e.sortableIndex,g=e.validate,v=e.onDelete,x=e.onSave,j=e.isMobile,R=e.viewColumnsPerRow,C=e.editColumnsPerRow,I=e.onAutocompleteApplied,O=y({isMobile:j,isSortable:c}),w=r.useState(!1),P=p.default(w,2),S=P[0],A=P[1],M=n.useSortable({id:o.id}),k=M.attributes,B=M.listeners,D=M.setNodeRef,T=M.transform,N=M.transition,E={transform:q(T),transition:N};return d.jsxs("div",{ref:D,style:E,className:m.default(O.sortableComponent,(t={},b.default(t,O.topComponent,!j&&a),b.default(t,O.bottomComponent,!j&&s),b.default(t,O.dragInidicationHidden,!c&&-1!==f),t)),children:[o.family!==l.BHA_FAMILY.bit&&!S&&d.jsx(h,{isMobile:j,attributes:k,listeners:B}),d.jsx(u,{isMobile:j,isActualBha:i,viewColumnsPerRow:R,editColumnsPerRow:C,component:o,validate:g,onSave:x,onDelete:v,onChangeEditing:A,onAutocompleteApplied:I,isDragComponent:-1!==f})]})};j.propTypes={isActualBha:f.default.bool.isRequired,isMobile:f.default.bool.isRequired,component:f.default.shape({id:f.default.string.isRequired,family:f.default.string}).isRequired,isTopComponent:f.default.bool.isRequired,isLastCompnent:f.default.bool.isRequired,isSortable:f.default.bool.isRequired,sortableIndex:f.default.number.isRequired,validate:f.default.func.isRequired,onDelete:f.default.func.isRequired,onSave:f.default.func.isRequired,viewColumnsPerRow:f.default.number.isRequired,editColumnsPerRow:f.default.number.isRequired,onAutocompleteApplied:f.default.func.isRequired};var R=r.memo(j);module.exports=R;
 //# sourceMappingURL=SortableComponent.js.map

package/cjs-bundle/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","jsx","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","jsx","Component","onChangeEditing","isDragComponent","propTypes","PropTypes","bool","isRequired","shape","string","number","func","memo"],"mappings":"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"}

package/cjs-bundle/components/Drillstring/BHAComponentsTable/components/SortableComponents.js

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

package/cjs-bundle/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":"8LAQMA,EAAYC,EAAAA,WAAW,CAC3BC,KAAM,CACJC,KAAM,EACNC,UAAW,EACXC,OAAQ,EACRC,SAAU,cAIRC,EAAqBC,EAAAA,mBACzB,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,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQlB,KAAKqB,SAC1BZ,EAAWa,KAAI,SAACC,EAAWC,GAAK,OAC/BL,EAAAA,IAACM,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,EAAIA,KAACC,WAClB1B,WAAY2B,EAAOA,QAACC,QAAM,CAAEL,GAAIM,EAAMA,OAACH,cACvCzB,SAAU6B,EAAIA,KAACJ,WACfxB,cAAe6B,EAAMA,OAACL,WACtBtB,gBAAiB0B,EAAIA,KAACJ,WACtBvB,kBAAmB2B,EAAIA,KAACJ,WACxBrB,SAAUoB,EAAIA,KAACC,WACfpB,kBAAmByB,EAAMA,OAACL,WAC1BnB,kBAAmBwB,EAAMA,OAACL,WAC1BlB,sBAAuBsB,EAAIA,KAACJ,YAG9B,IAAeM,EAAAA,EAAAA,KAAKpC"}
+{"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","jsx","className","SortableComponent","isSortable","isTopComponent","isLastCompnent","length","onDelete","onSave","propTypes","bool","isRequired","arrayOf","shape","string","func","number","memo"],"mappings":"wPAUMA,EAAYC,EAAAA,WAAW,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,EAAUA,WAACC,YAAUC,EAAAA,gBAE/BC,EAAY,CACH,MAAbP,GAAoBQ,EAAAA,uBACpBP,GAAwBQ,2BACxBC,OAAOC,SAmBT,OACEC,EAAAA,IAACC,EAAAA,WAAU,CACTV,QAASA,EACTW,mBAAoBC,EAAcA,cAClCR,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,MAACiB,kBAAe,CACdC,MAAOzC,EAAW0C,KAAI,SAAAC,GAAS,OAAIA,EAAUV,MAC7CW,SAAUC,EAA4BA,4BAAAN,SAEtChB,EAAAuB,IAAA,MAAA,CAAKC,UAAWlC,EAAQrB,KAAK+C,SAC1BvC,EAAW0C,KAAI,SAACC,EAAWb,GAAK,OAC/BP,EAAAA,IAACyB,EAAiB,CAEhBC,WAAY/C,IAAkB4B,EAC9B5B,cAAeA,EACfyC,UAAWA,EACX5C,YAAaA,EACbmD,eAA0B,IAAVpB,EAChBqB,eAAgBrB,IAAU9B,EAAWoD,OAAS,EAC9CnD,SAAUA,EACVoD,SAAUlD,EACVmD,OAAQlD,EACRC,SAAUA,EACVC,kBAAmBA,EACnBC,kBAAmBA,EACnBC,sBAAuBA,GAblBmC,EAAUV,YAoB7B,EAEApC,EAAmB0D,UAAY,CAC7BxD,YAAayD,EAAIA,KAACC,WAClBzD,WAAY0D,EAAOA,QAACC,QAAM,CAAE1B,GAAI2B,EAAMA,OAACH,cACvCxD,SAAU4D,EAAIA,KAACJ,WACfvD,cAAe4D,EAAMA,OAACL,WACtBrD,gBAAiByD,EAAIA,KAACJ,WACtBtD,kBAAmB0D,EAAIA,KAACJ,WACxBpD,SAAUmD,EAAIA,KAACC,WACfnD,kBAAmBwD,EAAMA,OAACL,WAC1BlD,kBAAmBuD,EAAMA,OAACL,WAC1BjD,sBAAuBqD,EAAIA,KAACJ,YAG9B,IAAeM,EAAAA,EAAAA,KAAKlE"}

package/cjs-bundle/components/NewDocumentViewer/components/CsvViewer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-virtualized"),t=require("@material-ui/core"),a=require("lodash"),i=t.makeStyles({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}}),l=function(r){var t=r.cellData,l=i();return e.jsx("div",{className:l.cell,children:a.isDate(t)?t.toISOString():t})};exports.CsvViewer=function(t){var a=t.fileData,n=i(),o=Object.keys(a[0]||{});return e.jsx("div",{className:n.tableWrapper,children:e.jsx(r.AutoSizer,{children:function(t){return function(t){var i=t.height;return e.jsx(r.Table,{className:n.table,width:200*(o.length||10),height:i,headerHeight:40,rowHeight:50,rowCount:a.length,rowGetter:function(e){var r=e.index;return a[r]},children:o.map((function(t){return e.jsx(r.Column,{width:200,flexGrow:1,dataKey:t,label:t,cellRenderer:function(r){var t=r.cellData;return e.jsx(l,{cellData:t})}},t)}))})}({height:t.height})}})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react/jsx-runtime"),t=require("react-window"),i=require("@material-ui/core"),o=require("lodash");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){l.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var c="1px solid #5C5C5C",d=i.makeStyles({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,i=e.style,n=e.ariaAttributes,l=e.columns,a=e.fileData,c=d(),p=a[t];return r.jsx("div",s(s({className:c.row,style:i},n),{},{children:l.map((function(e){var t=null==p?void 0:p[e];return r.jsx("div",{className:c.cell,children:o.isDate(t)?t.toISOString():t},e)}))}))};exports.CsvViewer=function(e){var i=e.fileData,o=d(),n=Object.keys(i[0]||{}),l=200*(n.length||10);return r.jsx("div",{className:o.tableWrapper,children:r.jsxs("div",{style:{width:l},className:o.wrapper,children:[r.jsx("div",{className:o.header,children:n.map((function(e){return r.jsx("div",{className:o.headerCell,children:e},e)}))}),r.jsx(t.List,{rowCount:i.length,rowHeight:50,rowComponent:p,rowProps:{columns:n,fileData:i},className:o.list})]})})};
 //# sourceMappingURL=CsvViewer.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Table/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/toConsumableArray"),r=require("react"),n=require("prop-types"),i=require("lodash"),a=require("moment"),l=require("classnames"),o=require("@material-ui/core"),s=require("@material-ui/icons/Sort"),u=require("@material-ui/icons/NotInterested"),c=require("react-virtualized"),d=require("react-sizeme"),f=require("../../constants.js"),p=require("./SubjectIndicator.js"),m=require("./MetricsAddMenu.js"),h=require("./MetricsSelect.js"),b=require("../../../../utils/index.js"),g=require("react/jsx-runtime");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=x(e),j=x(t),C=x(n),v=x(a),w=x(l),_=x(s),T=x(u);function O(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 S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){y.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var q="WellsTable";function k(e,t){var r,n=i.get(e,t);switch(t){case"distance":r=Number.isFinite(n)?parseFloat(n).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(n)?v.default.unix(n).format("MM/DD/YYYY"):"N/A";break;default:r=n||""}return r}function N(e){var t=e.subjectWell,n=e.wells,a=e.offsetWells,l=e.metricsKeys,s=e.isMetricsLoading,u=e.sortInfo,d=e.unusableWellAlarm,x=e.dialogWidth,C=e.classes,v=e.onChangeMetricsKeys,O=e.onAddOffsetWell,N=e.onDeleteOffsetWell,W=e.onAddAllOffsetWells,I=e.onDeleteAllOffsetWells,R=e.onSorting,M=r.useMemo((function(){return n.filter((function(e){return e.is_usable}))}),[n]),D=r.useMemo((function(){var e=M.map((function(e){return e.id})).sort(),t=a.map((function(e){return e.id})).sort();return e.length&&i.isEqual(e,t)}),[M,a]),A=r.useMemo((function(){return l.reduce((function(e,t){return e.concat(f.METRICS_LIST.filter((function(e){return e.key===t})))}),[])}),[l]),E=r.useMemo((function(){return[].concat(j.default(f.TABLE_COLUMNS),j.default(A.map((function(e){return S(S({},e),{},{width:240})}))),[f.SETTINGS_COLUMN])}),[A]),z=r.useMemo((function(){if(!x||x<=0)return{};var e={},t=[];return E.filter((function(e){return Number.isFinite(e.width)})).forEach((function(r){e[r.key]=r.width-1,t.push(r.width-1)})),E.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((x-n)/(E.length-t.length)),a=r.minWidth||200,l=i<a?a:i;e[r.key]=l-1,t.push(l-1)})),e}),[x,E]),L=r.useMemo((function(){return Object.values(z).reduce((function(e,t){return e+t}),0)}),[z]),B=function(e){v(e)},H=function(e){e.target.checked?W():I()},P=function(e){return g.jsx(o.IconButton,{"data-testid":"".concat(q,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:C.sortIconButton,onClick:function(){return function(e){R(e)}(e)},children:e!==u.key?g.jsx(T.default,{className:C.sortIcon}):g.jsx(_.default,{className:w.default(C.sortIcon,y.default({},C.ascendingSortIcon,1===u.direction))})})},K=function(e){var t,r=e.label,n=e.dataKey;if("name"===n)return g.jsxs("div",{"data-testid":"".concat(q,"_wellHeader"),className:C.nameWrapper,children:[g.jsx(o.Checkbox,{"data-testid":"".concat(q,"_selectAll"),classes:{checked:C.nameCheckBox,indeterminate:C.nameCheckBox},onClick:H,checked:D,indeterminate:a.length>0&&!D,size:"small"}),g.jsx(o.Typography,{className:w.default(C.cell,C.nameCell),children:r}),P(n)]});if(l.includes(n)){var s=A.find((function(e){return e.key===n})),u=A.findIndex((function(e){return e.key===n}));return g.jsxs("div",{"data-testid":"".concat(q,"_header_").concat(n),className:C.metricsColumn,children:[g.jsx(h,{items:f.METRICS_LIST,currentValue:n,onChange:(t=u,function(e){var r=i.clone(l);r[t]=e,v(r)})}),g.jsx(o.Typography,{className:w.default(C.cell,C.unitCell),children:s.unitType?"(".concat(b.getUnitDisplay(s.unitType,s.to),")"):""}),P(n)]})}return n===f.SETTINGS_COLUMN.key?g.jsx("div",{className:C.settingsCell,children:g.jsx(m,{metricsKeys:l,onChange:B})}):g.jsxs("div",{"data-testid":"".concat(q,"_header_").concat(r),className:C.nameWrapper,children:[g.jsx(o.Typography,{className:C.cell,children:r}),P(n)]})},F=function(e){var r=e.rowData,n=e.dataKey;if("name"===n)return g.jsxs("div",{"data-testid":"".concat(q,"_row_").concat(r.name),className:C.nameWrapper,children:[g.jsx(o.Checkbox,{"data-testid":"".concat(q,"_wellCheckbox"),color:"primary",checked:a.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?O(t):N(t));var t},size:"small",disabled:!r.is_usable}),g.jsx(o.Typography,{"data-testid":"".concat(q,"_wellName"),className:w.default(C.tableCellLabel,y.default({},C.tableCellLabelDisabled,!r.is_usable)),children:k(r,n)}),t&&r.id===t.id&&g.jsx(p,{})]});if(n===f.SETTINGS_COLUMN.key)return g.jsx("div",{className:C.settingsCell,children:!r.is_usable&&g.jsx(o.Typography,{className:C.errorMsg,children:d})});var u=null;if(l.includes(n)){var c=A.find((function(e){return e.key===n}));u=function(e,t,r){var n=i.get(e,t.key);if(f.METRICS_KEYS.includes(t.key)){if(Number.isFinite(n)||n)return t.unitType?b.convertValue(n,t.unitType,t.from,t.to):n;if(r)return"loading..."}return""}(r,c,s)}else u=k(r,n);return g.jsx(o.Typography,{"data-testid":"".concat(q,"_cell}"),className:w.default(C.cell,C.tableCellLabel,y.default({},C.tableCellLabelDisabled,!r.is_usable)),children:u})};return g.jsx(g.Fragment,{children:g.jsx("div",{className:C.tableWrapper,children:g.jsx(c.AutoSizer,{children:function(e){var t=e.height;return g.jsx(c.Table,{width:L,height:t,headerHeight:44,rowHeight:48,rowCount:n.length,rowGetter:function(e){var t=e.index;return n[t]},className:C.table,children:E.map((function(e){return g.jsx(c.Column,{width:z[e.key]||200,dataKey:e.key,label:e.label,headerRenderer:K,cellRenderer:F},e.key)}))})}})})})}N.propTypes={subjectWell:C.default.shape({id:C.default.number}),wells:C.default.arrayOf(C.default.shape({})).isRequired,offsetWells:C.default.arrayOf(C.default.shape({})).isRequired,metricsKeys:C.default.arrayOf(C.default.string).isRequired,isMetricsLoading:C.default.bool.isRequired,sortInfo:C.default.shape({key:C.default.string.isRequired,direction:C.default.number.isRequired}).isRequired,classes:C.default.shape({}).isRequired,onChangeMetricsKeys:C.default.func.isRequired,onAddOffsetWell:C.default.func.isRequired,onDeleteOffsetWell:C.default.func.isRequired,onAddAllOffsetWells:C.default.func.isRequired,onDeleteAllOffsetWells:C.default.func.isRequired,onSorting:C.default.func.isRequired,unusableWellAlarm:C.default.string.isRequired,dialogWidth:C.default.number},N.defaultProps={subjectWell:null,dialogWidth:0};var W=o.withStyles((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.memo((function(e){return g.jsx(d.SizeMe,{monitorWidth:!0,children:function(t){var r=t.size;return g.jsx(N,S({dialogWidth:r.width},e))}})})));exports.HEADER_HEIGHT=44,exports.ROW_HEIGHT=48,exports.default=W;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/toConsumableArray"),r=require("react"),l=require("prop-types"),i=require("lodash"),n=require("moment"),a=require("classnames"),s=require("@material-ui/core"),o=require("@material-ui/icons/Sort"),c=require("@material-ui/icons/NotInterested"),d=require("react-window"),u=require("../../constants.js"),f=require("./SubjectIndicator.js"),p=require("./MetricsAddMenu.js"),m=require("./MetricsSelect.js"),h=require("../../../../utils/index.js"),g=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(e),y=b(t),w=b(l),C=b(n),j=b(a),v=b(o),S=b(c);function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){x.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T="WellsTable";function q(e,t){var r,l=i.get(e,t);switch(t){case"distance":r=Number.isFinite(l)?parseFloat(l).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(l)?C.default.unix(l).format("MM/DD/YYYY"):"N/A";break;default:r=l||""}return r}function I(e){var t=e.subjectWell,l=e.wells,n=e.offsetWells,a=e.metricsKeys,o=e.isMetricsLoading,c=e.sortInfo,b=e.unusableWellAlarm,w=e.classes,C=e.onChangeMetricsKeys,N=e.onAddOffsetWell,I=e.onDeleteOffsetWell,W=e.onAddAllOffsetWells,k=e.onDeleteAllOffsetWells,_=e.onSorting,R=r.useMemo((function(){return l.filter((function(e){return e.is_usable}))}),[l]),M=r.useMemo((function(){var e=R.map((function(e){return e.id})).sort(),t=n.map((function(e){return e.id})).sort();return e.length&&i.isEqual(e,t)}),[R,n]),D=r.useMemo((function(){return a.reduce((function(e,t){return e.concat(u.METRICS_LIST.filter((function(e){return e.key===t})))}),[])}),[a]),L=r.useMemo((function(){return[].concat(y.default(u.TABLE_COLUMNS),y.default(D.map((function(e){return O(O({},e),{},{width:240})}))),[u.SETTINGS_COLUMN])}),[D]),A=function(e){C(e)},B=function(e){e.target.checked?W():k()},E=function(e){return g.jsx(s.IconButton,{"data-testid":"".concat(T,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:w.sortIconButton,onClick:function(){return function(e){_(e)}(e)},children:e!==c.key?g.jsx(S.default,{className:w.sortIcon}):g.jsx(v.default,{className:j.default(w.sortIcon,x.default({},w.ascendingSortIcon,1===c.direction))})})},P=function(e){var t,r=e.label,l=e.dataKey;if("name"===l)return g.jsxs("div",{"data-testid":"".concat(T,"_wellHeader"),className:w.nameWrapper,children:[g.jsx(s.Checkbox,{"data-testid":"".concat(T,"_selectAll"),classes:{checked:w.nameCheckBox,indeterminate:w.nameCheckBox},onClick:B,checked:M,indeterminate:n.length>0&&!M,size:"small"}),g.jsx(s.Typography,{className:j.default(w.cell,w.nameCell),children:r}),E(l)]});if(a.includes(l)){var o=D.find((function(e){return e.key===l})),c=D.findIndex((function(e){return e.key===l}));return g.jsxs("div",{"data-testid":"".concat(T,"_header_").concat(l),className:w.metricsColumn,children:[g.jsx(m,{items:u.METRICS_LIST,currentValue:l,onChange:(t=c,function(e){var r=i.clone(a);r[t]=e,C(r)})}),g.jsx(s.Typography,{className:j.default(w.cell,w.unitCell),children:o.unitType?"(".concat(h.getUnitDisplay(o.unitType,o.to),")"):""}),E(l)]})}return l===u.SETTINGS_COLUMN.key?g.jsx("div",{className:w.settingsCell,children:g.jsx(p,{metricsKeys:a,onChange:A})}):g.jsxs("div",{"data-testid":"".concat(T,"_header_").concat(r),className:w.nameWrapper,children:[g.jsx(s.Typography,{className:w.cell,children:r}),E(l)]})},K=function(e){var r=e.well,l=e.dataKey;if("name"===l)return g.jsxs("div",{"data-testid":"".concat(T,"_row_").concat(r.name),className:w.nameWrapper,children:[g.jsx(s.Checkbox,{"data-testid":"".concat(T,"_wellCheckbox"),color:"primary",checked:n.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?N(t):I(t));var t},size:"small",disabled:!r.is_usable}),g.jsx(s.Typography,{"data-testid":"".concat(T,"_wellName"),className:j.default(w.tableCellLabel,x.default({},w.tableCellLabelDisabled,!r.is_usable)),children:q(r,l)}),t&&r.id===t.id&&g.jsx(f,{})]});if(l===u.SETTINGS_COLUMN.key)return g.jsx("div",{className:w.settingsCell,children:!r.is_usable&&g.jsx(s.Typography,{className:w.errorMsg,children:b})});var c=null;if(a.includes(l)){var d=D.find((function(e){return e.key===l}));c=function(e,t,r){var l=i.get(e,t.key);if(u.METRICS_KEYS.includes(t.key)){if(Number.isFinite(l)||l)return t.unitType?h.convertValue(l,t.unitType,t.from,t.to):l;if(r)return"loading..."}return""}(r,d,o)}else c=q(r,l);return g.jsx(s.Typography,{"data-testid":"".concat(T,"_cell}"),className:j.default(w.cell,w.tableCellLabel,x.default({},w.tableCellLabelDisabled,!r.is_usable)),children:c})};return g.jsx(g.Fragment,{children:g.jsxs("div",{className:w.tableWrapper,children:[g.jsx("div",{className:w.header,children:L.map((function(e){return g.jsx("div",{className:w.headerCell,style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},children:P({label:e.label,dataKey:e.key})},e.key)}))}),g.jsx("div",{className:w.table,children:g.jsx(d.List,{rowCount:l.length,rowHeight:48,rowComponent:function(e){var t=e.index,r=e.style,l=e.ariaAttributes,i=e.wells;return g.jsx("div",O(O({style:O({},r)},l),{},{className:w.row,children:L.map((function(e){return g.jsx("div",{style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},className:w.rowCell,children:K({well:i[t],dataKey:e.key})},e.key)}))}))},rowProps:{wells:l,tableColumns:L}})})]})})}I.propTypes={subjectWell:w.default.shape({id:w.default.number}),wells:w.default.arrayOf(w.default.shape({})).isRequired,offsetWells:w.default.arrayOf(w.default.shape({})).isRequired,metricsKeys:w.default.arrayOf(w.default.string).isRequired,isMetricsLoading:w.default.bool.isRequired,sortInfo:w.default.shape({key:w.default.string.isRequired,direction:w.default.number.isRequired}).isRequired,classes:w.default.shape({}).isRequired,onChangeMetricsKeys:w.default.func.isRequired,onAddOffsetWell:w.default.func.isRequired,onDeleteOffsetWell:w.default.func.isRequired,onAddAllOffsetWells:w.default.func.isRequired,onDeleteAllOffsetWells:w.default.func.isRequired,onSorting:w.default.func.isRequired,unusableWellAlarm:w.default.string.isRequired},I.defaultProps={subjectWell:null};var W=s.withStyles((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.memo(I));exports.ROW_HEIGHT=48,exports.default=W;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, clone, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Typography, IconButton, Checkbox, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport { AutoSizer, Column, Table } from 'react-virtualized';\nimport { SizeMe } from 'react-sizeme';\n\nimport { TABLE_COLUMNS, METRICS_LIST, METRICS_KEYS, SETTINGS_COLUMN } from '../../constants';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\n\nimport { getUnitDisplay, convertValue } from '~/utils';\n\nexport const ROW_HEIGHT = 48;\nexport const HEADER_HEIGHT = 44;\n\nconst PAGE_NAME = 'WellsTable';\n\nconst muiStyles = theme => ({\n  title: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: '15px',\n    marginTop: '16px',\n  },\n  tableWrapper: {\n    marginTop: '24px',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    position: 'relative',\n    height: 2000,\n    minHeight: 150,\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n  },\n  table: {\n    '& .ReactVirtualized__Table__headerRow': {\n      textTransform: 'none',\n      borderBottom: theme.isLightTheme\n        ? '1px solid rgba(224, 224, 224, 1)'\n        : '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__row': {\n      borderBottom: theme.isLightTheme\n        ? '1px solid rgba(224, 224, 224, 1)'\n        : '1px solid rgba(81, 81, 81, 1)',\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.03)',\n      },\n    },\n    '& .ReactVirtualized__Table__Grid': {\n      outline: 'none',\n    },\n    '& .ReactVirtualized__Table__headerColumn': {\n      outline: 'none',\n    },\n  },\n  cell: {\n    color: 'rgba(255, 255, 255, 0.54)',\n    padding: '5px 10px',\n    fontSize: '12px',\n    whiteSpace: 'nowrap',\n  },\n  nameWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  nameCell: {\n    padding: 0,\n  },\n  unitCell: {\n    padding: 0,\n  },\n  tableRowHoverEnabled: {\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  settingsCell: {\n    textAlign: 'right',\n  },\n  rigReleaseCell: {\n    whiteSpace: 'nowrap',\n  },\n  nameCheckBox: {\n    color: theme.palette.primary.main,\n  },\n  bodyCell: {\n    fontSize: '0.90rem',\n    padding: '5px 10px',\n  },\n  metricsCellWrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignContent: 'center',\n  },\n  tableTitle: {\n    fontSize: '16px',\n    lineHeight: '140.6%',\n    marginTop: 10,\n  },\n  tableTitleItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  addWellInput: {\n    width: 300,\n    marginTop: 10,\n  },\n  sortIconButton: {\n    padding: '8px',\n    '&:hover $sortIcon': {\n      color: '#fff',\n    },\n  },\n  ascendingSortIcon: {\n    transform: 'scaleY(-1)',\n  },\n  sortIcon: {\n    fontSize: '14px',\n    color: '#BDBDBD',\n  },\n  metricsColumn: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tableCellLabel: {\n    fontSize: '0.90rem',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    color: '#fff',\n  },\n  tableCellLabelDisabled: {\n    color: '#C4C4C4',\n  },\n  errorMsg: {\n    color: '#C4C4C4',\n    fontStyle: 'italic',\n    fontSize: '14px',\n    padding: '0 16px',\n    whiteSpace: 'nowrap',\n  },\n});\n\nfunction formatItem(item, key) {\n  const value = get(item, key);\n\n  let result;\n  switch (key) {\n    case 'distance':\n      result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n      break;\n    case 'rigReleaseDate':\n      result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n      break;\n    default:\n      result = value || '';\n  }\n\n  return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n  const value = get(item, metric.key);\n\n  if (METRICS_KEYS.includes(metric.key)) {\n    if (Number.isFinite(value) || value) {\n      return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n    }\n\n    if (isMetricsLoading) {\n      return 'loading...';\n    }\n  }\n\n  return '';\n}\n\n/* eslint-disable react/no-array-index-key */\nfunction WellsTable({\n  subjectWell,\n  wells,\n  offsetWells,\n  metricsKeys,\n  isMetricsLoading,\n  sortInfo,\n  unusableWellAlarm,\n  dialogWidth,\n  classes,\n  onChangeMetricsKeys,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n  onAddAllOffsetWells,\n  onDeleteAllOffsetWells,\n  onSorting,\n}) {\n  // NOTE: Get usable wells & offset wells only\n  const usableWells = useMemo(() => {\n    return wells.filter(item => item.is_usable);\n  }, [wells]);\n\n  // NOTE: Just compare among usable wells\n  const isAllUsableWellsSelected = useMemo(() => {\n    const usableWellIds = usableWells.map(well => well.id).sort();\n    const offsetWellIds = offsetWells.map(well => well.id).sort();\n    return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n  }, [usableWells, offsetWells]);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    return metricsKeys.reduce(\n      (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n      []\n    );\n  }, [metricsKeys]);\n\n  // NOTE: Table columns\n  const tableColumns = useMemo(() => {\n    return [\n      ...TABLE_COLUMNS,\n      ...metricsColumns.map(item => ({ ...item, width: 240 })),\n      SETTINGS_COLUMN,\n    ];\n  }, [metricsColumns]);\n\n  // NOTE: Calculate width of each table columns\n  const columnWidthDict = useMemo(() => {\n    if (!dialogWidth || dialogWidth <= 0) {\n      return {};\n    }\n\n    const result = {};\n    // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n    const adjustedColumns = [];\n\n    // NOTE: Give fixed width to the columns with \"width\" field\n    tableColumns\n      .filter(column => Number.isFinite(column.width))\n      .forEach(column => {\n        result[column.key] = column.width - 1;\n        adjustedColumns.push(column.width - 1);\n      });\n\n    tableColumns\n      .filter(column => !Number.isFinite(column.width))\n      .forEach(column => {\n        // NOTE: Width sum of adjusted columns\n        const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n          (subResult, columnWidth) => subResult + columnWidth,\n          0\n        );\n        // NOTE: Expected space for the column\n        const calculatedWidth = Math.floor(\n          (dialogWidth - sumOfAdjustColumnWidth) / (tableColumns.length - adjustedColumns.length)\n        );\n\n        const requiredWidth = column.minWidth || 200;\n        const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n        result[column.key] = adjustedWidth - 1;\n        adjustedColumns.push(adjustedWidth - 1);\n      });\n\n    return result;\n  }, [dialogWidth, tableColumns]);\n\n  // NOTE: Calculate table width from adjusted columns width\n  const tableWidth = useMemo(() => {\n    return Object.values(columnWidthDict).reduce((result, item) => result + item, 0);\n  }, [columnWidthDict]);\n\n  const handleChangeMetricsKeys = newKeys => {\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleChangeColumnMetricsKey = columnIdx => newKey => {\n    const newKeys = clone(metricsKeys);\n    newKeys[columnIdx] = newKey;\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleSorting = dataKey => {\n    onSorting(dataKey);\n  };\n\n  const handleToggleWell = (targetId, checked) => {\n    if (checked) {\n      onAddOffsetWell(targetId);\n    } else {\n      onDeleteOffsetWell(targetId);\n    }\n  };\n\n  const handleToggleWells = e => {\n    if (e.target.checked) {\n      onAddAllOffsetWells();\n    } else {\n      onDeleteAllOffsetWells();\n    }\n  };\n\n  const sortIconRenderer = dataKey => {\n    return (\n      <IconButton\n        data-testid={`${PAGE_NAME}_sortRemove`}\n        data-not-migrated-muiiconbutton\n        className={classes.sortIconButton}\n        onClick={() => handleSorting(dataKey)}\n      >\n        {dataKey !== sortInfo.key ? (\n          <NotInterestedIcon className={classes.sortIcon} />\n        ) : (\n          <SortIcon\n            className={classNames(classes.sortIcon, {\n              [classes.ascendingSortIcon]: sortInfo.direction === 1,\n            })}\n          />\n        )}\n      </IconButton>\n    );\n  };\n\n  // NOTE: Table renderers\n  const headerRenderer = headerData => {\n    const { label, dataKey } = headerData;\n\n    // name column\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_wellHeader`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_selectAll`}\n            classes={{\n              checked: classes.nameCheckBox,\n              indeterminate: classes.nameCheckBox,\n            }}\n            onClick={handleToggleWells}\n            checked={isAllUsableWellsSelected}\n            indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n            size=\"small\"\n          />\n          <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // metrics columns\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n      return (\n        <div data-testid={`${PAGE_NAME}_header_${dataKey}`} className={classes.metricsColumn}>\n          <MetricsSelect\n            items={METRICS_LIST}\n            currentValue={dataKey}\n            onChange={handleChangeColumnMetricsKey(metricIndex)}\n          />\n          <Typography className={classNames(classes.cell, classes.unitCell)}>\n            {currentMetric.unitType\n              ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n              : ''}\n          </Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n        </div>\n      );\n    }\n\n    return (\n      <div data-testid={`${PAGE_NAME}_header_${label}`} className={classes.nameWrapper}>\n        <Typography className={classes.cell}>{label}</Typography>\n        {sortIconRenderer(dataKey)}\n      </div>\n    );\n  };\n\n  const cellRenderer = ({ rowData: well, dataKey }) => {\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_row_${well.name}`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_wellCheckbox`}\n            color=\"primary\"\n            checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n            onChange={e => handleToggleWell(well.id, e.target.checked)}\n            size=\"small\"\n            disabled={!well.is_usable}\n          />\n\n          <Typography\n            data-testid={`${PAGE_NAME}_wellName`}\n            className={classNames(classes.tableCellLabel, {\n              [classes.tableCellLabelDisabled]: !well.is_usable,\n            })}\n          >\n            {formatItem(well, dataKey)}\n          </Typography>\n          {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          {!well.is_usable && (\n            <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n          )}\n        </div>\n      );\n    }\n\n    let formattedCellData = null;\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n    } else {\n      formattedCellData = formatItem(well, dataKey);\n    }\n    return (\n      <Typography\n        data-testid={`${PAGE_NAME}_cell}`}\n        className={classNames(classes.cell, classes.tableCellLabel, {\n          [classes.tableCellLabelDisabled]: !well.is_usable,\n        })}\n      >\n        {formattedCellData}\n      </Typography>\n    );\n  };\n\n  return (\n    <>\n      <div className={classes.tableWrapper}>\n        <AutoSizer>\n          {({ height }) => (\n            <Table\n              width={tableWidth}\n              height={height}\n              headerHeight={HEADER_HEIGHT}\n              rowHeight={ROW_HEIGHT}\n              rowCount={wells.length}\n              rowGetter={({ index }) => wells[index]}\n              className={classes.table}\n            >\n              {tableColumns.map(column => (\n                <Column\n                  key={column.key}\n                  width={columnWidthDict[column.key] || 200}\n                  dataKey={column.key}\n                  label={column.label}\n                  headerRenderer={headerRenderer}\n                  cellRenderer={cellRenderer}\n                />\n              ))}\n            </Table>\n          )}\n        </AutoSizer>\n      </div>\n    </>\n  );\n}\n\nWellsTable.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  isMetricsLoading: PropTypes.bool.isRequired,\n  sortInfo: PropTypes.shape({\n    key: PropTypes.string.isRequired,\n    direction: PropTypes.number.isRequired,\n  }).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  onChangeMetricsKeys: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n  onAddAllOffsetWells: PropTypes.func.isRequired,\n  onDeleteAllOffsetWells: PropTypes.func.isRequired,\n  onSorting: PropTypes.func.isRequired,\n  unusableWellAlarm: PropTypes.string.isRequired,\n  dialogWidth: PropTypes.number,\n  // isAdvancedSearch: PropTypes.bool,\n};\n\nWellsTable.defaultProps = {\n  subjectWell: null,\n  dialogWidth: 0,\n  // isAdvancedSearch: false,\n};\n\n// NOTE: Monitor the dialog width for table cell width\nfunction WithSizeMe(props) {\n  return (\n    <SizeMe monitorWidth>{({ size }) => <WellsTable dialogWidth={size.width} {...props} />}</SizeMe>\n  );\n}\n\nexport default withStyles(muiStyles)(memo(WithSizeMe));\n"],"names":["PAGE_NAME","formatItem","item","key","result","value","get","Number","isFinite","parseFloat","toFixed","moment","unix","format","WellsTable","_ref","subjectWell","wells","offsetWells","metricsKeys","isMetricsLoading","sortInfo","unusableWellAlarm","dialogWidth","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","_toConsumableArray","TABLE_COLUMNS","_objectSpread","width","SETTINGS_COLUMN","columnWidthDict","adjustedColumns","column","forEach","push","sumOfAdjustColumnWidth","subResult","columnWidth","calculatedWidth","Math","floor","requiredWidth","minWidth","adjustedWidth","tableWidth","Object","values","handleChangeMetricsKeys","newKeys","handleToggleWells","e","target","checked","sortIconRenderer","dataKey","_jsx","IconButton","className","sortIconButton","onClick","handleSorting","children","NotInterestedIcon","sortIcon","SortIcon","classNames","_defineProperty","ascendingSortIcon","direction","headerRenderer","headerData","columnIdx","label","_jsxs","nameWrapper","Checkbox","nameCheckBox","indeterminate","size","Typography","cell","nameCell","includes","currentMetric","find","metricIndex","findIndex","metricsColumn","MetricsSelect","items","currentValue","onChange","newKey","clone","unitCell","unitType","getUnitDisplay","to","settingsCell","MetricsAddMenu","cellRenderer","_ref2","rowData","name","color","offsetWell","targetId","disabled","tableCellLabel","tableCellLabelDisabled","jsx","SubjectIndicator","errorMsg","formattedCellData","metric","METRICS_KEYS","convertValue","from","formatMetricItem","_Fragment","tableWrapper","AutoSizer","_ref3","height","Table","headerHeight","rowHeight","rowCount","rowGetter","_ref4","index","table","Column","propTypes","PropTypes","shape","number","arrayOf","isRequired","string","bool","func","defaultProps","withStyles","theme","title","display","justifyContent","alignItems","flexWrap","marginBottom","marginTop","overflowX","overflowY","position","minHeight","borderTop","textTransform","borderBottom","isLightTheme","backgroundColor","outline","padding","fontSize","whiteSpace","tableRowHoverEnabled","textAlign","rigReleaseCell","palette","primary","main","bodyCell","metricsCellWrapper","flexDirection","alignContent","tableTitle","lineHeight","tableTitleItems","addWellInput","transform","overflow","textOverflow","fontStyle","memo","props","SizeMe","monitorWidth","_ref5"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Table/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { clone, get, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Checkbox, IconButton, Typography, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport { List } from 'react-window';\n\nimport { METRICS_KEYS, METRICS_LIST, SETTINGS_COLUMN, TABLE_COLUMNS } from '../../constants';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\n\nexport const ROW_HEIGHT = 48;\nexport const HEADER_HEIGHT = 44;\n\nconst PAGE_NAME = 'WellsTable';\n\nconst muiStyles = theme => ({\n  title: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: '15px',\n    marginTop: '16px',\n  },\n  tableWrapper: {\n    marginTop: '24px',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    position: 'relative',\n    minHeight: 150,\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n    height: '100vh',\n  },\n  table: {\n    position: 'absolute!important',\n    inset: '44px 0 0',\n  },\n  header: {\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    borderBottom: theme.isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    height: 44,\n    alignItems: 'center',\n  },\n  headerCell: {\n    flex: '0 0',\n    alignSelf: 'center',\n    paddingRight: 10,\n    '&:first-child': { marginLeft: 10 },\n  },\n  row: {\n    display: 'flex',\n    flexFlow: 'row nowrap',\n    borderBottom: theme.isLightTheme\n      ? '1px solid rgba(224, 224, 224, 1)'\n      : '1px solid rgba(81, 81, 81, 1)',\n    height: ROW_HEIGHT,\n    alignItems: 'center',\n  },\n  rowCell: {\n    flex: '0 0',\n    alignSelf: 'center',\n    paddingRight: 10,\n    '&:first-child': { paddingLeft: 10 },\n  },\n  cell: {\n    color: 'rgba(255, 255, 255, 0.54)',\n    padding: '5px 10px',\n    fontSize: '12px',\n    whiteSpace: 'nowrap',\n  },\n  nameWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  nameCell: {\n    padding: 0,\n  },\n  unitCell: {\n    padding: 0,\n  },\n  tableRowHoverEnabled: {\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  settingsCell: {\n    textAlign: 'right',\n  },\n  rigReleaseCell: {\n    whiteSpace: 'nowrap',\n  },\n  nameCheckBox: {\n    color: theme.palette.primary.main,\n  },\n  bodyCell: {\n    fontSize: '0.90rem',\n    padding: '5px 10px',\n  },\n  metricsCellWrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignContent: 'center',\n  },\n  tableTitle: {\n    fontSize: '16px',\n    lineHeight: '140.6%',\n    marginTop: 10,\n  },\n  tableTitleItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  addWellInput: {\n    width: 300,\n    marginTop: 10,\n  },\n  sortIconButton: {\n    padding: '8px',\n    '&:hover $sortIcon': {\n      color: '#fff',\n    },\n  },\n  ascendingSortIcon: {\n    transform: 'scaleY(-1)',\n  },\n  sortIcon: {\n    fontSize: '14px',\n    color: '#BDBDBD',\n  },\n  metricsColumn: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tableCellLabel: {\n    fontSize: '0.90rem',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    color: '#fff',\n  },\n  tableCellLabelDisabled: {\n    color: '#C4C4C4',\n  },\n  errorMsg: {\n    color: '#C4C4C4',\n    fontStyle: 'italic',\n    fontSize: '14px',\n    padding: '0 16px',\n    whiteSpace: 'nowrap',\n  },\n});\n\nfunction formatItem(item, key) {\n  const value = get(item, key);\n\n  let result;\n  switch (key) {\n    case 'distance':\n      result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n      break;\n    case 'rigReleaseDate':\n      result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n      break;\n    default:\n      result = value || '';\n  }\n\n  return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n  const value = get(item, metric.key);\n\n  if (METRICS_KEYS.includes(metric.key)) {\n    if (Number.isFinite(value) || value) {\n      return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n    }\n\n    if (isMetricsLoading) {\n      return 'loading...';\n    }\n  }\n\n  return '';\n}\n\n/* eslint-disable react/no-array-index-key */\nfunction WellsTable({\n  subjectWell,\n  wells,\n  offsetWells,\n  metricsKeys,\n  isMetricsLoading,\n  sortInfo,\n  unusableWellAlarm,\n  classes,\n  onChangeMetricsKeys,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n  onAddAllOffsetWells,\n  onDeleteAllOffsetWells,\n  onSorting,\n}) {\n  // NOTE: Get usable wells & offset wells only\n  const usableWells = useMemo(() => {\n    return wells.filter(item => item.is_usable);\n  }, [wells]);\n\n  // NOTE: Just compare among usable wells\n  const isAllUsableWellsSelected = useMemo(() => {\n    const usableWellIds = usableWells.map(well => well.id).sort();\n    const offsetWellIds = offsetWells.map(well => well.id).sort();\n    return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n  }, [usableWells, offsetWells]);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    return metricsKeys.reduce(\n      (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n      []\n    );\n  }, [metricsKeys]);\n\n  // NOTE: Table columns\n  const tableColumns = useMemo(() => {\n    return [\n      ...TABLE_COLUMNS,\n      ...metricsColumns.map(item => ({ ...item, width: 240 })),\n      SETTINGS_COLUMN,\n    ];\n  }, [metricsColumns]);\n\n  const handleChangeMetricsKeys = newKeys => {\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleChangeColumnMetricsKey = columnIdx => newKey => {\n    const newKeys = clone(metricsKeys);\n    newKeys[columnIdx] = newKey;\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleSorting = dataKey => {\n    onSorting(dataKey);\n  };\n\n  const handleToggleWell = (targetId, checked) => {\n    if (checked) {\n      onAddOffsetWell(targetId);\n    } else {\n      onDeleteOffsetWell(targetId);\n    }\n  };\n\n  const handleToggleWells = e => {\n    if (e.target.checked) {\n      onAddAllOffsetWells();\n    } else {\n      onDeleteAllOffsetWells();\n    }\n  };\n\n  const sortIconRenderer = dataKey => {\n    return (\n      <IconButton\n        data-testid={`${PAGE_NAME}_sortRemove`}\n        data-not-migrated-muiiconbutton\n        className={classes.sortIconButton}\n        onClick={() => handleSorting(dataKey)}\n      >\n        {dataKey !== sortInfo.key ? (\n          <NotInterestedIcon className={classes.sortIcon} />\n        ) : (\n          <SortIcon\n            className={classNames(classes.sortIcon, {\n              [classes.ascendingSortIcon]: sortInfo.direction === 1,\n            })}\n          />\n        )}\n      </IconButton>\n    );\n  };\n\n  // NOTE: Table renderers\n  const headerRenderer = headerData => {\n    const { label, dataKey } = headerData;\n\n    // name column\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_wellHeader`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_selectAll`}\n            classes={{\n              checked: classes.nameCheckBox,\n              indeterminate: classes.nameCheckBox,\n            }}\n            onClick={handleToggleWells}\n            checked={isAllUsableWellsSelected}\n            indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n            size=\"small\"\n          />\n          <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // metrics columns\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n      return (\n        <div data-testid={`${PAGE_NAME}_header_${dataKey}`} className={classes.metricsColumn}>\n          <MetricsSelect\n            items={METRICS_LIST}\n            currentValue={dataKey}\n            onChange={handleChangeColumnMetricsKey(metricIndex)}\n          />\n          <Typography className={classNames(classes.cell, classes.unitCell)}>\n            {currentMetric.unitType\n              ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n              : ''}\n          </Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n        </div>\n      );\n    }\n\n    return (\n      <div data-testid={`${PAGE_NAME}_header_${label}`} className={classes.nameWrapper}>\n        <Typography className={classes.cell}>{label}</Typography>\n        {sortIconRenderer(dataKey)}\n      </div>\n    );\n  };\n\n  const cellRenderer = ({ well, dataKey }) => {\n    if (dataKey === 'name') {\n      return (\n        <div data-testid={`${PAGE_NAME}_row_${well.name}`} className={classes.nameWrapper}>\n          <Checkbox\n            data-testid={`${PAGE_NAME}_wellCheckbox`}\n            color=\"primary\"\n            checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n            onChange={e => handleToggleWell(well.id, e.target.checked)}\n            size=\"small\"\n            disabled={!well.is_usable}\n          />\n\n          <Typography\n            data-testid={`${PAGE_NAME}_wellName`}\n            className={classNames(classes.tableCellLabel, {\n              [classes.tableCellLabelDisabled]: !well.is_usable,\n            })}\n          >\n            {formatItem(well, dataKey)}\n          </Typography>\n          {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          {!well.is_usable && (\n            <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n          )}\n        </div>\n      );\n    }\n\n    let formattedCellData = null;\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n    } else {\n      formattedCellData = formatItem(well, dataKey);\n    }\n    return (\n      <Typography\n        data-testid={`${PAGE_NAME}_cell}`}\n        className={classNames(classes.cell, classes.tableCellLabel, {\n          [classes.tableCellLabelDisabled]: !well.is_usable,\n        })}\n      >\n        {formattedCellData}\n      </Typography>\n    );\n  };\n\n  return (\n    <>\n      <div className={classes.tableWrapper}>\n        <div className={classes.header}>\n          {tableColumns.map(column => (\n            <div\n              className={classes.headerCell}\n              key={column.key}\n              style={{\n                flexBasis: column.width,\n                minWidth: column.minWidth,\n                flexGrow: column.minWidth ? 1 : 0,\n              }}\n            >\n              {headerRenderer({ label: column.label, dataKey: column.key })}\n            </div>\n          ))}\n        </div>\n        <div className={classes.table}>\n          <List\n            rowCount={wells.length}\n            rowHeight={ROW_HEIGHT}\n            rowComponent={({ index, style, ariaAttributes, wells }) => {\n              return (\n                <div style={{ ...style }} {...ariaAttributes} className={classes.row}>\n                  {tableColumns.map(column => (\n                    <div\n                      key={column.key}\n                      style={{\n                        flexBasis: column.width,\n                        minWidth: column.minWidth,\n                        flexGrow: column.minWidth ? 1 : 0,\n                      }}\n                      className={classes.rowCell}\n                    >\n                      {cellRenderer({\n                        well: wells[index],\n                        dataKey: column.key,\n                      })}\n                    </div>\n                  ))}\n                </div>\n              );\n            }}\n            rowProps={{ wells, tableColumns }}\n          />\n        </div>\n      </div>\n    </>\n  );\n}\n\nWellsTable.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  isMetricsLoading: PropTypes.bool.isRequired,\n  sortInfo: PropTypes.shape({\n    key: PropTypes.string.isRequired,\n    direction: PropTypes.number.isRequired,\n  }).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  onChangeMetricsKeys: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n  onAddAllOffsetWells: PropTypes.func.isRequired,\n  onDeleteAllOffsetWells: PropTypes.func.isRequired,\n  onSorting: PropTypes.func.isRequired,\n  unusableWellAlarm: PropTypes.string.isRequired,\n  // isAdvancedSearch: PropTypes.bool,\n};\n\nWellsTable.defaultProps = {\n  subjectWell: null,\n  // isAdvancedSearch: false,\n};\n\nexport default withStyles(muiStyles)(memo(WellsTable));\n"],"names":["PAGE_NAME","formatItem","item","key","result","value","get","Number","isFinite","parseFloat","toFixed","moment","unix","format","WellsTable","_ref","subjectWell","wells","offsetWells","metricsKeys","isMetricsLoading","sortInfo","unusableWellAlarm","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","_toConsumableArray","TABLE_COLUMNS","_objectSpread","width","SETTINGS_COLUMN","handleChangeMetricsKeys","newKeys","handleToggleWells","e","target","checked","sortIconRenderer","dataKey","_jsx","IconButton","className","sortIconButton","onClick","handleSorting","children","NotInterestedIcon","sortIcon","SortIcon","classNames","_defineProperty","ascendingSortIcon","direction","headerRenderer","headerData","columnIdx","label","_jsxs","nameWrapper","Checkbox","nameCheckBox","indeterminate","size","Typography","cell","nameCell","includes","currentMetric","find","metricIndex","findIndex","metricsColumn","MetricsSelect","items","currentValue","onChange","newKey","clone","unitCell","unitType","getUnitDisplay","to","settingsCell","MetricsAddMenu","cellRenderer","_ref2","name","color","offsetWell","targetId","disabled","tableCellLabel","tableCellLabelDisabled","jsx","SubjectIndicator","errorMsg","formattedCellData","metric","METRICS_KEYS","convertValue","from","formatMetricItem","_Fragment","jsxs","tableWrapper","header","column","headerCell","style","flexBasis","minWidth","flexGrow","table","List","rowCount","rowHeight","rowComponent","_ref3","index","ariaAttributes","row","rowCell","rowProps","propTypes","PropTypes","shape","number","arrayOf","isRequired","string","bool","func","defaultProps","withStyles","theme","title","display","justifyContent","alignItems","flexWrap","marginBottom","marginTop","overflowX","overflowY","position","minHeight","borderTop","height","inset","flexFlow","borderBottom","isLightTheme","flex","alignSelf","paddingRight","marginLeft","paddingLeft","padding","fontSize","whiteSpace","tableRowHoverEnabled","backgroundColor","textAlign","rigReleaseCell","palette","primary","main","bodyCell","metricsCellWrapper","flexDirection","alignContent","tableTitle","lineHeight","tableTitleItems","addWellInput","transform","overflow","textOverflow","fontStyle","memo"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/toConsumableArray"),t=require("react-virtualized"),i=require("react-sizeme"),n=require("react"),s=require("prop-types"),l=require("lodash"),a=require("moment"),u=require("classnames"),o=require("@material-ui/core"),c=require("@material-ui/icons/Sort"),d=require("@material-ui/icons/NotInterested"),f=require("../../constants.js"),h=require("./SubjectIndicator.js"),m=require("./MetricsAddMenu.js"),b=require("./MetricsSelect.js"),p=require("./styles.js"),y=require("./AssetSearch.js"),j=require("../../../../../../utils/index.js"),g=require("react/jsx-runtime");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=x(e),v=x(r),N=x(a),C=x(u),O=x(c),M=x(d);function T(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function k(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?T(Object(t),!0).forEach((function(r){q.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function W(e,r){var t,i=l.get(e,r);switch(r){case"distance":t=Number.isFinite(i)?parseFloat(i).toFixed(2):"N/A";break;case"rigReleaseDate":t=Number.isFinite(i)?N.default.unix(i).format("MM/DD/YYYY"):"N/A";break;default:t=i||""}return t}function R(e){var r=e.open,i=e.subjectWell,s=e.wells,a=e.offsetWells,u=e.metricsKeys,c=e.isMetricsLoading,d=e.sortInfo,x=e.unusableWellAlarm,N=e.dialogWidth,T=e.onChangeMetricsKeys,R=e.onAddOffsetWell,S=e.onDeleteOffsetWell,w=e.onAddAllOffsetWells,I=e.onDeleteAllOffsetWells,A=e.onSorting,D=e.isTablet,E=e.isMobile,L=e.companyId,_=p.useStyles({isTablet:D,isMobile:E}),P=n.useRef(),K=n.useMemo((function(){return s.filter((function(e){return e.is_usable}))}),[s]),F=n.useMemo((function(){var e=K.map((function(e){return e.id})).sort(),r=a.map((function(e){return e.id})).sort();return e.length&&l.isEqual(e,r)}),[K,a]),z=n.useMemo((function(){return u.reduce((function(e,r){return e.concat(f.METRICS_LIST.filter((function(e){return e.key===r})))}),[])}),[u]),B=n.useMemo((function(){return[].concat(v.default(f.TABLE_COLUMNS),v.default(z.map((function(e){return k(k({},e),{},{width:240})}))),[f.SETTINGS_COLUMN])}),[z]),U=n.useMemo((function(){if(!N||N<=0)return{};var e={},r=[];return B.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),B.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var i=r.reduce((function(e,r){return e+r}),0),n=Math.floor((N-i)/(B.length-r.length)),s=t.minWidth||200,l=n<s?s:n;e[t.key]=l-1,r.push(l-1)})),e}),[N,B]),Y=n.useMemo((function(){var e;return(null===(e=P.current)||void 0===e?void 0:e.clientWidth)>1004&&r?P.current.clientWidth:1004}),[U,P.current,r]),G=function(e){T(e)},H=function(e){e.target.checked?w():I()},V=function(e){return g.jsx(o.IconButton,{"data-not-migrated-muiiconbutton":!0,className:_.sortIconButton,onClick:function(){return function(e){A(e)}(e)},children:e!==d.key?g.jsx(M.default,{className:_.sortIcon}):g.jsx(O.default,{className:C.default(_.sortIcon,q.default({},_.ascendingSortIcon,1===d.direction))})})},J=function(e){var r,t=e.label,i=e.dataKey;if("name"===i)return g.jsxs("div",{className:_.nameWrapper,children:[g.jsx(o.Checkbox,{classes:{checked:_.nameCheckBox,indeterminate:_.nameCheckBox},onClick:H,checked:F,indeterminate:a.length>0&&!F,size:"small"}),g.jsx(o.Typography,{className:C.default(_.cell,_.nameCell),children:t}),V(i)]});if(u.includes(i)){var n=z.find((function(e){return e.key===i})),s=z.findIndex((function(e){return e.key===i}));return g.jsxs("div",{className:_.metricsColumn,children:[g.jsx(b,{items:f.METRICS_LIST,currentValue:i,onChange:(r=s,function(e){var t=l.clone(u);t[r]=e,T(t)})}),g.jsx(o.Typography,{className:C.default(_.cell,_.unitCell),children:n.unitType?"(".concat(j.getUnitDisplay(n.unitType,n.to),")"):""}),V(i)]})}return i===f.SETTINGS_COLUMN.key?g.jsx("div",{className:_.settingsCell,children:g.jsx(m,{metricsKeys:u,onChange:G})}):g.jsxs("div",{className:_.nameWrapper,children:[g.jsx(o.Typography,{className:_.cell,children:t}),V(i)]})},Q=function(e){var r=e.rowData,t=e.dataKey;if("name"===t)return g.jsxs("div",{className:_.nameWrapper,children:[g.jsx(o.Checkbox,{color:"primary",checked:a.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?R(t):S(t));var t},size:"small",disabled:!r.is_usable}),g.jsx(o.Typography,{className:C.default(_.tableCellLabel,q.default({},_.tableCellLabelDisabled,!r.is_usable)),children:W(r,t)}),i&&r.id===i.id&&g.jsx(h,{})]});if(t===f.SETTINGS_COLUMN.key)return g.jsx("div",{className:_.settingsCell,children:!r.is_usable&&g.jsx(o.Typography,{className:_.errorMsg,children:x})});var n=null;if(u.includes(t)){var s=z.find((function(e){return e.key===t}));n=function(e,r,t){var i=l.get(e,r.key);if(f.METRICS_KEYS.includes(r.key)){if(Number.isFinite(i)||i)return r.unitType?j.convertValue(i,r.unitType,r.from,r.to):i;if(t)return"loading..."}return""}(r,s,c)}else n=W(r,t);return g.jsx(o.Typography,{className:C.default(_.cell,_.tableCellLabel,q.default({},_.tableCellLabelDisabled,!r.is_usable)),children:n})},X=n.useMemo((function(){return Math.min(48*s.length+44+52,2e3)}),[s]);return g.jsx(g.Fragment,{children:g.jsxs("div",{className:_.tableContainer,style:{height:X},children:[g.jsxs("div",{className:_.titleWrapper,children:[g.jsxs(o.Typography,{variant:"body2",className:_.tableTitle,children:["Well Names (",a.length,")"]}),g.jsx("div",{className:_.addWellInput,children:g.jsx(y,{company:L,onClickAsset:function(e){R(e)},isTablet:D,isMobile:E})})]}),g.jsx("div",{className:_.tableTopBorder,ref:P,style:{width:!D&&E&&Y}}),g.jsx(t.AutoSizer,{children:function(){return g.jsx(t.Table,{width:Y,height:X,headerHeight:44,rowHeight:48,rowCount:s.length,rowGetter:function(e){var r=e.index;return s[r]},className:_.table,children:B.map((function(e){return g.jsx(t.Column,{width:U[e.key]||200,dataKey:e.key,label:e.label,headerRenderer:J,cellRenderer:Q},e.key)}))})}})]})})}R.propTypes={open:s.bool.isRequired,subjectWell:s.shape({id:s.number}),wells:s.arrayOf(s.shape({})).isRequired,offsetWells:s.arrayOf(s.shape({})).isRequired,metricsKeys:s.arrayOf(s.string).isRequired,isMetricsLoading:s.bool.isRequired,sortInfo:s.shape({key:s.string.isRequired,direction:s.number.isRequired}).isRequired,onChangeMetricsKeys:s.func.isRequired,onAddOffsetWell:s.func.isRequired,onDeleteOffsetWell:s.func.isRequired,onAddAllOffsetWells:s.func.isRequired,onDeleteAllOffsetWells:s.func.isRequired,onSorting:s.func.isRequired,unusableWellAlarm:s.string.isRequired,dialogWidth:s.number,isMobile:s.bool.isRequired,isTablet:s.bool.isRequired,companyId:s.number.isRequired},R.defaultProps={subjectWell:null,dialogWidth:0};var S=n.memo((function(e){return g.jsx(i.SizeMe,{monitorWidth:!0,children:function(r){var t=r.size;return g.jsx(R,k({dialogWidth:t.width},e))}})}));module.exports=S;
+"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/defineProperty"),t=require("react-window"),i=require("react-sizeme"),n=require("react"),s=require("prop-types"),l=require("lodash"),a=require("moment"),u=require("classnames"),o=require("@material-ui/core"),c=require("@material-ui/icons/Sort"),d=require("@material-ui/icons/NotInterested"),f=require("../../constants.js"),h=require("./SubjectIndicator.js"),m=require("./MetricsAddMenu.js"),y=require("./MetricsSelect.js"),p=require("./styles.js"),b=require("./AssetSearch.js"),j=require("../../../../../../utils/index.js"),g=require("react/jsx-runtime");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=x(e),q=x(r),N=x(a),w=x(u),C=x(c),k=x(d);function M(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?M(Object(t),!0).forEach((function(r){q.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function W(e,r){var t,i=l.get(e,r);switch(r){case"distance":t=Number.isFinite(i)?parseFloat(i).toFixed(2):"N/A";break;case"rigReleaseDate":t=Number.isFinite(i)?N.default.unix(i).format("MM/DD/YYYY"):"N/A";break;default:t=i||""}return t}var T=function(e){var r=e.index,t=e.style,i=e.ariaAttributes,n=e.wells,s=e.tableColumns,l=e.columnWidthDict,a=e.cellRenderer,u=n[r];return g.jsx("div",O(O({style:O(O({},t),{},{display:"flex",flexFlow:"row nowrap"})},i),{},{children:s.map((function(e){return g.jsx("div",{style:{flex:"0 0 auto",width:l[e.key]||200,height:48},children:a({rowData:u,dataKey:e.key})},e.key)}))}))};function R(e){var r=e.open,i=e.subjectWell,s=e.wells,a=e.offsetWells,u=e.metricsKeys,c=e.isMetricsLoading,d=e.sortInfo,x=e.unusableWellAlarm,N=e.dialogWidth,M=e.onChangeMetricsKeys,R=e.onAddOffsetWell,S=e.onDeleteOffsetWell,I=e.onAddAllOffsetWells,A=e.onDeleteAllOffsetWells,D=e.onSorting,L=e.isTablet,E=e.isMobile,_=e.companyId,P=p.useStyles({isTablet:L,isMobile:E}),F=n.useRef(),K=n.useMemo((function(){return s.filter((function(e){return e.is_usable}))}),[s]),B=n.useMemo((function(){var e=K.map((function(e){return e.id})).sort(),r=a.map((function(e){return e.id})).sort();return e.length&&l.isEqual(e,r)}),[K,a]),z=n.useMemo((function(){return u.reduce((function(e,r){return e.concat(f.METRICS_LIST.filter((function(e){return e.key===r})))}),[])}),[u]),U=n.useMemo((function(){return[].concat(v.default(f.TABLE_COLUMNS),v.default(z.map((function(e){return O(O({},e),{},{width:240})}))),[f.SETTINGS_COLUMN])}),[z]),Y=n.useMemo((function(){if(!N||N<=0)return{};var e={},r=[];return U.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),U.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var i=r.reduce((function(e,r){return e+r}),0),n=Math.floor((N-i)/(U.length-r.length)),s=t.minWidth||200,l=n<s?s:n;e[t.key]=l-1,r.push(l-1)})),e}),[N,U]),G=n.useMemo((function(){var e;return(null===(e=F.current)||void 0===e?void 0:e.clientWidth)>1004&&r?F.current.clientWidth:1004}),[Y,F.current,r]),V=function(e){M(e)},H=function(e){e.target.checked?I():A()},J=function(e){return g.jsx(o.IconButton,{"data-not-migrated-muiiconbutton":!0,className:P.sortIconButton,onClick:function(){return function(e){D(e)}(e)},children:e!==d.key?g.jsx(k.default,{className:P.sortIcon}):g.jsx(C.default,{className:w.default(P.sortIcon,q.default({},P.ascendingSortIcon,1===d.direction))})})},Q=function(e){var r,t=e.label,i=e.dataKey;if("name"===i)return g.jsxs("div",{className:P.nameWrapper,children:[g.jsx(o.Checkbox,{classes:{checked:P.nameCheckBox,indeterminate:P.nameCheckBox},onClick:H,checked:B,indeterminate:a.length>0&&!B,size:"small"}),g.jsx(o.Typography,{className:w.default(P.cell,P.nameCell),children:t}),J(i)]});if(u.includes(i)){var n=z.find((function(e){return e.key===i})),s=z.findIndex((function(e){return e.key===i}));return g.jsxs("div",{className:P.metricsColumn,children:[g.jsx(y,{items:f.METRICS_LIST,currentValue:i,onChange:(r=s,function(e){var t=l.clone(u);t[r]=e,M(t)})}),g.jsx(o.Typography,{className:w.default(P.cell,P.unitCell),children:n.unitType?"(".concat(j.getUnitDisplay(n.unitType,n.to),")"):""}),J(i)]})}return i===f.SETTINGS_COLUMN.key?g.jsx("div",{className:P.settingsCell,children:g.jsx(m,{metricsKeys:u,onChange:V})}):g.jsxs("div",{className:P.nameWrapper,children:[g.jsx(o.Typography,{className:P.cell,children:t}),J(i)]})},X=n.useCallback((function(e){var r=e.rowData,t=e.dataKey;if("name"===t)return g.jsxs("div",{className:P.nameWrapper,children:[g.jsx(o.Checkbox,{color:"primary",checked:a.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?R(t):S(t));var t},size:"small",disabled:!r.is_usable}),g.jsx(o.Typography,{className:w.default(P.tableCellLabel,q.default({},P.tableCellLabelDisabled,!r.is_usable)),children:W(r,t)}),i&&r.id===i.id&&g.jsx(h,{})]});if(t===f.SETTINGS_COLUMN.key)return g.jsx("div",{className:P.settingsCell,children:!r.is_usable&&g.jsx(o.Typography,{className:P.errorMsg,children:x})});var n=null;if(u.includes(t)){var s=z.find((function(e){return e.key===t}));n=function(e,r,t){var i=l.get(e,r.key);if(f.METRICS_KEYS.includes(r.key)){if(Number.isFinite(i)||i)return r.unitType?j.convertValue(i,r.unitType,r.from,r.to):i;if(t)return"loading..."}return""}(r,s,c)}else n=W(r,t);return g.jsx(o.Typography,{className:w.default(P.cell,P.tableCellLabel,q.default({},P.tableCellLabelDisabled,!r.is_usable)),children:n})}),[P,c,z,u,a,i,x]),Z=n.useMemo((function(){return Math.min(48*s.length+44+52,2e3)}),[s]),$=Math.max(Z-44,0),ee=n.useMemo((function(){return{wells:s,tableColumns:U,columnWidthDict:Y,cellRenderer:X}}),[s,U,Y,X]);return g.jsx(g.Fragment,{children:g.jsxs("div",{className:P.tableContainer,style:{height:Z},children:[g.jsxs("div",{className:P.titleWrapper,children:[g.jsxs(o.Typography,{variant:"body2",className:P.tableTitle,children:["Well Names (",a.length,")"]}),g.jsx("div",{className:P.addWellInput,children:g.jsx(b,{company:_,onClickAsset:function(e){R(e)},isTablet:L,isMobile:E})})]}),g.jsx("div",{className:P.tableTopBorder,ref:F,style:{width:!L&&E&&G}}),g.jsxs("div",{className:P.table,style:{position:"relative",width:G,height:Z},children:[g.jsx("div",{style:{display:"flex",flexFlow:"row nowrap",height:44},children:U.map((function(e){return g.jsx("div",{style:{flex:"0 0 auto",width:Y[e.key]||200,height:44},children:Q({label:e.label,dataKey:e.key})},e.key)}))}),g.jsx(t.List,{rowCount:s.length,rowHeight:48,rowComponent:T,rowProps:ee,style:{height:$}})]})]})})}R.propTypes={open:s.bool.isRequired,subjectWell:s.shape({id:s.number}),wells:s.arrayOf(s.shape({})).isRequired,offsetWells:s.arrayOf(s.shape({})).isRequired,metricsKeys:s.arrayOf(s.string).isRequired,isMetricsLoading:s.bool.isRequired,sortInfo:s.shape({key:s.string.isRequired,direction:s.number.isRequired}).isRequired,onChangeMetricsKeys:s.func.isRequired,onAddOffsetWell:s.func.isRequired,onDeleteOffsetWell:s.func.isRequired,onAddAllOffsetWells:s.func.isRequired,onDeleteAllOffsetWells:s.func.isRequired,onSorting:s.func.isRequired,unusableWellAlarm:s.string.isRequired,dialogWidth:s.number,isMobile:s.bool.isRequired,isTablet:s.bool.isRequired,companyId:s.number.isRequired},R.defaultProps={subjectWell:null,dialogWidth:0};var S=n.memo((function(e){return g.jsx(i.SizeMe,{monitorWidth:!0,children:function(r){var t=r.size;return g.jsx(R,O({dialogWidth:t.width},e))}})}));module.exports=S;
 //# sourceMappingURL=index.js.map