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

package/components/Drillstring/BHAComponentsTable/components/Suggestions/AutoCompleteDialog.js

@@ -1 +1,260 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as n}from"react";import o from"classnames";import a from"prop-types";import{makeStyles as i,Dialog as l,DialogTitle as r,Tooltip as c,IconButton as d,DialogContent as s,TableContainer as p,Table as u,TableHead as b,TableRow as g,TableCell as m,TableBody as h,Radio as f,DialogActions as k,Button as x}from"@material-ui/core";import y from"@material-ui/icons/Close";import{getUnitDisplay as C}from"../../../../../utils/index.js";import{jsxs as v,jsx as N}from"react/jsx-runtime";var S=i((function(e){return{dialogTitle:{background:function(t){return t.isMobile?e.palette.background.b5:e.palette.background.b9}},titleWrapper:{flex:1,display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:20},title:{fontWeight:400},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:e.palette.action.active}},closeIcon:{color:e.palette.primary.text6},dialogContent:{display:"flex",overflow:"hidden",background:function(t){return t.isMobile?e.palette.background.b5:e.palette.background.b9}},dialogActions:{paddingTop:8,paddingBottom:40,background:function(t){return t.isMobile?e.palette.background.b5:e.palette.background.b9}},tableContainer:{flex:1,overflow:"auto","&::-webkit-scrollbar-corner":{background:"rgba(0, 0, 0, 0)"}},headerCell:{padding:"8px 5px",background:function(t){return t.isMobile?e.palette.background.b5:e.palette.background.b9},color:e.palette.primary.text7,fontWeight:500,fontSize:"12px",lineHeight:"14px",verticalAlign:"middle",borderTop:"1px solid #5c5c5c",maxWidth:"100px"},cell:{padding:"0 8px",fontSize:"14px",lineHeight:"20px",background:function(t){return t.isMobile?e.palette.background.b5:e.palette.background.b9}},actionHeadCell:{zIndex:12},actionCell:{position:"sticky",left:0,zIndex:2},shadow:{position:"sticky",zIndex:10,height:0,border:0,padding:0,margin:0,"&::after":{content:"' '",pointerEvents:"none",position:"absolute",height:"16px",left:0,right:0}},topShadow:{top:"48px","&::after":{background:function(t){var n=t.isMobile;return"linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(n?e.palette.background.b5:e.palette.background.b9," 100%)")}}},bottomShadow:{bottom:"16px","&::after":{background:function(t){var n=t.isMobile;return"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(n?e.palette.background.b5:e.palette.background.b9," 100%)")}}}}}));function w(t){var a=t.isMobile,i=t.data,w=t.columns,I=t.onClose,M=t.onSelect,z=S({isMobile:a}),T=n(-1),W=e(T,2),A=W[0],q=W[1];return v(l,{open:!0,maxWidth:"lg",onBackdropClick:I,onEscapeKeyDown:I,fullScreen:a,children:[N(r,{className:z.dialogTitle,children:v("div",{className:z.titleWrapper,children:[N("span",{className:z.title,children:"AutoComplete Items"}),N(c,{title:"Close",children:N(d,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:z.closeIconButton,onClick:I,children:N(y,{className:z.closeIcon})})})]})}),N(s,{className:z.dialogContent,children:N(p,{className:z.tableContainer,children:v(u,{stickyHeader:!0,size:"small","aria-label":"autocomplete items",children:[N(b,{children:v(g,{children:[N(m,{className:o(z.headerCell,z.actionHeadCell),children:"Action"}),w.map((function(e,t){return v(m,{className:z.headerCell,style:{minWidth:e.width},align:t===w.length-1?"right":"left",children:[e.label," ",e.unitType&&"(".concat(C(e.unitType),")")]},e.key)}))]})}),v(h,{children:[i.length>0&&N(g,{children:N(m,{colSpan:"100%",className:o(z.shadow,z.topShadow)})}),i.map((function(e,t){return v(g,{children:[N(m,{className:o(z.cell,z.actionCell),children:N(f,{color:"primary",checked:t===A,onChange:function(){return function(e){q(e)}(t)},value:t})}),w.map((function(t,n){return N(m,{className:z.cell,align:n===w.length-1?"right":"left",children:e[t.key]},t.key)}))]},t)})),i.length>0&&N(g,{children:N(m,{colSpan:"100%",className:o(z.shadow,z.bottomShadow)})})]})]})})}),v(k,{className:z.dialogActions,children:[N(x,{onClick:I,color:"primary",children:"Cancel"}),N(x,{variant:"contained",color:"primary",disabled:A<0,onClick:function(){M(i[A])},children:"Select"})]})]})}w.propTypes={isMobile:a.bool.isRequired,data:a.arrayOf(a.shape({})).isRequired,columns:a.arrayOf(a.shape({})).isRequired,onClose:a.func.isRequired,onSelect:a.func.isRequired};var I=t(w);export{I as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { makeStyles, Dialog, DialogTitle, Tooltip, IconButton, DialogContent, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Radio, DialogActions, Button } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import { getUnitDisplay } from '../../../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    dialogTitle: {
+      background: function background(_ref) {
+        var isMobile = _ref.isMobile;
+        return isMobile ? theme.palette.background.b5 : theme.palette.background.b9;
+      }
+    },
+    titleWrapper: {
+      flex: 1,
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      fontSize: 20
+    },
+    title: {
+      fontWeight: 400
+    },
+    closeIconButton: {
+      fontSize: 20,
+      padding: 4,
+      '&:hover $closeIcon': {
+        color: theme.palette.action.active
+      }
+    },
+    closeIcon: {
+      color: theme.palette.primary.text6
+    },
+    dialogContent: {
+      display: 'flex',
+      overflow: 'hidden',
+      background: function background(_ref2) {
+        var isMobile = _ref2.isMobile;
+        return isMobile ? theme.palette.background.b5 : theme.palette.background.b9;
+      }
+    },
+    dialogActions: {
+      paddingTop: 8,
+      paddingBottom: 40,
+      background: function background(_ref3) {
+        var isMobile = _ref3.isMobile;
+        return isMobile ? theme.palette.background.b5 : theme.palette.background.b9;
+      }
+    },
+    tableContainer: {
+      flex: 1,
+      overflow: 'auto',
+      '&::-webkit-scrollbar-corner': {
+        background: 'rgba(0, 0, 0, 0)'
+      }
+    },
+    headerCell: {
+      padding: '8px 5px',
+      background: function background(_ref4) {
+        var isMobile = _ref4.isMobile;
+        return isMobile ? theme.palette.background.b5 : theme.palette.background.b9;
+      },
+      color: theme.palette.primary.text7,
+      fontWeight: 500,
+      fontSize: '12px',
+      lineHeight: '14px',
+      verticalAlign: 'middle',
+      borderTop: '1px solid #5c5c5c',
+      maxWidth: '100px'
+    },
+    cell: {
+      padding: '0 8px',
+      fontSize: '14px',
+      lineHeight: '20px',
+      background: function background(_ref5) {
+        var isMobile = _ref5.isMobile;
+        return isMobile ? theme.palette.background.b5 : theme.palette.background.b9;
+      }
+    },
+    actionHeadCell: {
+      zIndex: 12
+    },
+    actionCell: {
+      position: 'sticky',
+      left: 0,
+      zIndex: 2
+    },
+    shadow: {
+      position: 'sticky',
+      zIndex: 10,
+      height: 0,
+      border: 0,
+      padding: 0,
+      margin: 0,
+      '&::after': {
+        content: "' '",
+        pointerEvents: 'none',
+        position: 'absolute',
+        height: '16px',
+        left: 0,
+        right: 0
+      }
+    },
+    topShadow: {
+      top: '48px',
+      '&::after': {
+        background: function background(_ref6) {
+          var isMobile = _ref6.isMobile;
+          return isMobile ? "linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b5, " 100%)") : "linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, " 100%)");
+        }
+      }
+    },
+    bottomShadow: {
+      bottom: '16px',
+      '&::after': {
+        background: function background(_ref7) {
+          var isMobile = _ref7.isMobile;
+          return isMobile ? "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b5, " 100%)") : "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, " 100%)");
+        }
+      }
+    }
+  };
+});
+function AutoCompleteDialog(_ref8) {
+  var isMobile = _ref8.isMobile,
+    data = _ref8.data,
+    columns = _ref8.columns,
+    onClose = _ref8.onClose,
+    onSelect = _ref8.onSelect;
+  var classes = useStyles({
+    isMobile: isMobile
+  });
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRowIndex = _useState2[0],
+    setSelectedRowIndex = _useState2[1];
+  var handleSelectRow = function handleSelectRow(rowIndex) {
+    setSelectedRowIndex(rowIndex);
+  };
+  var handleSave = function handleSave() {
+    onSelect(data[selectedRowIndex]);
+  };
+
+  /* eslint-disable react/no-array-index-key */
+  return /*#__PURE__*/jsxs(Dialog, {
+    open: true,
+    maxWidth: "lg",
+    onBackdropClick: onClose,
+    onEscapeKeyDown: onClose,
+    fullScreen: isMobile,
+    children: [/*#__PURE__*/jsx(DialogTitle, {
+      className: classes.dialogTitle,
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.titleWrapper,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.title,
+          children: "AutoComplete Items"
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: "Close",
+          children: /*#__PURE__*/jsx(IconButton, {
+            "data-not-migrated-muiiconbutton": true,
+            "aria-label": "close",
+            className: classes.closeIconButton,
+            onClick: onClose,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              className: classes.closeIcon
+            })
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(DialogContent, {
+      className: classes.dialogContent,
+      children: /*#__PURE__*/jsx(TableContainer, {
+        className: classes.tableContainer,
+        children: /*#__PURE__*/jsxs(Table, {
+          stickyHeader: true,
+          size: "small",
+          "aria-label": "autocomplete items",
+          children: [/*#__PURE__*/jsx(TableHead, {
+            children: /*#__PURE__*/jsxs(TableRow, {
+              children: [/*#__PURE__*/jsx(TableCell, {
+                className: classNames(classes.headerCell, classes.actionHeadCell),
+                children: "Action"
+              }), columns.map(function (column, columnIndex) {
+                return /*#__PURE__*/jsxs(TableCell, {
+                  className: classes.headerCell,
+                  style: {
+                    minWidth: column.width
+                  },
+                  align: columnIndex === columns.length - 1 ? 'right' : 'left',
+                  children: [column.label, " ", column.unitType && "(".concat(getUnitDisplay(column.unitType), ")")]
+                }, column.key);
+              })]
+            })
+          }), /*#__PURE__*/jsxs(TableBody, {
+            children: [data.length > 0 && /*#__PURE__*/jsx(TableRow, {
+              children: /*#__PURE__*/jsx(TableCell, {
+                colSpan: "100%",
+                className: classNames(classes.shadow, classes.topShadow)
+              })
+            }), data.map(function (row, rowIndex) {
+              return /*#__PURE__*/jsxs(TableRow, {
+                children: [/*#__PURE__*/jsx(TableCell, {
+                  className: classNames(classes.cell, classes.actionCell),
+                  children: /*#__PURE__*/jsx(Radio, {
+                    color: "primary",
+                    checked: rowIndex === selectedRowIndex,
+                    onChange: function onChange() {
+                      return handleSelectRow(rowIndex);
+                    },
+                    value: rowIndex
+                  })
+                }), columns.map(function (column, columnIndex) {
+                  return /*#__PURE__*/jsx(TableCell, {
+                    className: classes.cell,
+                    align: columnIndex === columns.length - 1 ? 'right' : 'left',
+                    children: row[column.key]
+                  }, column.key);
+                })]
+              }, rowIndex);
+            }), data.length > 0 && /*#__PURE__*/jsx(TableRow, {
+              children: /*#__PURE__*/jsx(TableCell, {
+                colSpan: "100%",
+                className: classNames(classes.shadow, classes.bottomShadow)
+              })
+            })]
+          })]
+        })
+      })
+    }), /*#__PURE__*/jsxs(DialogActions, {
+      className: classes.dialogActions,
+      children: [/*#__PURE__*/jsx(Button, {
+        onClick: onClose,
+        color: "primary",
+        children: "Cancel"
+      }), /*#__PURE__*/jsx(Button, {
+        variant: "contained",
+        color: "primary",
+        disabled: selectedRowIndex < 0,
+        onClick: handleSave,
+        children: "Select"
+      })]
+    })]
+  });
+}
+AutoCompleteDialog.propTypes = {
+  isMobile: PropTypes.bool.isRequired,
+  data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  columns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onClose: PropTypes.func.isRequired,
+  onSelect: PropTypes.func.isRequired
+};
+var AutoCompleteDialog$1 = memo(AutoCompleteDialog);
+
+export { AutoCompleteDialog$1 as default };
+//# sourceMappingURL=AutoCompleteDialog.js.map

package/components/Drillstring/BHAComponentsTable/components/Suggestions/AutoCompleteDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteDialog.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/Suggestions/AutoCompleteDialog.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  Button,\n  IconButton,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Table,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Radio,\n  Tooltip,\n  makeStyles,\n  TableContainer,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { getUnitDisplay } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitle: {\n    background: ({ isMobile }) =>\n      isMobile ? theme.palette.background.b5 : theme.palette.background.b9,\n  },\n  titleWrapper: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    fontSize: 20,\n  },\n  title: {\n    fontWeight: 400,\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: theme.palette.action.active,\n    },\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n  },\n  dialogContent: {\n    display: 'flex',\n    overflow: 'hidden',\n    background: ({ isMobile }) =>\n      isMobile ? theme.palette.background.b5 : theme.palette.background.b9,\n  },\n  dialogActions: {\n    paddingTop: 8,\n    paddingBottom: 40,\n    background: ({ isMobile }) =>\n      isMobile ? theme.palette.background.b5 : theme.palette.background.b9,\n  },\n  tableContainer: {\n    flex: 1,\n    overflow: 'auto',\n    '&::-webkit-scrollbar-corner': {\n      background: 'rgba(0, 0, 0, 0)',\n    },\n  },\n  headerCell: {\n    padding: '8px 5px',\n    background: ({ isMobile }) =>\n      isMobile ? theme.palette.background.b5 : theme.palette.background.b9,\n    color: theme.palette.primary.text7,\n    fontWeight: 500,\n    fontSize: '12px',\n    lineHeight: '14px',\n    verticalAlign: 'middle',\n    borderTop: '1px solid #5c5c5c',\n    maxWidth: '100px',\n  },\n  cell: {\n    padding: '0 8px',\n    fontSize: '14px',\n    lineHeight: '20px',\n    background: ({ isMobile }) =>\n      isMobile ? theme.palette.background.b5 : theme.palette.background.b9,\n  },\n  actionHeadCell: {\n    zIndex: 12,\n  },\n  actionCell: {\n    position: 'sticky',\n    left: 0,\n    zIndex: 2,\n  },\n  shadow: {\n    position: 'sticky',\n    zIndex: 10,\n    height: 0,\n    border: 0,\n    padding: 0,\n    margin: 0,\n    '&::after': {\n      content: \"' '\",\n      pointerEvents: 'none',\n      position: 'absolute',\n      height: '16px',\n      left: 0,\n      right: 0,\n    },\n  },\n  topShadow: {\n    top: '48px',\n    '&::after': {\n      background: ({ isMobile }) =>\n        isMobile\n          ? `linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b5} 100%)`\n          : `linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9} 100%)`,\n    },\n  },\n  bottomShadow: {\n    bottom: '16px',\n    '&::after': {\n      background: ({ isMobile }) =>\n        isMobile\n          ? `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b5} 100%)`\n          : `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9} 100%)`,\n    },\n  },\n}));\n\nfunction AutoCompleteDialog({ isMobile, data, columns, onClose, onSelect }) {\n  const classes = useStyles({ isMobile });\n  const [selectedRowIndex, setSelectedRowIndex] = useState(-1);\n\n  const handleSelectRow = rowIndex => {\n    setSelectedRowIndex(rowIndex);\n  };\n\n  const handleSave = () => {\n    onSelect(data[selectedRowIndex]);\n  };\n\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <Dialog\n      open\n      maxWidth=\"lg\"\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      fullScreen={isMobile}\n    >\n      <DialogTitle className={classes.dialogTitle}>\n        <div className={classes.titleWrapper}>\n          <span className={classes.title}>AutoComplete Items</span>\n          <Tooltip title=\"Close\">\n            <IconButton\n              data-not-migrated-muiiconbutton\n              aria-label=\"close\"\n              className={classes.closeIconButton}\n              onClick={onClose}\n            >\n              <CloseIcon className={classes.closeIcon} />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        <TableContainer className={classes.tableContainer}>\n          <Table stickyHeader size=\"small\" aria-label=\"autocomplete items\">\n            <TableHead>\n              <TableRow>\n                <TableCell className={classNames(classes.headerCell, classes.actionHeadCell)}>\n                  Action\n                </TableCell>\n                {columns.map((column, columnIndex) => (\n                  <TableCell\n                    key={column.key}\n                    className={classes.headerCell}\n                    style={{ minWidth: column.width }}\n                    align={columnIndex === columns.length - 1 ? 'right' : 'left'}\n                  >\n                    {column.label} {column.unitType && `(${getUnitDisplay(column.unitType)})`}\n                  </TableCell>\n                ))}\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {data.length > 0 && (\n                <TableRow>\n                  <TableCell\n                    colSpan=\"100%\"\n                    className={classNames(classes.shadow, classes.topShadow)}\n                  />\n                </TableRow>\n              )}\n              {data.map((row, rowIndex) => (\n                <TableRow key={rowIndex}>\n                  <TableCell className={classNames(classes.cell, classes.actionCell)}>\n                    <Radio\n                      color=\"primary\"\n                      checked={rowIndex === selectedRowIndex}\n                      onChange={() => handleSelectRow(rowIndex)}\n                      value={rowIndex}\n                    />\n                  </TableCell>\n                  {columns.map((column, columnIndex) => (\n                    <TableCell\n                      key={column.key}\n                      className={classes.cell}\n                      align={columnIndex === columns.length - 1 ? 'right' : 'left'}\n                    >\n                      {row[column.key]}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))}\n              {data.length > 0 && (\n                <TableRow>\n                  <TableCell\n                    colSpan=\"100%\"\n                    className={classNames(classes.shadow, classes.bottomShadow)}\n                  />\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </TableContainer>\n      </DialogContent>\n      <DialogActions className={classes.dialogActions}>\n        <Button onClick={onClose} color=\"primary\">\n          Cancel\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={selectedRowIndex < 0}\n          onClick={handleSave}\n        >\n          Select\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nAutoCompleteDialog.propTypes = {\n  isMobile: PropTypes.bool.isRequired,\n  data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  columns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSelect: PropTypes.func.isRequired,\n};\n\nexport default memo(AutoCompleteDialog);\n"],"names":["useStyles","makeStyles","theme","dialogTitle","background","isMobile","palette","b5","b9","titleWrapper","flex","display","justifyContent","alignItems","fontSize","title","fontWeight","closeIconButton","padding","color","action","active","closeIcon","primary","text6","dialogContent","overflow","dialogActions","paddingTop","paddingBottom","tableContainer","headerCell","text7","lineHeight","verticalAlign","borderTop","maxWidth","cell","actionHeadCell","zIndex","actionCell","position","left","shadow","height","border","margin","content","pointerEvents","right","topShadow","top","bottomShadow","bottom","AutoCompleteDialog","data","columns","onClose","onSelect","classes","useState","selectedRowIndex","setSelectedRowIndex","handleSelectRow","rowIndex","handleSave","_jsxs","_jsx","classNames","map","column","columnIndex","minWidth","width","length","label","unitType","getUnitDisplay","key","row","propTypes","PropTypes","bool","isRequired","arrayOf","shape","func","memo"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js

@@ -1 +1,274 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{memo as t,useState as i,useRef as o,useMemo as n,useCallback as a,useEffect as s}from"react";import p from"classnames";import l from"prop-types";import{makeStyles as c,Tooltip as d}from"@material-ui/core";import u from"./AutoCompleteDialog.js";import{isMobileDetected as m}from"../../../../../utils/mobileDetect.js";import{getUnitDisplay as f}from"../../../../../utils/index.js";import{jsxs as g,jsx as b}from"react/jsx-runtime";function h(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 x(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?h(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):h(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}var y=c((function(e){return{suggestions:{width:"100%",marginBottom:"16px",marginLeft:function(e){return e.isMobile?"8px":0}},tagsContainer:{width:"100%",position:"relative"},tags:{width:"100%",overflowX:"auto",display:"flex",paddingBottom:function(e){return e.isMobile?"8px":"5px"},"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(20, 20, 20, 0.8)",borderRadius:"10px",border:"1px solid rgba(28, 28, 28, 0.01)",backgroundClip:"padding-box",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.25)"},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"}},tagWrapper:{marginRight:"10px"},tag:{maxWidth:"150px",padding:"3.5px 10px 3.5px",fontSize:"13px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:e.palette.primary.text6,border:"1px solid #616161",borderRadius:"40px",cursor:"pointer","&:hover":{color:e.palette.primary.main,border:"1px solid ".concat(e.palette.primary.main)}},tooltip:{background:"rgba(59,59,59,0.9)",borderRadius:"4px",padding:"8px"},cta:{marginTop:"2px",color:e.palette.primary.main,fontSize:"14px",fontWeight:400,letterSpacing:"0.15px",lineHeight:"19px",cursor:"pointer","&:hover":{textDecoration:"underline"}},shadow:{width:"24px",height:"100%",position:"absolute",zIndex:2,top:0},leftShadow:{left:0,background:"linear-gradient(-90deg, rgba(39, 39, 39, 0) 0%, ".concat(e.palette.background.b5," 100%)")},rightShadow:{right:0,background:"linear-gradient(90deg, rgba(39, 39, 39, 0) 0%, ".concat(e.palette.background.b5," 100%)")},tooltipContainer:{background:e.palette.background.b8,opacity:.9,fontSize:"14px",display:"flex",flexDirection:"column",gap:"4px"},tooltipLine:{height:"20px",display:"flex",alignItems:"center"},tooltipUnit:{fontSize:"12px",color:e.palette.primary.text6}}})),v=function(e){var r=e.descriptionKeys,t=e.columnMaps,i=e.dataItem,o=y();return b("div",{className:o.tooltipContainer,children:r.map((function(e){return g("div",{className:o.tooltipLine,children:[g("span",{children:[t[e].label,": "]}),b("span",{children:i[e]||"-"}),t[e].unitType&&g("span",{className:o.tooltipUnit,children:[" ",f(t[e].unitType)]})]},e)}))})};function w(t){var l=t.data,c=t.allData,f=t.columns,h=t.displayKeys,w=t.descriptionKeys,O=t.onSelect,k=t.isCasing,S=i(!1),j=r(S,2),C=j[0],R=j[1],N=y({isMobile:m}),D=i(!1),P=r(D,2),q=P[0],K=P[1],M=o(),z=n((function(){return f.reduce((function(r,t){return x(x({},r),{},e({},t.key,t))}),{})}),[f]),T=a((function(){if(M.current){var e=M.current.scrollLeft;K(!!e)}}),[]);s((function(){var e=new ResizeObserver(T);return M.current&&e.observe(M.current),function(){e.disconnect()}}),[]);var I=function(e){return k?h.map((function(r){return"".concat(e[r],'"')})).join("/"):h.map((function(r){return e[r]})).join(" ")};return g("div",{className:N.suggestions,children:[g("div",{className:N.tagsContainer,children:[b("div",{className:N.tags,ref:M,onScroll:T,children:l.map((function(e,r){return b("div",{className:N.tagWrapper,children:b(d,{classes:{tooltip:N.tooltip},title:b(v,{descriptionKeys:w,columnMaps:z,dataItem:e}),children:b("div",{className:N.tag,onClick:function(){return O(e)},children:I(e)})})},r)}))}),q&&b("div",{className:p(N.shadow,N.leftShadow)}),b("div",{className:p(N.shadow,N.rightShadow)})]}),b("div",{className:N.cta,onClick:function(){R(!0)},children:"Show all AutoComplete results"}),C&&b(u,{data:c,columns:f,onClose:function(){R(!1)},onSelect:function(e){R(!1),O(e)},isMobile:m})]})}v.propTypes={descriptionKeys:l.arrayOf(l.string).isRequired,columnMaps:l.shape({}).isRequired,dataItem:l.shape({}).isRequired},w.propTypes={data:l.arrayOf(l.shape({})).isRequired,allData:l.arrayOf(l.shape({})).isRequired,columns:l.arrayOf(l.shape({})).isRequired,displayKeys:l.arrayOf(l.string).isRequired,descriptionKeys:l.arrayOf(l.string).isRequired,onSelect:l.func.isRequired,isCasing:l.bool},w.defaultProps={isCasing:!1};var O=t(w);export{O as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import AutoCompleteDialog from './AutoCompleteDialog.js';
+import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
+import { getUnitDisplay } from '../../../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 useStyles = makeStyles(function (theme) {
+  return {
+    suggestions: {
+      width: '100%',
+      marginBottom: '16px',
+      marginLeft: function marginLeft(_ref) {
+        var isMobile = _ref.isMobile;
+        return isMobile ? '8px' : 0;
+      }
+    },
+    tagsContainer: {
+      width: '100%',
+      position: 'relative'
+    },
+    tags: {
+      width: '100%',
+      overflowX: 'auto',
+      display: 'flex',
+      paddingBottom: function paddingBottom(_ref2) {
+        var isMobile = _ref2.isMobile;
+        return isMobile ? '8px' : '5px';
+      },
+      '&::-webkit-scrollbar': {
+        height: '6px'
+      },
+      '&::-webkit-scrollbar-thumb': {
+        backgroundColor: 'rgba(20, 20, 20, 0.8)',
+        borderRadius: '10px',
+        border: '1px solid rgba(28, 28, 28, 0.01)',
+        backgroundClip: 'padding-box',
+        boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.25)'
+      },
+      '&::-webkit-scrollbar-track': {
+        backgroundColor: 'transparent'
+      }
+    },
+    tagWrapper: {
+      marginRight: '10px'
+    },
+    tag: {
+      maxWidth: '150px',
+      padding: '3.5px 10px 3.5px',
+      fontSize: '13px',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      color: theme.palette.primary.text6,
+      border: '1px solid #616161',
+      borderRadius: '40px',
+      cursor: 'pointer',
+      '&:hover': {
+        color: theme.palette.primary.main,
+        border: "1px solid ".concat(theme.palette.primary.main)
+      }
+    },
+    tooltip: {
+      background: 'rgba(59,59,59,0.9)',
+      borderRadius: '4px',
+      padding: '8px'
+    },
+    cta: {
+      marginTop: '2px',
+      color: theme.palette.primary.main,
+      fontSize: '14px',
+      fontWeight: 400,
+      letterSpacing: '0.15px',
+      lineHeight: '19px',
+      cursor: 'pointer',
+      '&:hover': {
+        textDecoration: 'underline'
+      }
+    },
+    shadow: {
+      width: '24px',
+      height: '100%',
+      position: 'absolute',
+      zIndex: 2,
+      top: 0
+    },
+    leftShadow: {
+      left: 0,
+      background: "linear-gradient(-90deg, rgba(39, 39, 39, 0) 0%, ".concat(theme.palette.background.b5, " 100%)")
+    },
+    rightShadow: {
+      right: 0,
+      background: "linear-gradient(90deg, rgba(39, 39, 39, 0) 0%, ".concat(theme.palette.background.b5, " 100%)")
+    },
+    tooltipContainer: {
+      background: theme.palette.background.b8,
+      opacity: 0.9,
+      fontSize: '14px',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '4px'
+    },
+    tooltipLine: {
+      height: '20px',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    tooltipUnit: {
+      fontSize: '12px',
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var TagDescription = function TagDescription(_ref3) {
+  var descriptionKeys = _ref3.descriptionKeys,
+    columnMaps = _ref3.columnMaps,
+    dataItem = _ref3.dataItem;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: styles.tooltipContainer,
+    children: descriptionKeys.map(function (key) {
+      return /*#__PURE__*/jsxs("div", {
+        className: styles.tooltipLine,
+        children: [/*#__PURE__*/jsxs("span", {
+          children: [columnMaps[key].label, ":\xA0"]
+        }), /*#__PURE__*/jsx("span", {
+          children: dataItem[key] || '-'
+        }), columnMaps[key].unitType && /*#__PURE__*/jsxs("span", {
+          className: styles.tooltipUnit,
+          children: ["\xA0", getUnitDisplay(columnMaps[key].unitType)]
+        })]
+      }, key);
+    })
+  });
+};
+TagDescription.propTypes = {
+  descriptionKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
+  columnMaps: PropTypes.shape({}).isRequired,
+  dataItem: PropTypes.shape({}).isRequired
+};
+function Suggestions(_ref4) {
+  var data = _ref4.data,
+    allData = _ref4.allData,
+    columns = _ref4.columns,
+    displayKeys = _ref4.displayKeys,
+    descriptionKeys = _ref4.descriptionKeys,
+    onSelect = _ref4.onSelect,
+    isCasing = _ref4.isCasing;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSelectDialogOpen = _useState2[0],
+    setIsSelectDialogOpen = _useState2[1];
+  var classes = useStyles({
+    isMobile: isMobileDetected
+  });
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showLeftShadow = _useState4[0],
+    setShowLeftShadow = _useState4[1];
+  var containerRef = useRef();
+  var columnMaps = useMemo(function () {
+    return columns.reduce(function (result, column) {
+      return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, column.key, column));
+    }, {});
+  }, [columns]);
+  var updateShadows = useCallback(function () {
+    if (containerRef.current) {
+      var scrollLeft = containerRef.current.scrollLeft;
+      setShowLeftShadow(!!scrollLeft);
+    }
+  }, []);
+  useEffect(function () {
+    var resizeObserver = new ResizeObserver(updateShadows);
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current);
+    }
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  var handleOpenSelectDialog = function handleOpenSelectDialog() {
+    setIsSelectDialogOpen(true);
+  };
+  var handleCloseSelectDialog = function handleCloseSelectDialog() {
+    setIsSelectDialogOpen(false);
+  };
+  var handleSelect = function handleSelect(suggestion) {
+    setIsSelectDialogOpen(false);
+    onSelect(suggestion);
+  };
+  var renderTag = function renderTag(dataItem) {
+    if (isCasing) {
+      return displayKeys.map(function (key) {
+        return "".concat(dataItem[key], "\"");
+      }).join('/');
+    }
+    return displayKeys.map(function (key) {
+      return dataItem[key];
+    }).join(' ');
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.suggestions,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classes.tagsContainer,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.tags,
+        ref: containerRef,
+        onScroll: updateShadows,
+        children: data.map(function (dataItem, idx) {
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line react/no-array-index-key
+            jsx("div", {
+              className: classes.tagWrapper,
+              children: /*#__PURE__*/jsx(Tooltip, {
+                classes: {
+                  tooltip: classes.tooltip
+                },
+                title: /*#__PURE__*/jsx(TagDescription, {
+                  descriptionKeys: descriptionKeys,
+                  columnMaps: columnMaps,
+                  dataItem: dataItem
+                }),
+                children: /*#__PURE__*/jsx("div", {
+                  className: classes.tag,
+                  onClick: function onClick() {
+                    return onSelect(dataItem);
+                  },
+                  children: renderTag(dataItem)
+                })
+              })
+            }, idx)
+          );
+        })
+      }), showLeftShadow && /*#__PURE__*/jsx("div", {
+        className: classNames(classes.shadow, classes.leftShadow)
+      }), /*#__PURE__*/jsx("div", {
+        className: classNames(classes.shadow, classes.rightShadow)
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.cta,
+      onClick: handleOpenSelectDialog,
+      children: "Show all AutoComplete results"
+    }), isSelectDialogOpen && /*#__PURE__*/jsx(AutoCompleteDialog, {
+      data: allData,
+      columns: columns,
+      onClose: handleCloseSelectDialog,
+      onSelect: handleSelect,
+      isMobile: isMobileDetected
+    })]
+  });
+}
+Suggestions.propTypes = {
+  data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  allData: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  columns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  displayKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
+  descriptionKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
+  onSelect: PropTypes.func.isRequired,
+  isCasing: PropTypes.bool
+};
+Suggestions.defaultProps = {
+  isCasing: false
+};
+var Suggestions$1 = memo(Suggestions);
+
+export { Suggestions$1 as default };
+//# sourceMappingURL=Suggestions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Suggestions.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Tooltip, makeStyles } from '@material-ui/core';\n\nimport AutoCompleteDialog from './AutoCompleteDialog';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { getUnitDisplay } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n  suggestions: {\n    width: '100%',\n    marginBottom: '16px',\n    marginLeft: ({ isMobile }) => (isMobile ? '8px' : 0),\n  },\n  tagsContainer: {\n    width: '100%',\n    position: 'relative',\n  },\n  tags: {\n    width: '100%',\n    overflowX: 'auto',\n    display: 'flex',\n    paddingBottom: ({ isMobile }) => (isMobile ? '8px' : '5px'),\n    '&::-webkit-scrollbar': {\n      height: '6px',\n    },\n    '&::-webkit-scrollbar-thumb': {\n      backgroundColor: 'rgba(20, 20, 20, 0.8)',\n      borderRadius: '10px',\n      border: '1px solid rgba(28, 28, 28, 0.01)',\n      backgroundClip: 'padding-box',\n      boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.25)',\n    },\n    '&::-webkit-scrollbar-track': {\n      backgroundColor: 'transparent',\n    },\n  },\n  tagWrapper: {\n    marginRight: '10px',\n  },\n  tag: {\n    maxWidth: '150px',\n    padding: '3.5px 10px 3.5px',\n    fontSize: '13px',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    color: theme.palette.primary.text6,\n    border: '1px solid #616161',\n    borderRadius: '40px',\n    cursor: 'pointer',\n    '&:hover': {\n      color: theme.palette.primary.main,\n      border: `1px solid ${theme.palette.primary.main}`,\n    },\n  },\n  tooltip: {\n    background: 'rgba(59,59,59,0.9)',\n    borderRadius: '4px',\n    padding: '8px',\n  },\n  cta: {\n    marginTop: '2px',\n    color: theme.palette.primary.main,\n    fontSize: '14px',\n    fontWeight: 400,\n    letterSpacing: '0.15px',\n    lineHeight: '19px',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n  shadow: {\n    width: '24px',\n    height: '100%',\n    position: 'absolute',\n    zIndex: 2,\n    top: 0,\n  },\n  leftShadow: {\n    left: 0,\n    background: `linear-gradient(-90deg, rgba(39, 39, 39, 0) 0%, ${theme.palette.background.b5} 100%)`,\n  },\n  rightShadow: {\n    right: 0,\n    background: `linear-gradient(90deg, rgba(39, 39, 39, 0) 0%, ${theme.palette.background.b5} 100%)`,\n  },\n  tooltipContainer: {\n    background: theme.palette.background.b8,\n    opacity: 0.9,\n    fontSize: '14px',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '4px',\n  },\n  tooltipLine: {\n    height: '20px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tooltipUnit: {\n    fontSize: '12px',\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst TagDescription = ({ descriptionKeys, columnMaps, dataItem }) => {\n  const styles = useStyles();\n  return (\n    <div className={styles.tooltipContainer}>\n      {descriptionKeys.map(key => (\n        <div className={styles.tooltipLine} key={key}>\n          <span>{columnMaps[key].label}:&nbsp;</span>\n          <span>{dataItem[key] || '-'}</span>\n          {columnMaps[key].unitType && (\n            <span className={styles.tooltipUnit}>\n              &nbsp;{getUnitDisplay(columnMaps[key].unitType)}\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nTagDescription.propTypes = {\n  descriptionKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  columnMaps: PropTypes.shape({}).isRequired,\n  dataItem: PropTypes.shape({}).isRequired,\n};\n\nfunction Suggestions({ data, allData, columns, displayKeys, descriptionKeys, onSelect, isCasing }) {\n  const [isSelectDialogOpen, setIsSelectDialogOpen] = useState(false);\n  const classes = useStyles({ isMobile: isMobileDetected });\n  const [showLeftShadow, setShowLeftShadow] = useState(false);\n  const containerRef = useRef();\n\n  const columnMaps = useMemo(() => {\n    return columns.reduce((result, column) => {\n      return { ...result, [column.key]: column };\n    }, {});\n  }, [columns]);\n\n  const updateShadows = useCallback(() => {\n    if (containerRef.current) {\n      const { scrollLeft } = containerRef.current;\n      setShowLeftShadow(!!scrollLeft);\n    }\n  }, []);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(updateShadows);\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n    }\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  const handleOpenSelectDialog = () => {\n    setIsSelectDialogOpen(true);\n  };\n\n  const handleCloseSelectDialog = () => {\n    setIsSelectDialogOpen(false);\n  };\n\n  const handleSelect = suggestion => {\n    setIsSelectDialogOpen(false);\n    onSelect(suggestion);\n  };\n\n  const renderTag = dataItem => {\n    if (isCasing) {\n      return displayKeys.map(key => `${dataItem[key]}\"`).join('/');\n    }\n    return displayKeys.map(key => dataItem[key]).join(' ');\n  };\n\n  return (\n    <div className={classes.suggestions}>\n      <div className={classes.tagsContainer}>\n        <div className={classes.tags} ref={containerRef} onScroll={updateShadows}>\n          {data.map((dataItem, idx) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <div className={classes.tagWrapper} key={idx}>\n              <Tooltip\n                classes={{ tooltip: classes.tooltip }}\n                title={\n                  <TagDescription\n                    descriptionKeys={descriptionKeys}\n                    columnMaps={columnMaps}\n                    dataItem={dataItem}\n                  />\n                }\n              >\n                <div className={classes.tag} onClick={() => onSelect(dataItem)}>\n                  {renderTag(dataItem)}\n                </div>\n              </Tooltip>\n            </div>\n          ))}\n        </div>\n        {showLeftShadow && <div className={classNames(classes.shadow, classes.leftShadow)} />}\n        <div className={classNames(classes.shadow, classes.rightShadow)} />\n      </div>\n      <div className={classes.cta} onClick={handleOpenSelectDialog}>\n        Show all AutoComplete results\n      </div>\n      {isSelectDialogOpen && (\n        <AutoCompleteDialog\n          data={allData}\n          columns={columns}\n          onClose={handleCloseSelectDialog}\n          onSelect={handleSelect}\n          isMobile={isMobileDetected}\n        />\n      )}\n    </div>\n  );\n}\n\nSuggestions.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  allData: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  columns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  displayKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  descriptionKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onSelect: PropTypes.func.isRequired,\n  isCasing: PropTypes.bool,\n};\n\nSuggestions.defaultProps = {\n  isCasing: false,\n};\n\nexport default memo(Suggestions);\n"],"names":["useStyles","makeStyles","theme","suggestions","width","marginBottom","marginLeft","isMobile","tagsContainer","position","tags","overflowX","display","paddingBottom","height","backgroundColor","borderRadius","border","backgroundClip","boxShadow","tagWrapper","marginRight","tag","maxWidth","padding","fontSize","whiteSpace","overflow","textOverflow","color","palette","primary","text6","cursor","main","tooltip","background","cta","marginTop","fontWeight","letterSpacing","lineHeight","textDecoration","shadow","zIndex","top","leftShadow","left","b5","rightShadow","right","tooltipContainer","b8","opacity","flexDirection","gap","tooltipLine","alignItems","tooltipUnit","TagDescription","descriptionKeys","columnMaps","dataItem","styles","_jsx","map","key","_jsxs","label","unitType","getUnitDisplay","propTypes","PropTypes","arrayOf","string","isRequired","shape","Suggestions","data","allData","columns","displayKeys","onSelect","isCasing","useState","isSelectDialogOpen","setIsSelectDialogOpen","classes","isMobileDetected","showLeftShadow","setShowLeftShadow","containerRef","useRef","useMemo","reduce","result","column","updateShadows","useCallback","current","scrollLeft","useEffect","resizeObserver","ResizeObserver","observe","disconnect","handleOpenSelectDialog","handleCloseSelectDialog","handleSelect","suggestion","renderTag","join","idx","classNames","func","bool","defaultProps","memo"],"mappings":"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"}