@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Button/components/LiveButton/index.js

@@ -1 +1,87 @@
-import{__rest as o,__assign as s}from'./../../../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as t}from"react/jsx-runtime";import c from"moment-timezone";import{Tooltip as n}from"@material-ui/core";import e from"classnames";import{RightSmallIcon as m}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/Gap.js";import r from"../Button/index.js";import{LiveButtonState as a}from"./constants.js";export{LiveButtonState}from"./constants.js";import{LiveButtonStateIndicator as p}from"./components/LiveButtonStateIndicator/index.js";import{useStyles as l}from"./styles.js";var u=function(o,s){return o===a.Default?"Go to Live data":o===a.Live?"Data receiving in real-time":t("div",{children:["Asset isn't Live",i("br",{}),s&&"Last active: ".concat(c(s).format("MMM D YYYY, hh:mm A"))]})},d=function(c){var d,j=c.size,I=void 0===j?"medium":j,f=c.state,v=void 0===f?a.Default:f,h=c.startIcon,b=c.children,x=void 0===b?"Live":b,A=c.className,C=c.tooltipProps,L=c.lastActiveAt,F=o(c,["size","state","startIcon","children","className","tooltipProps","lastActiveAt"]),k=l({size:I}),z=k[I],D={placement:"bottom",title:u(v,L)},M=h||i(m,{size:"small"===I?20:24});return i(n,s({},D,C,{children:t(r,s({},F,{className:e(k.root,z,(d={},d[k.liveState]=v===a.Live,d[k.offlineState]=v===a.Offline,d),A),size:I,startIcon:v===a.Default&&M,children:[x,i(p,{state:v})]}))}))};export{d as LiveButton,u as getTooltipText};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import moment from 'moment-timezone';
+import { Tooltip } from '@material-ui/core';
+import classNames from 'classnames';
+import { RightSmallIcon } from '../../../../icons/iconParkIcons.js';
+import '../../../../icons/customIcons/icons/AddMessage.js';
+import '../../../../icons/customIcons/icons/Attention.js';
+import '../../../../icons/customIcons/icons/Collapse.js';
+import '../../../../icons/customIcons/icons/Dashboard.js';
+import '../../../../icons/customIcons/icons/Expand.js';
+import '../../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../../icons/customIcons/icons/Search.js';
+import '../../../../icons/customIcons/icons/Wellhub.js';
+import '../../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../../icons/customIcons/icons/Checkbox.js';
+import '../../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../../icons/customIcons/icons/Radio.js';
+import '../../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../../icons/customIcons/icons/MoreApp.js';
+import '../../../../icons/customIcons/icons/Pad.js';
+import '../../../../icons/customIcons/icons/Gap.js';
+import Button from '../Button/index.js';
+import { LiveButtonState } from './constants.js';
+export { LiveButtonState } from './constants.js';
+import { LiveButtonStateIndicator } from './components/LiveButtonStateIndicator/index.js';
+import { useStyles } from './styles.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["size", "state", "startIcon", "children", "className", "tooltipProps", "lastActiveAt"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getTooltipText = function getTooltipText(state, lastActiveAt) {
+  if (state === LiveButtonState.Default) return 'Go to Live data';
+  if (state === LiveButtonState.Live) return 'Data receiving in real-time';
+  return /*#__PURE__*/jsxs("div", {
+    children: ["Asset isn't Live", /*#__PURE__*/jsx("br", {}), lastActiveAt && "Last active: ".concat(moment(lastActiveAt).format('MMM D YYYY, hh:mm A'))]
+  });
+};
+var LiveButton = function LiveButton(_ref) {
+  var _classNames;
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? LiveButtonState.Default : _ref$state,
+    startIcon = _ref.startIcon,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? 'Live' : _ref$children,
+    className = _ref.className,
+    tooltipProps = _ref.tooltipProps,
+    lastActiveAt = _ref.lastActiveAt,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var styles = useStyles({
+    size: size
+  });
+  var sizeClass = styles[size];
+  var defaultTooltipProps = {
+    placement: 'bottom',
+    title: getTooltipText(state, lastActiveAt)
+  };
+  var isSmall = size === 'small';
+  var startIconElement = startIcon || /*#__PURE__*/jsx(RightSmallIcon, {
+    size: isSmall ? 20 : 24
+  });
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread(_objectSpread({}, defaultTooltipProps), tooltipProps), {}, {
+    children: /*#__PURE__*/jsxs(Button, _objectSpread(_objectSpread({}, props), {}, {
+      className: classNames(styles.root, sizeClass, (_classNames = {}, _defineProperty(_classNames, styles.liveState, state === LiveButtonState.Live), _defineProperty(_classNames, styles.offlineState, state === LiveButtonState.Offline), _classNames), className),
+      size: size,
+      startIcon: state === LiveButtonState.Default && startIconElement,
+      children: [children, /*#__PURE__*/jsx(LiveButtonStateIndicator, {
+        state: state
+      })]
+    }))
+  }));
+};
+
+export { LiveButton, getTooltipText };
+//# sourceMappingURL=index.js.map

package/components/Button/components/LiveButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Button/components/LiveButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport moment from 'moment-timezone';\nimport { Tooltip } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { RightSmallIcon } from '~/icons';\nimport Button, { ButtonProps } from '../Button';\nimport { LiveButtonState, LiveButtonStateType } from './constants';\nimport { LiveButtonStateIndicator } from './components';\nimport { useStyles } from './styles';\n\nexport interface LiveButtonProps extends ButtonProps {\n  children?: React.ReactNode;\n  className?: string;\n  lastActiveAt?: string;\n  size?: 'small' | 'medium' | 'large';\n  startIcon?: React.ReactNode;\n  state?: LiveButtonStateType;\n  tooltipProps?: Record<string, any>;\n}\n\nexport const getTooltipText = (state: LiveButtonStateType, lastActiveAt?: string) => {\n  if (state === LiveButtonState.Default) return 'Go to Live data';\n  if (state === LiveButtonState.Live) return 'Data receiving in real-time';\n\n  return (\n    <div>\n      Asset isn't Live\n      <br />\n      {lastActiveAt && `Last active: ${moment(lastActiveAt).format('MMM D YYYY, hh:mm A')}`}\n    </div>\n  );\n};\n\nexport const LiveButton: React.FC<LiveButtonProps> = ({\n  size = 'medium',\n  state = LiveButtonState.Default,\n  startIcon,\n  children = 'Live',\n  className,\n  tooltipProps,\n  lastActiveAt,\n  ...props\n}) => {\n  const styles = useStyles({ size });\n  const sizeClass = styles[size as keyof typeof styles];\n\n  const defaultTooltipProps = {\n    placement: 'bottom' as const,\n    title: getTooltipText(state, lastActiveAt),\n  };\n  const isSmall = size === 'small';\n  const startIconElement = startIcon || <RightSmallIcon size={isSmall ? 20 : 24} />;\n\n  return (\n    <Tooltip {...defaultTooltipProps} {...tooltipProps}>\n      <Button\n        {...props}\n        className={classNames(\n          styles.root,\n          sizeClass,\n          {\n            [styles.liveState]: state === LiveButtonState.Live,\n            [styles.offlineState]: state === LiveButtonState.Offline,\n          },\n          className\n        )}\n        size={size}\n        startIcon={state === LiveButtonState.Default && startIconElement}\n      >\n        {children}\n        <LiveButtonStateIndicator state={state} />\n      </Button>\n    </Tooltip>\n  );\n};\n\nexport { LiveButtonState };\n"],"names":["getTooltipText","state","lastActiveAt","LiveButtonState","Default","Live","_jsxs","_jsx","moment","format","LiveButton","size","startIcon","children","className","tooltipProps","props","styles","useStyles","sizeClass","defaultTooltipProps","placement","title","isSmall","startIconElement","classNames","root","liveState","offlineState","Offline"],"mappings":"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"}

package/components/Button/index.js

@@ -1 +1,38 @@
-import o from"./components/Button/index.js";export{default}from"./components/Button/index.js";import"react/jsx-runtime";import"moment-timezone";import"@material-ui/core";import"classnames";import"react";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"./components/LiveButton/components/LiveButtonStateIndicator/index.js";import"./components/LiveButton/styles.js";
+import Button from './components/Button/index.js';
+export { default } from './components/Button/index.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import 'moment-timezone';
+import '@material-ui/core';
+import 'classnames';
+import '@icon-park/react/es/all';
+import 'react/jsx-runtime';
+import '../../icons/IconParkProvider.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import './components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import './components/LiveButton/styles.js';
+//# sourceMappingURL=index.js.map

package/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/Casing/CasingComponentIcon.js

@@ -1 +1,68 @@
-import a from"prop-types";import{jsx as e}from"react/jsx-runtime";var c="/static/media/bdd9614af7b1365a1e0435f0169c2033.png",t={casing_joints:"/static/media/bdd9614af7b1365a1e0435f0169c2033.png",marker_joint:c,marker_point:c,hwdp:"/static/media/3a4fe838a1a92a4da9ae255d81bc171b.png",air_lock_sub:"/static/media/6f675f9e082b3824a6670a60d3f4c21f.png",float_collar:"/static/media/aea63cc2b0a27fcbb6939967600d57de.png",toe_sleeve:"/static/media/bd25d0918ae32b712f5d53481b5e3b4a.png",cross_over:"/static/media/84163cc2d0e66edf16cf6ea1145d3cc2.png",dp:"/static/media/006c9aec83e4e1d5623a520c6debe5ec.png",pup:"/static/media/84163cc2d0e66edf16cf6ea1145d3cc2.png",float_shoe:"/static/media/76fbfad258179f332d17f2f8c5234bff.png",liner_hanger:"/static/media/fb966921510836f858c35bc9a14644ba.png",liner_top_packer:"/static/media/dcc33d9122e80a382aee3a723063ff23.png",dv_tool:"/static/media/4add3bb28f8de18274b07ced2d5dc33a.png",acp:"/static/media/0b4ecb23396b0fcf913c8673f51adcea.png",pbr:"/static/media/044d93ff5f668cd2feb34f84562d48ce.png",riser:"/static/media/d04f17a82ffacb85a1dc5e60c19928b4.png",other:"/static/media/84163cc2d0e66edf16cf6ea1145d3cc2.png"};function d(a){var c=a.component,d=a.width,i=a.height,f=c.family;return e("img",{src:t[f],alt:f,width:d,height:i})}d.propTypes={width:a.number,height:a.number,component:a.shape({family:a.string,material:a.string,bit_type:a.string}).isRequired},d.defaultProps={width:32,height:48};export{d as default};
+import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
+
+var ACP = "/static/media/0b4ecb23396b0fcf913c8673f51adcea.png";
+var AirLockSub = "/static/media/6f675f9e082b3824a6670a60d3f4c21f.png";
+var CasingJoints = "/static/media/bdd9614af7b1365a1e0435f0169c2033.png";
+var DP = "/static/media/006c9aec83e4e1d5623a520c6debe5ec.png";
+var DvTool = "/static/media/4add3bb28f8de18274b07ced2d5dc33a.png";
+var FloatCollar = "/static/media/aea63cc2b0a27fcbb6939967600d57de.png";
+var FloatShoe = "/static/media/76fbfad258179f332d17f2f8c5234bff.png";
+var HWDP = "/static/media/3a4fe838a1a92a4da9ae255d81bc171b.png";
+var LinerHanger = "/static/media/fb966921510836f858c35bc9a14644ba.png";
+var LinerTopPacker = "/static/media/dcc33d9122e80a382aee3a723063ff23.png";
+var MarkerJoint = "/static/media/bdd9614af7b1365a1e0435f0169c2033.png";
+var PBR = "/static/media/044d93ff5f668cd2feb34f84562d48ce.png";
+var PupJoint = "/static/media/84163cc2d0e66edf16cf6ea1145d3cc2.png";
+var Riser = "/static/media/d04f17a82ffacb85a1dc5e60c19928b4.png";
+var ToeSleeve = "/static/media/bd25d0918ae32b712f5d53481b5e3b4a.png";
+var XO = "/static/media/84163cc2d0e66edf16cf6ea1145d3cc2.png";
+var Other = "/static/media/84163cc2d0e66edf16cf6ea1145d3cc2.png";
+var COMPONENT_FAMILY_TO_ICON = {
+  casing_joints: CasingJoints,
+  marker_joint: MarkerJoint,
+  marker_point: MarkerJoint,
+  hwdp: HWDP,
+  air_lock_sub: AirLockSub,
+  float_collar: FloatCollar,
+  toe_sleeve: ToeSleeve,
+  cross_over: XO,
+  dp: DP,
+  pup: PupJoint,
+  float_shoe: FloatShoe,
+  liner_hanger: LinerHanger,
+  liner_top_packer: LinerTopPacker,
+  dv_tool: DvTool,
+  acp: ACP,
+  pbr: PBR,
+  riser: Riser,
+  other: Other
+};
+function ComponentIcon(_ref) {
+  var component = _ref.component,
+    width = _ref.width,
+    height = _ref.height;
+  var family = component.family;
+  return /*#__PURE__*/jsx("img", {
+    src: COMPONENT_FAMILY_TO_ICON[family],
+    alt: family,
+    width: width,
+    height: height
+  });
+}
+ComponentIcon.propTypes = {
+  width: PropTypes.number,
+  height: PropTypes.number,
+  component: PropTypes.shape({
+    family: PropTypes.string,
+    material: PropTypes.string,
+    bit_type: PropTypes.string
+  }).isRequired
+};
+ComponentIcon.defaultProps = {
+  width: 32,
+  height: 48
+};
+
+export { ComponentIcon as default };
+//# sourceMappingURL=CasingComponentIcon.js.map

package/components/Casing/CasingComponentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CasingComponentIcon.js","sources":["../../../src/components/Casing/CasingComponentIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ACP from './assets/RegularCasing/acp.png';\nimport AirLockSub from './assets/RegularCasing/air_lock_sub.png';\nimport CasingJoints from './assets/RegularCasing/casing_joints.png';\nimport DP from './assets/RegularCasing/dp.png';\nimport DvTool from './assets/RegularCasing/dv_tool.png';\nimport FloatCollar from './assets/RegularCasing/float_collar.png';\nimport FloatShoe from './assets/RegularCasing/float_shoe.png';\nimport HWDP from './assets/RegularCasing/hwdp.png';\nimport LinerHanger from './assets/RegularCasing/liner_hanger.png';\nimport LinerTopPacker from './assets/RegularCasing/liner_top_packer.png';\nimport MarkerJoint from './assets/RegularCasing/marker_joint.png';\nimport PBR from './assets/RegularCasing/pbr.png';\nimport PupJoint from './assets/RegularCasing/pup_joint.png';\nimport Riser from './assets/RegularCasing/riser.png';\nimport ToeSleeve from './assets/RegularCasing/toe_sleeve.png';\nimport XO from './assets/RegularCasing/xo.png';\nimport Other from './assets/RegularCasing/other.png';\n\nconst COMPONENT_FAMILY_TO_ICON = {\n  casing_joints: CasingJoints,\n  marker_joint: MarkerJoint,\n  marker_point: MarkerJoint,\n  hwdp: HWDP,\n  air_lock_sub: AirLockSub,\n  float_collar: FloatCollar,\n  toe_sleeve: ToeSleeve,\n  cross_over: XO,\n  dp: DP,\n  pup: PupJoint,\n  float_shoe: FloatShoe,\n  liner_hanger: LinerHanger,\n  liner_top_packer: LinerTopPacker,\n  dv_tool: DvTool,\n  acp: ACP,\n  pbr: PBR,\n  riser: Riser,\n  other: Other,\n};\n\nfunction ComponentIcon({ component, width, height }) {\n  const { family } = component;\n\n  return <img src={COMPONENT_FAMILY_TO_ICON[family]} alt={family} width={width} height={height} />;\n}\n\nComponentIcon.propTypes = {\n  width: PropTypes.number,\n  height: PropTypes.number,\n  component: PropTypes.shape({\n    family: PropTypes.string,\n    material: PropTypes.string,\n    bit_type: PropTypes.string,\n  }).isRequired,\n};\n\nComponentIcon.defaultProps = {\n  width: 32,\n  height: 48,\n};\n\nexport default ComponentIcon;\n"],"names":["COMPONENT_FAMILY_TO_ICON","casing_joints","CasingJoints","marker_joint","MarkerJoint","marker_point","hwdp","HWDP","air_lock_sub","AirLockSub","float_collar","FloatCollar","toe_sleeve","ToeSleeve","cross_over","XO","dp","DP","pup","PupJoint","float_shoe","FloatShoe","liner_hanger","LinerHanger","liner_top_packer","LinerTopPacker","dv_tool","DvTool","acp","ACP","pbr","PBR","riser","Riser","other","Other","ComponentIcon","component","width","height","family","_jsx","propTypes","PropTypes","number","shape","string","material","bit_type","isRequired","defaultProps"],"mappings":";;;AAAmC,IAAA,GAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,UAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,YAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,EAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,MAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,WAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,SAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,IAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,WAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,cAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,WAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,GAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,QAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,KAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,SAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,EAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,KAAA,GAAA,oDAAA,CAAA;AAoBnC,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,aAAa,EAAEC,YAAY;AAC3BC,EAAAA,YAAY,EAAEC,WAAW;AACzBC,EAAAA,YAAY,EAAED,WAAW;AACzBE,EAAAA,IAAI,EAAEC,IAAI;AACVC,EAAAA,YAAY,EAAEC,UAAU;AACxBC,EAAAA,YAAY,EAAEC,WAAW;AACzBC,EAAAA,UAAU,EAAEC,SAAS;AACrBC,EAAAA,UAAU,EAAEC,EAAE;AACdC,EAAAA,EAAE,EAAEC,EAAE;AACNC,EAAAA,GAAG,EAAEC,QAAQ;AACbC,EAAAA,UAAU,EAAEC,SAAS;AACrBC,EAAAA,YAAY,EAAEC,WAAW;AACzBC,EAAAA,gBAAgB,EAAEC,cAAc;AAChCC,EAAAA,OAAO,EAAEC,MAAM;AACfC,EAAAA,GAAG,EAAEC,GAAG;AACRC,EAAAA,GAAG,EAAEC,GAAG;AACRC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,KAAK,EAAEC,KAAAA;AACT,CAAC,CAAA;AAED,SAASC,aAAa,CAA+B,IAAA,EAAA;EAAA,IAA5BC,SAAS,QAATA,SAAS;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,MAAM,QAANA,MAAM,CAAA;AAC/C,EAAA,IAAQC,MAAM,GAAKH,SAAS,CAApBG,MAAM,CAAA;EAEd,oBAAOC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEzC,wBAAwB,CAACwC,MAAM,CAAE;AAAC,IAAA,GAAG,EAAEA,MAAO;AAAC,IAAA,KAAK,EAAEF,KAAM;AAAC,IAAA,MAAM,EAAEC,MAAAA;GAAU,CAAA,CAAA;AAClG,CAAA;AAEAH,aAAa,CAACM,SAAS,GAAG;EACxBJ,KAAK,EAAEK,SAAS,CAACC,MAAM;EACvBL,MAAM,EAAEI,SAAS,CAACC,MAAM;AACxBP,EAAAA,SAAS,EAAEM,SAAS,CAACE,KAAK,CAAC;IACzBL,MAAM,EAAEG,SAAS,CAACG,MAAM;IACxBC,QAAQ,EAAEJ,SAAS,CAACG,MAAM;IAC1BE,QAAQ,EAAEL,SAAS,CAACG,MAAAA;AACtB,GAAC,CAAC,CAACG,UAAAA;AACL,CAAC,CAAA;AAEDb,aAAa,CAACc,YAAY,GAAG;AAC3BZ,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAA;AACV,CAAC;;;;"}

package/components/Casing/CasingTable/CasingComponent.js

@@ -1 +1,94 @@
-import{memo as e}from"react";import{shape as r,number as n}from"prop-types";import{makeStyles as i,TableRow as a,TableCell as o}from"@material-ui/core";import{InfoOutlined as c}from"@material-ui/icons";import l from"../CasingComponentIcon.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";var s=i({tableBodyCell:{padding:0,borderBottom:"none",height:49},componentIconCell:{padding:0,borderBottom:"none",height:49,display:"flex",alignItems:"center"},infoIcon:{fontSize:16,color:"#ccc"},iconWrapper:{width:"40px",height:"48px",display:"flex",justifyContent:"center",marginRight:"4px"}}),d=function(e){var r=e.component,n=e.order,i=s(),d=i.tableBodyCell,p=i.componentIconCell,h=i.infoIcon,f=i.iconWrapper;return t(a,{children:[m(o,{className:d,children:n}),t(o,{className:p,children:[m("div",{className:f,children:m(l,{component:r})}),m("div",{children:r.family_name||r.family})]}),m(o,{className:d,children:r.name}),m(o,{className:d,children:r.outer_diameter}),m(o,{className:d,children:r.inner_diameter}),m(o,{className:d,children:r.linear_weight}),m(o,{className:d,children:r.length}),m(o,{className:d,children:r.weight}),m(o,{className:d,children:r.cum_length}),m(o,{className:d,children:r.grade}),m(o,{className:d,children:m(c,{className:h})})]})};d.propTypes={component:r({}).isRequired,order:n.isRequired};var p=e(d);export{p as default};
+import { memo } from 'react';
+import { shape, number } from 'prop-types';
+import { makeStyles, TableRow, TableCell } from '@material-ui/core';
+import { InfoOutlined } from '@material-ui/icons';
+import ComponentIcon from '../CasingComponentIcon.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  tableBodyCell: {
+    padding: 0,
+    borderBottom: 'none',
+    height: 49
+  },
+  componentIconCell: {
+    padding: 0,
+    borderBottom: 'none',
+    height: 49,
+    display: 'flex',
+    alignItems: 'center'
+  },
+  infoIcon: {
+    fontSize: 16,
+    color: '#ccc'
+  },
+  iconWrapper: {
+    width: '40px',
+    height: '48px',
+    display: 'flex',
+    justifyContent: 'center',
+    marginRight: '4px'
+  }
+});
+var CasingComponent = function CasingComponent(_ref) {
+  var component = _ref.component,
+    order = _ref.order;
+  var _useStyles = useStyles(),
+    tableBodyCell = _useStyles.tableBodyCell,
+    componentIconCell = _useStyles.componentIconCell,
+    infoIcon = _useStyles.infoIcon,
+    iconWrapper = _useStyles.iconWrapper;
+  return /*#__PURE__*/jsxs(TableRow, {
+    children: [/*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: order
+    }), /*#__PURE__*/jsxs(TableCell, {
+      className: componentIconCell,
+      children: [/*#__PURE__*/jsx("div", {
+        className: iconWrapper,
+        children: /*#__PURE__*/jsx(ComponentIcon, {
+          component: component
+        })
+      }), /*#__PURE__*/jsx("div", {
+        children: component.family_name || component.family
+      })]
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.name
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.outer_diameter
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.inner_diameter
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.linear_weight
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.length
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.weight
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.cum_length
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.grade
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: /*#__PURE__*/jsx(InfoOutlined, {
+        className: infoIcon
+      })
+    })]
+  });
+};
+CasingComponent.propTypes = {
+  component: shape({}).isRequired,
+  order: number.isRequired
+};
+var CasingComponent$1 = memo(CasingComponent);
+
+export { CasingComponent$1 as default };
+//# sourceMappingURL=CasingComponent.js.map

package/components/Casing/CasingTable/index.js

@@ -1 +1,112 @@
-import{memo as e}from"react";import{arrayOf as t,shape as l}from"prop-types";import{makeStyles as a,Table as r,TableHead as s,TableRow as i,TableCell as n,TableBody as d}from"@material-ui/core";import c from"./CasingComponent.js";import{getUnitDisplay as h}from"../../../utils/index.js";import{jsxs as o,jsx as m}from"react/jsx-runtime";var p=a({tableStyle:{tableLayout:"fixed"},tableHeadCellStyle:{padding:"14px 0px",color:"#9E9E9E",borderTop:"1px solid rgba(81, 81, 81, 1)"}}),y=function(e){var t=e.components,l=p(),a=l.tableStyle,y=l.tableHeadCellStyle;return o(r,{"aria-label":"casing table",className:a,children:[m(s,{children:o(i,{children:[m(n,{className:y,style:{width:"2%"},children:"#"}),m(n,{className:y,style:{width:"13%",paddingLeft:44},children:"Category"}),m(n,{className:y,style:{width:"13%"},children:"Name"}),o(n,{className:y,style:{width:"7%"},children:["OD (",h("shortLength"),")"]}),o(n,{className:y,style:{width:"7%"},children:["ID (",h("shortLength"),")"]}),o(n,{className:y,style:{width:"15%"},children:["Linear Weight (",h("massPerLength"),")"]}),o(n,{className:y,style:{width:"10%"},children:["Length (",h("length"),")"]}),o(n,{className:y,style:{width:"10%"},children:["Weight (",h("mass"),")"]}),o(n,{className:y,style:{width:"13%"},children:["Cum.Length (",h("length"),")"]}),m(n,{className:y,style:{width:"7%"},children:"Grade"}),m(n,{className:y,style:{width:"3%"}})]})}),m(d,{children:t.map((function(e,t){return m(c,{component:e,order:t+1},e.id)}))})]})};y.propTypes={components:t(l({})).isRequired};var g=e(y);export{g as default};
+import { memo } from 'react';
+import { arrayOf, shape } from 'prop-types';
+import { makeStyles, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import CasingComponent from './CasingComponent.js';
+import { getUnitDisplay } from '../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  tableStyle: {
+    tableLayout: 'fixed'
+  },
+  tableHeadCellStyle: {
+    padding: '14px 0px',
+    color: '#9E9E9E',
+    borderTop: '1px solid rgba(81, 81, 81, 1)'
+  }
+});
+var CasingTable = function CasingTable(_ref) {
+  var components = _ref.components;
+  var _useStyles = useStyles(),
+    tableStyle = _useStyles.tableStyle,
+    tableHeadCellStyle = _useStyles.tableHeadCellStyle;
+  return /*#__PURE__*/jsxs(Table, {
+    "aria-label": "casing table",
+    className: tableStyle,
+    children: [/*#__PURE__*/jsx(TableHead, {
+      children: /*#__PURE__*/jsxs(TableRow, {
+        children: [/*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '2%'
+          },
+          children: "#"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%',
+            paddingLeft: 44
+          },
+          children: "Category"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%'
+          },
+          children: "Name"
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: ["OD (", getUnitDisplay('shortLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: ["ID (", getUnitDisplay('shortLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '15%'
+          },
+          children: ["Linear Weight (", getUnitDisplay('massPerLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '10%'
+          },
+          children: ["Length (", getUnitDisplay('length'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '10%'
+          },
+          children: ["Weight (", getUnitDisplay('mass'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%'
+          },
+          children: ["Cum.Length (", getUnitDisplay('length'), ")"]
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: "Grade"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '3%'
+          }
+        })]
+      })
+    }), /*#__PURE__*/jsx(TableBody, {
+      children: components.map(function (component, idx) {
+        return /*#__PURE__*/jsx(CasingComponent, {
+          component: component,
+          order: idx + 1
+        }, component.id);
+      })
+    })]
+  });
+};
+CasingTable.propTypes = {
+  components: arrayOf(shape({})).isRequired
+};
+var index = memo(CasingTable);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/components/Casing/CasingTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Casing/CasingTable/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { arrayOf, shape } from 'prop-types';\nimport { Table, TableHead, TableCell, TableBody, TableRow, makeStyles } from '@material-ui/core';\n\nimport CasingComponent from './CasingComponent';\n\nimport { getUnitDisplay } from '~/utils';\n\nconst useStyles = makeStyles({\n  tableStyle: { tableLayout: 'fixed' },\n  tableHeadCellStyle: {\n    padding: '14px 0px',\n    color: '#9E9E9E',\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n  },\n});\n\nconst CasingTable = ({ components }) => {\n  const { tableStyle, tableHeadCellStyle } = useStyles();\n\n  return (\n    <Table aria-label=\"casing table\" className={tableStyle}>\n      <TableHead>\n        <TableRow>\n          <TableCell className={tableHeadCellStyle} style={{ width: '2%' }}>\n            #\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%', paddingLeft: 44 }}>\n            Category\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%' }}>\n            Name\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            OD ({getUnitDisplay('shortLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            ID ({getUnitDisplay('shortLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '15%' }}>\n            Linear Weight ({getUnitDisplay('massPerLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '10%' }}>\n            Length ({getUnitDisplay('length')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '10%' }}>\n            Weight ({getUnitDisplay('mass')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%' }}>\n            Cum.Length ({getUnitDisplay('length')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            Grade\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '3%' }} />\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {components.map((component, idx) => (\n          <CasingComponent key={component.id} component={component} order={idx + 1} />\n        ))}\n      </TableBody>\n    </Table>\n  );\n};\n\nCasingTable.propTypes = {\n  components: arrayOf(shape({})).isRequired,\n};\n\nexport default memo(CasingTable);\n"],"names":["useStyles","makeStyles","tableStyle","tableLayout","tableHeadCellStyle","padding","color","borderTop","CasingTable","components","_jsxs","_jsx","width","paddingLeft","getUnitDisplay","map","component","idx","id","propTypes","arrayOf","shape","isRequired","memo"],"mappings":"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"}

package/components/Casing/CasingTableV2/CasingTableV2.js

@@ -1 +1,116 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as r,useMemo as t}from"react";import i from"classnames";import s from"prop-types";import{isEmpty as l}from"lodash";import a from"./components/Header.js";import m from"./components/Component.js";import d from"./components/SortableComponents.js";import p from"./CasingTableV2.css.js";import c from"../../Drillstring/BHACasingEmptyView/BHACasingEmptyView.js";import{jsxs as u,jsx as f}from"react/jsx-runtime";function C(s){var C=s.viewColumnsPerRow,v=s.editColumnsPerRow,w=s.components,R=s.draftComponent,b=s.validate,P=s.onSort,y=s.onAdd,S=s.onDelete,h=s.onSave,g=s.onCancel,q=s.isMobile,A=n(-1),j=o(A,2),D=j[0],x=j[1],M=n(!1),T=o(M,2),E=T[0],H=T[1],N=r(null),O=t((function(){return!(w&&!l(w)||R)}),[w,R]);return u("div",{className:p.container,children:[O?f(c,{type:"Casing",onAdd:y}):u("div",{className:i(p.tableContent,e({},p.contentMobile,q)),ref:N,onScroll:function(){N.current&&H(!!N.current.scrollTop)},children:[!q&&f(a,{}),u("div",{children:[R&&f(m,{isMobile:q,viewColumnsPerRow:C,editColumnsPerRow:v,component:R,isDraft:!0,validate:b,onCancel:g,onSave:h}),f(d,{useDragHandle:!0,lockAxis:"y",lockToContainerEdges:!0,components:w,sortableIndex:D,validate:b,onSaveComponent:h,onDeleteComponent:S,onSortEnd:function(e,o){x(-1),P(e,o)},onSortStart:function(e){x(e.index)},isMobile:q,viewColumnsPerRow:C,editColumnsPerRow:v})]})]}),f("div",{className:i(p.topGradient,e({},p.visible,E)),style:{top:q?0:50}}),f("div",{className:p.bottomGradient})]})}C.propTypes={viewColumnsPerRow:s.oneOf([1,2,3,4,6]),editColumnsPerRow:s.oneOf([1,2,3,4,6]),components:s.arrayOf(s.shape({})),draftComponent:s.arrayOf(s.shape({})),validate:s.func.isRequired,onSort:s.func.isRequired,onAdd:s.func.isRequired,onDelete:s.func.isRequired,onSave:s.func.isRequired,onCancel:s.func.isRequired,isMobile:s.bool.isRequired},C.defaultProps={viewColumnsPerRow:3,editColumnsPerRow:3,components:null,draftComponent:null};export{C as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useMemo } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { isEmpty } from 'lodash';
+import Header from './components/Header.js';
+import Component from './components/Component.js';
+import SortableComponents from './components/SortableComponents.js';
+import styles from './CasingTableV2.css.js';
+import BHACasingEmptyView from '../../Drillstring/BHACasingEmptyView/BHACasingEmptyView.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CasingTableV2(_ref) {
+  var viewColumnsPerRow = _ref.viewColumnsPerRow,
+    editColumnsPerRow = _ref.editColumnsPerRow,
+    components = _ref.components,
+    draftComponent = _ref.draftComponent,
+    validate = _ref.validate,
+    onSort = _ref.onSort,
+    onAdd = _ref.onAdd,
+    onDelete = _ref.onDelete,
+    onSave = _ref.onSave,
+    onCancel = _ref.onCancel,
+    isMobile = _ref.isMobile;
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortableIndex = _useState2[0],
+    setSortableIndex = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showTopGradient = _useState4[0],
+    setShowTopGradient = _useState4[1];
+  var containerRef = useRef(null);
+  var isComponentsEmpty = useMemo(function () {
+    return !(components && !isEmpty(components) || draftComponent);
+  }, [components, draftComponent]);
+  var handleSortStart = function handleSortStart(node) {
+    setSortableIndex(node.index);
+  };
+  var handleSortEnd = function handleSortEnd(oldIndex, newIndex) {
+    setSortableIndex(-1);
+    onSort(oldIndex, newIndex);
+  };
+  var handleScroll = function handleScroll() {
+    if (containerRef.current) {
+      setShowTopGradient(!!containerRef.current.scrollTop);
+    }
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [isComponentsEmpty ? /*#__PURE__*/jsx(BHACasingEmptyView, {
+      type: "Casing",
+      onAdd: onAdd
+    }) : /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.tableContent, _defineProperty({}, styles.contentMobile, isMobile)),
+      ref: containerRef,
+      onScroll: handleScroll,
+      children: [!isMobile && /*#__PURE__*/jsx(Header, {}), /*#__PURE__*/jsxs("div", {
+        children: [draftComponent && /*#__PURE__*/jsx(Component, {
+          isMobile: isMobile,
+          viewColumnsPerRow: viewColumnsPerRow,
+          editColumnsPerRow: editColumnsPerRow,
+          component: draftComponent,
+          isDraft: true,
+          validate: validate,
+          onCancel: onCancel,
+          onSave: onSave
+        }), /*#__PURE__*/jsx(SortableComponents, {
+          useDragHandle: true,
+          lockAxis: "y",
+          lockToContainerEdges: true,
+          components: components,
+          sortableIndex: sortableIndex,
+          validate: validate,
+          onSaveComponent: onSave,
+          onDeleteComponent: onDelete,
+          onSortEnd: handleSortEnd,
+          onSortStart: handleSortStart,
+          isMobile: isMobile,
+          viewColumnsPerRow: viewColumnsPerRow,
+          editColumnsPerRow: editColumnsPerRow
+        })]
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.topGradient, _defineProperty({}, styles.visible, showTopGradient)),
+      style: {
+        top: isMobile ? 0 : 50
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.bottomGradient
+    })]
+  });
+}
+CasingTableV2.propTypes = {
+  viewColumnsPerRow: PropTypes.oneOf([1, 2, 3, 4, 6]),
+  editColumnsPerRow: PropTypes.oneOf([1, 2, 3, 4, 6]),
+  components: PropTypes.arrayOf(PropTypes.shape({})),
+  draftComponent: PropTypes.arrayOf(PropTypes.shape({})),
+  validate: PropTypes.func.isRequired,
+  onSort: PropTypes.func.isRequired,
+  onAdd: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  isMobile: PropTypes.bool.isRequired
+};
+CasingTableV2.defaultProps = {
+  viewColumnsPerRow: 3,
+  editColumnsPerRow: 3,
+  components: null,
+  draftComponent: null
+};
+
+export { CasingTableV2 as default };
+//# sourceMappingURL=CasingTableV2.js.map