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

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js

@@ -1 +1,170 @@
-import{__spreadArray as o,__assign as s}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as n,Fragment as i}from"react/jsx-runtime";import{memo as e,useContext as c,useState as r,useEffect as m}from"react";import{uniq as a}from"lodash";import{makeStyles as l,FormControl as p,InputLabel as u,Select as d,MenuItem as j}from"@material-ui/core";import{isMobileDetected as I}from"../../../utils/mobileDetect.js";import h from"../../Modal/Modal.js";import f from"../../Button/components/Button/index.js";import"moment-timezone";import"classnames";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"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import C from"../RealTimeSidebarContext.js";var g=l({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}});var v=e((function(e){var l=e.isDialogOpen,v=e.paramToEdit,k=e.handleCloseRealTimeDialog,b=c(C),x=b.onAppSettingChange,B=b.appSettings,y=b.assetKey,F=b.realTimeTypes,S=b.setting,P=b.handleChangeParamToEdit,R=g(),T=function(o){var t;x("rtValuesSetting",s(s({},B.rtValuesSetting),((t={})[y]=o,t)))},E=r(v),D=E[0],L=E[1];return m((function(){L(v)}),[v]),t(h,{open:l,onClose:k,title:"Add/Edit Real-Time Parameter",size:I?"extraLarge":"medium",actions:n(i,{children:[t(f,{color:"primary",classes:{root:R.cancelButton},onClick:k,children:"Cancel"}),v&&t(f,{color:"primary",onClick:function(){var o=S.filter((function(o){return o!==v}));T(o),P(""),k()},children:"Delete"}),t(f,{classes:{root:R.saveButton},variation:"primary",onClick:function(){var s;if(v)s=S.map((function(o){return o===v?D:o}));else{if(S.find((function(o){return o===D})))return void k();s=o([D],S,!0)}s=a(s),T(s),P(""),k()},disabled:!D,children:"Save"})]}),children:n(p,{classes:{root:R.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[t(u,{htmlFor:"parameter",children:"Parameter"}),t(d,{value:D||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(o){L(String(o.target.value))},children:F.map((function(o){return t(j,{"data-testid":"".concat(o.key,"_menuItem"),value:o.key,disabled:S.includes(o.key),children:o.name},o.key)}))})]})})}));export{v as default};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo, useContext, useState, useEffect } from 'react';
+import { uniq } from 'lodash';
+import { makeStyles, FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
+import { isMobileDetected } from '../../../utils/mobileDetect.js';
+import Modal from '../../Modal/Modal.js';
+import Button from '../../Button/components/Button/index.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'moment-timezone';
+import 'classnames';
+import '@icon-park/react/es/all';
+import { jsx, jsxs, Fragment } from '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 '../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../../Button/components/LiveButton/styles.js';
+import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
+
+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({
+  selectFormControl: {
+    width: '80%',
+    marginRight: '1rem'
+  },
+  cancelButton: {
+    margin: '0 16px 0 auto'
+  },
+  saveButton: {
+    marginLeft: 16
+  }
+});
+function RealTimeBoxEditDialog(props) {
+  var isDialogOpen = props.isDialogOpen,
+    paramToEdit = props.paramToEdit,
+    handleCloseRealTimeDialog = props.handleCloseRealTimeDialog;
+  var _useContext = useContext(RealTimeSidebarContext),
+    onAppSettingChange = _useContext.onAppSettingChange,
+    appSettings = _useContext.appSettings,
+    assetKey = _useContext.assetKey,
+    realTimeTypes = _useContext.realTimeTypes,
+    setting = _useContext.setting,
+    handleChangeParamToEdit = _useContext.handleChangeParamToEdit;
+  var classes = useStyles();
+  var onAppRtValuesSettingChange = function onAppRtValuesSettingChange(value) {
+    onAppSettingChange('rtValuesSetting', _objectSpread(_objectSpread({}, appSettings.rtValuesSetting), {}, _defineProperty({}, assetKey, value)));
+  };
+  var _useState = useState(paramToEdit),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedParam = _useState2[0],
+    setSelectedParam = _useState2[1];
+  useEffect(function () {
+    setSelectedParam(paramToEdit);
+  }, [paramToEdit]);
+  var handleSave = function handleSave() {
+    var newSetting;
+    if (!paramToEdit) {
+      if (setting.find(function (item) {
+        return item === selectedParam;
+      })) {
+        handleCloseRealTimeDialog();
+        return;
+      }
+      newSetting = [selectedParam].concat(_toConsumableArray(setting));
+    } else {
+      newSetting = setting.map(function (item) {
+        return item === paramToEdit ? selectedParam : item;
+      });
+    }
+
+    // NOTE: remove duplicates
+    newSetting = uniq(newSetting);
+    onAppRtValuesSettingChange(newSetting);
+    handleChangeParamToEdit('');
+    handleCloseRealTimeDialog();
+  };
+  var handleDelete = function handleDelete() {
+    var newSetting = setting.filter(function (item) {
+      return item !== paramToEdit;
+    });
+    onAppRtValuesSettingChange(newSetting);
+    handleChangeParamToEdit('');
+    handleCloseRealTimeDialog();
+  };
+  var onParamChange = function onParamChange(e) {
+    setSelectedParam(String(e.target.value));
+  };
+  return /*#__PURE__*/jsx(Modal, {
+    open: isDialogOpen,
+    onClose: handleCloseRealTimeDialog,
+    title: "Add/Edit Real-Time Parameter",
+    size: isMobileDetected ? 'extraLarge' : 'medium',
+    actions: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Button, {
+        color: "primary",
+        classes: {
+          root: classes.cancelButton
+        },
+        onClick: handleCloseRealTimeDialog,
+        children: "Cancel"
+      }), paramToEdit && /*#__PURE__*/jsx(Button, {
+        color: "primary",
+        onClick: handleDelete,
+        children: "Delete"
+      }), /*#__PURE__*/jsx(Button, {
+        classes: {
+          root: classes.saveButton
+        },
+        variation: "primary",
+        onClick: handleSave,
+        disabled: !selectedParam,
+        children: "Save"
+      })]
+    }),
+    children: /*#__PURE__*/jsxs(FormControl, {
+      classes: {
+        root: classes.selectFormControl
+      },
+      "data-testid": "addEditRealTimeParameterDropdown",
+      children: [/*#__PURE__*/jsx(InputLabel, {
+        htmlFor: "parameter",
+        children: "Parameter"
+      }), /*#__PURE__*/jsx(Select, {
+        value: selectedParam || '',
+        inputProps: {
+          name: 'parameter',
+          id: 'parameter'
+        },
+        onChange: onParamChange,
+        children: realTimeTypes.map(function (rtType) {
+          return /*#__PURE__*/jsx(MenuItem, {
+            "data-testid": "".concat(rtType.key, "_menuItem"),
+            value: rtType.key,
+            disabled: setting.includes(rtType.key),
+            children: rtType.name
+          }, rtType.key);
+        })
+      })]
+    })
+  });
+}
+var RealTimeBoxEditDialog$1 = memo(RealTimeBoxEditDialog);
+
+export { RealTimeBoxEditDialog$1 as default };
+//# sourceMappingURL=RealTimeBoxEditDialog.js.map

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeBoxEditDialog.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.tsx"],"sourcesContent":["import { memo, useState, useEffect, useContext } from 'react';\nimport { uniq } from 'lodash';\nimport { makeStyles, InputLabel, MenuItem, FormControl, Select } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { RealTimeBoxEditDialogProps } from '../types';\nimport Modal from '~/components/Modal/Modal';\nimport Button from '~/components/Button';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\n\nconst useStyles = makeStyles({\n  selectFormControl: { width: '80%', marginRight: '1rem' },\n  cancelButton: {\n    margin: '0 16px 0 auto',\n  },\n  saveButton: {\n    marginLeft: 16,\n  }\n});\n\nfunction RealTimeBoxEditDialog(props: RealTimeBoxEditDialogProps) {\n  const { isDialogOpen, paramToEdit, handleCloseRealTimeDialog } = props;\n  const {\n    onAppSettingChange,\n    appSettings,\n    assetKey,\n    realTimeTypes,\n    setting,\n    handleChangeParamToEdit,\n  } = useContext(RealTimeSidebarContext);\n\n  const classes = useStyles();\n\n  const onAppRtValuesSettingChange = value => {\n    onAppSettingChange('rtValuesSetting', {\n      ...appSettings.rtValuesSetting,\n      [assetKey]: value,\n    });\n  };\n\n  const [selectedParam, setSelectedParam] = useState(paramToEdit);\n\n  useEffect(() => {\n    setSelectedParam(paramToEdit);\n  }, [paramToEdit]);\n\n  const handleSave = () => {\n    let newSetting;\n    if (!paramToEdit) {\n      if (setting.find(item => item === selectedParam)) {\n        handleCloseRealTimeDialog();\n        return;\n      }\n      newSetting = [selectedParam, ...setting];\n    } else {\n      newSetting = setting.map(item => {\n        return item === paramToEdit ? selectedParam : item;\n      });\n    }\n\n    // NOTE: remove duplicates\n    newSetting = uniq(newSetting);\n\n    onAppRtValuesSettingChange(newSetting);\n    handleChangeParamToEdit('');\n    handleCloseRealTimeDialog();\n  };\n\n  const handleDelete = () => {\n    const newSetting = setting.filter(item => item !== paramToEdit);\n    onAppRtValuesSettingChange(newSetting);\n    handleChangeParamToEdit('');\n    handleCloseRealTimeDialog();\n  };\n\n  const onParamChange = e => {\n    setSelectedParam(String(e.target.value));\n  };\n\n  return (\n    <Modal\n      open={isDialogOpen}\n      onClose={handleCloseRealTimeDialog}\n      title=\"Add/Edit Real-Time Parameter\"\n      size={isMobileDetected ? 'extraLarge' : 'medium'}\n      actions={\n        <>\n          <Button\n            color=\"primary\"\n            classes={{ root: classes.cancelButton }}\n            onClick={handleCloseRealTimeDialog}\n          >\n            Cancel\n          </Button>\n          {paramToEdit && (\n            <Button color=\"primary\" onClick={handleDelete}>\n              Delete\n            </Button>\n          )}\n          <Button\n            classes={{ root: classes.saveButton }}\n            variation=\"primary\"\n            onClick={handleSave}\n            disabled={!selectedParam}\n          >\n            Save\n          </Button>\n        </>\n      }\n    >\n      <FormControl\n        classes={{ root: classes.selectFormControl }}\n        data-testid=\"addEditRealTimeParameterDropdown\"\n      >\n        <InputLabel htmlFor=\"parameter\">Parameter</InputLabel>\n        <Select\n          value={selectedParam || ''}\n          inputProps={{ name: 'parameter', id: 'parameter' }}\n          onChange={onParamChange}\n        >\n          {realTimeTypes.map(rtType => (\n            <MenuItem\n              data-testid={`${rtType.key}_menuItem`}\n              value={rtType.key}\n              key={rtType.key}\n              disabled={setting.includes(rtType.key)}\n            >\n              {rtType.name}\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Modal>\n  );\n}\n\nexport default memo(RealTimeBoxEditDialog);\n"],"names":["useStyles","makeStyles","selectFormControl","width","marginRight","cancelButton","margin","saveButton","marginLeft","RealTimeBoxEditDialog","props","isDialogOpen","paramToEdit","handleCloseRealTimeDialog","useContext","RealTimeSidebarContext","onAppSettingChange","appSettings","assetKey","realTimeTypes","setting","handleChangeParamToEdit","classes","onAppRtValuesSettingChange","value","rtValuesSetting","useState","selectedParam","setSelectedParam","useEffect","handleSave","newSetting","find","item","map","uniq","handleDelete","filter","onParamChange","e","String","target","_jsx","isMobileDetected","_jsxs","_Fragment","root","name","id","rtType","key","includes","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.js

@@ -1 +1,89 @@
-import{__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,Fragment as r,jsxs as i}from"react/jsx-runtime";import{memo as o,useContext as n}from"react";import a from"react-draggable-list";import{makeStyles as l}from"@material-ui/core";import s from"../../IconButton/index.js";import{PlusIcon as m}from"../../../icons/iconParkIcons.js";import c from"./RealTimeBox.js";import d from"../RealTimeSidebarContext.js";import{ORIENTATIONS as p}from"../enums.js";var u=l((function(){return{boxListVertical:{padding:"10px 0 16px",overflowX:"hidden"},rtBoxListHorizontal:{display:"flex",flexWrap:"wrap"},cTpRtBoxAddButtonContainer:{marginTop:8,textAlign:"center"}}}));var f=o((function(o){var l=o.sourceArray,f=o.findSource,x=u(),g=n(d),v=g.onAppSettingChange,y=g.appSettings,B=g.assetKey,b=g.orientation,h=g.realTimeTypes,T=g.setting,j=g.handleOpenCloseDialog;return e(r,{children:b===p.vertical?i("div",{className:x.boxListVertical,children:[e(a,{list:l,itemKey:function(t){return t.key},template:c,padding:0,unsetZIndex:!0,container:function(){return document.body},onMoveEnd:function(e){var r,i=e.map((function(t){return t.key}));v("rtValuesSetting",t(t({},y.rtValuesSetting),((r={})[B]=i,r)))}}),e("div",{className:x.cTpRtBoxAddButtonContainer,children:e(s,{"data-testid":"addRealTimeValuesButton",color:"primary",tooltipProps:{title:"Add"},onClick:j,children:e(m,{})})})]}):e("div",{className:x.rtBoxListHorizontal,children:T.map((function(t){return e(c,{isDraggable:!1,item:f(t,h)},"".concat(t))}))})})}));export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo, useContext } from 'react';
+import DraggableList from 'react-draggable-list';
+import { makeStyles } from '@material-ui/core';
+import IconButton from '../../IconButton/index.js';
+import { PlusIcon } from '../../../icons/iconParkIcons.js';
+import RealTimeBox from './RealTimeBox.js';
+import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
+import { ORIENTATIONS } from '../enums.js';
+import { jsx, Fragment, jsxs } 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 () {
+  return {
+    boxListVertical: {
+      padding: '10px 0 16px',
+      overflowX: 'hidden'
+    },
+    rtBoxListHorizontal: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    cTpRtBoxAddButtonContainer: {
+      marginTop: 8,
+      textAlign: 'center'
+    }
+  };
+});
+function RealTimeBoxList(props) {
+  var sourceArray = props.sourceArray,
+    findSource = props.findSource;
+  var classes = useStyles();
+  var _useContext = useContext(RealTimeSidebarContext),
+    onAppSettingChange = _useContext.onAppSettingChange,
+    appSettings = _useContext.appSettings,
+    assetKey = _useContext.assetKey,
+    orientation = _useContext.orientation,
+    realTimeTypes = _useContext.realTimeTypes,
+    setting = _useContext.setting,
+    handleOpenCloseDialog = _useContext.handleOpenCloseDialog;
+  var handleOrderComponents = function handleOrderComponents(newArr) {
+    var newOrder = newArr.map(function (item) {
+      return item.key;
+    });
+    onAppSettingChange('rtValuesSetting', _objectSpread(_objectSpread({}, appSettings.rtValuesSetting), {}, _defineProperty({}, assetKey, newOrder)));
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: orientation === ORIENTATIONS.vertical ? /*#__PURE__*/jsxs("div", {
+      className: classes.boxListVertical,
+      children: [/*#__PURE__*/jsx(DraggableList, {
+        list: sourceArray,
+        itemKey: function itemKey(itm) {
+          return itm.key;
+        },
+        template: RealTimeBox,
+        padding: 0,
+        unsetZIndex: true,
+        container: function container() {
+          return document.body;
+        },
+        onMoveEnd: handleOrderComponents
+      }), /*#__PURE__*/jsx("div", {
+        className: classes.cTpRtBoxAddButtonContainer,
+        children: /*#__PURE__*/jsx(IconButton, {
+          "data-testid": "addRealTimeValuesButton",
+          color: "primary",
+          tooltipProps: {
+            title: 'Add'
+          },
+          onClick: handleOpenCloseDialog,
+          children: /*#__PURE__*/jsx(PlusIcon, {})
+        })
+      })]
+    }) : /*#__PURE__*/jsx("div", {
+      className: classes.rtBoxListHorizontal,
+      children: setting.map(function (param) {
+        return /*#__PURE__*/jsx(RealTimeBox, {
+          isDraggable: false,
+          item: findSource(param, realTimeTypes)
+        }, "".concat(param));
+      })
+    })
+  });
+}
+var RealTimeBoxList$1 = memo(RealTimeBoxList);
+
+export { RealTimeBoxList$1 as default };
+//# sourceMappingURL=RealTimeBoxList.js.map

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeBoxList.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.tsx"],"sourcesContent":["import { memo, useContext } from 'react';\nimport DraggableList from 'react-draggable-list';\n\nimport { makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon } from '~/icons/iconParkIcons';\n\nimport RealTimeBox from './RealTimeBox';\nimport { RealTimeBoxListProps } from '../types';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\nimport { ORIENTATIONS } from '../enums';\n\nconst useStyles = makeStyles(() => ({\n  boxListVertical: {\n    padding: '10px 0 16px',\n    overflowX: 'hidden',\n  },\n  rtBoxListHorizontal: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  cTpRtBoxAddButtonContainer: {\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}));\n\nfunction RealTimeBoxList(props: RealTimeBoxListProps) {\n  const { sourceArray, findSource } = props;\n  const classes = useStyles();\n\n  const {\n    onAppSettingChange,\n    appSettings,\n    assetKey,\n    orientation,\n    realTimeTypes,\n    setting,\n    handleOpenCloseDialog,\n  } = useContext(RealTimeSidebarContext);\n\n  const handleOrderComponents = newArr => {\n    const newOrder = newArr.map(item => item.key);\n\n    onAppSettingChange('rtValuesSetting', {\n      ...appSettings.rtValuesSetting,\n      [assetKey]: newOrder,\n    });\n  };\n\n  return (\n    <>\n      {orientation === ORIENTATIONS.vertical ? (\n        <div className={classes.boxListVertical}>\n          <DraggableList\n            list={sourceArray}\n            itemKey={(itm: any) => itm.key}\n            template={RealTimeBox as any}\n            padding={0}\n            unsetZIndex\n            container={() => document.body}\n            onMoveEnd={handleOrderComponents}\n          />\n          <div className={classes.cTpRtBoxAddButtonContainer}>\n            <IconButton\n              data-testid=\"addRealTimeValuesButton\"\n              color=\"primary\"\n              tooltipProps={{ title: 'Add' }}\n              onClick={handleOpenCloseDialog}\n            >\n              <PlusIcon />\n            </IconButton>\n          </div>\n        </div>\n      ) : (\n        <div className={classes.rtBoxListHorizontal}>\n          {setting.map(param => (\n            <RealTimeBox\n              key={`${param}`}\n              isDraggable={false}\n              item={findSource(param, realTimeTypes)}\n            />\n          ))}\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default memo(RealTimeBoxList);\n"],"names":["useStyles","makeStyles","boxListVertical","padding","overflowX","rtBoxListHorizontal","display","flexWrap","cTpRtBoxAddButtonContainer","marginTop","textAlign","RealTimeBoxList","props","sourceArray","findSource","classes","useContext","RealTimeSidebarContext","onAppSettingChange","appSettings","assetKey","orientation","realTimeTypes","setting","handleOpenCloseDialog","handleOrderComponents","newArr","newOrder","map","item","key","rtValuesSetting","_jsx","_Fragment","ORIENTATIONS","vertical","_jsxs","itm","RealTimeBox","document","body","title","param","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.js

@@ -1 +1,69 @@
-import{makeStyles as t}from"@material-ui/core";var e=t((function(t){return{dragIcon:{width:16,height:16},divider:{margin:"0 12px",width:206},rtBox:{padding:"8px 0px 8px 16px",display:"flex",justifyContent:"space-between",backgroundColor:t.isLightTheme?t.palette.primary.contrastText:t.palette.background.b5,alignItems:"center","&.notDraggable":{marginLeft:12,marginBottom:12,padding:0},"&:hover":{backgroundColor:t.palette.background.b6,"&>$rtBoxButtonContainer":{display:"block",marginRight:12}}},rtBoxSelected:{borderBottom:"0px solid ".concat(t.palette.background.b6),backgroundColor:t.palette.background.b6,boxShadow:"0px 0px 16px rgba(0, 0, 0, 0.5)"},rtBoxInner:{cursor:"pointer"},rtBoxTitle:{display:"flex",fontSize:"11px",lineHeight:"12px",color:t.palette.primary.text6,letterSpacing:"0.4px"},rtBoxValue:{marginTop:8,fontSize:"20px",lineHeight:"14px","& > span":{fontSize:"11px",lineHeight:"14px",color:t.palette.primary.text6}},rtBoxTitleBorder:{borderRadius:2,width:2,height:10},rtBoxButtonContainer:{display:"none"}}}));export{e as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    dragIcon: {
+      width: 16,
+      height: 16
+    },
+    divider: {
+      margin: '0 12px',
+      width: 206
+    },
+    rtBox: {
+      padding: '8px 0px 8px 16px',
+      display: 'flex',
+      justifyContent: 'space-between',
+      backgroundColor: theme.isLightTheme ? theme.palette.primary.contrastText : theme.palette.background.b5,
+      alignItems: 'center',
+      '&.notDraggable': {
+        marginLeft: 12,
+        marginBottom: 12,
+        padding: 0
+      },
+      '&:hover': {
+        backgroundColor: theme.palette.background.b6,
+        '&>$rtBoxButtonContainer': {
+          display: 'block',
+          marginRight: 12
+        }
+      }
+    },
+    rtBoxSelected: {
+      borderBottom: "0px solid ".concat(theme.palette.background.b6),
+      backgroundColor: theme.palette.background.b6,
+      boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.5)'
+    },
+    rtBoxInner: {
+      cursor: 'pointer'
+    },
+    rtBoxTitle: {
+      display: 'flex',
+      fontSize: '11px',
+      lineHeight: '12px',
+      color: theme.palette.primary.text6,
+      letterSpacing: '0.4px'
+    },
+    rtBoxValue: {
+      marginTop: 8,
+      fontSize: '20px',
+      lineHeight: '14px',
+      '& > span': {
+        fontSize: '11px',
+        lineHeight: '14px',
+        color: theme.palette.primary.text6
+      }
+    },
+    rtBoxTitleBorder: {
+      borderRadius: 2,
+      width: 2,
+      height: 10
+    },
+    rtBoxButtonContainer: {
+      display: 'none'
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=RealTimeBoxStyles.js.map

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeBoxStyles.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme: any) => ({\n  dragIcon: {\n    width: 16,\n    height: 16,\n  },\n  divider: {\n    margin: '0 12px',\n    width: 206,\n  },\n  rtBox: {\n    padding: '8px 0px 8px 16px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    backgroundColor: theme.isLightTheme ? theme.palette.primary.contrastText : theme.palette.background.b5,\n    alignItems: 'center',\n    '&.notDraggable': {\n      marginLeft: 12,\n      marginBottom: 12,\n      padding: 0,\n    },\n    '&:hover': {\n      backgroundColor: theme.palette.background.b6,\n      '&>$rtBoxButtonContainer': {\n        display: 'block',\n        marginRight: 12,\n      },\n    },\n  },\n  rtBoxSelected: {\n    borderBottom: `0px solid ${theme.palette.background.b6}`,\n    backgroundColor: theme.palette.background.b6,\n    boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.5)',\n  },\n  rtBoxInner: {\n    cursor: 'pointer',\n  },\n  rtBoxTitle: {\n    display: 'flex',\n    fontSize: '11px',\n    lineHeight: '12px',\n    color: theme.palette.primary.text6,\n    letterSpacing: '0.4px',\n  },\n  rtBoxValue: {\n    marginTop: 8,\n    fontSize: '20px',\n    lineHeight: '14px',\n    '& > span': {\n      fontSize: '11px',\n      lineHeight: '14px',\n      color: theme.palette.primary.text6,\n    },\n  },\n  rtBoxTitleBorder: {\n    borderRadius: 2,\n    width: 2,\n    height: 10,\n  },\n  rtBoxButtonContainer: {\n    display: 'none',\n  },\n}));\n"],"names":["useStyles","makeStyles","theme","dragIcon","width","height","divider","margin","rtBox","padding","display","justifyContent","backgroundColor","isLightTheme","palette","primary","contrastText","background","b5","alignItems","marginLeft","marginBottom","b6","marginRight","rtBoxSelected","borderBottom","boxShadow","rtBoxInner","cursor","rtBoxTitle","fontSize","lineHeight","color","text6","letterSpacing","rtBoxValue","marginTop","rtBoxTitleBorder","borderRadius","rtBoxButtonContainer"],"mappings":";;IAEaA,SAAS,GAAGC,UAAU,CAAC,UAACC,KAAU,EAAA;EAAA,OAAM;AACnDC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAA;KACT;AACDC,IAAAA,OAAO,EAAE;AACPC,MAAAA,MAAM,EAAE,QAAQ;AAChBH,MAAAA,KAAK,EAAE,GAAA;KACR;AACDI,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE,kBAAkB;AAC3BC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAE,eAAe;AAC/BC,MAAAA,eAAe,EAAEV,KAAK,CAACW,YAAY,GAAGX,KAAK,CAACY,OAAO,CAACC,OAAO,CAACC,YAAY,GAAGd,KAAK,CAACY,OAAO,CAACG,UAAU,CAACC,EAAE;AACtGC,MAAAA,UAAU,EAAE,QAAQ;AACpB,MAAA,gBAAgB,EAAE;AAChBC,QAAAA,UAAU,EAAE,EAAE;AACdC,QAAAA,YAAY,EAAE,EAAE;AAChBZ,QAAAA,OAAO,EAAE,CAAA;OACV;AACD,MAAA,SAAS,EAAE;AACTG,QAAAA,eAAe,EAAEV,KAAK,CAACY,OAAO,CAACG,UAAU,CAACK,EAAE;AAC5C,QAAA,yBAAyB,EAAE;AACzBZ,UAAAA,OAAO,EAAE,OAAO;AAChBa,UAAAA,WAAW,EAAE,EAAA;AACf,SAAA;AACF,OAAA;KACD;AACDC,IAAAA,aAAa,EAAE;MACbC,YAAY,EAAA,YAAA,CAAA,MAAA,CAAevB,KAAK,CAACY,OAAO,CAACG,UAAU,CAACK,EAAE,CAAE;AACxDV,MAAAA,eAAe,EAAEV,KAAK,CAACY,OAAO,CAACG,UAAU,CAACK,EAAE;AAC5CI,MAAAA,SAAS,EAAE,iCAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,SAAA;KACT;AACDC,IAAAA,UAAU,EAAE;AACVnB,MAAAA,OAAO,EAAE,MAAM;AACfoB,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,KAAK,EAAE9B,KAAK,CAACY,OAAO,CAACC,OAAO,CAACkB,KAAK;AAClCC,MAAAA,aAAa,EAAE,OAAA;KAChB;AACDC,IAAAA,UAAU,EAAE;AACVC,MAAAA,SAAS,EAAE,CAAC;AACZN,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,UAAU,EAAE,MAAM;AAClB,MAAA,UAAU,EAAE;AACVD,QAAAA,QAAQ,EAAE,MAAM;AAChBC,QAAAA,UAAU,EAAE,MAAM;AAClBC,QAAAA,KAAK,EAAE9B,KAAK,CAACY,OAAO,CAACC,OAAO,CAACkB,KAAAA;AAC/B,OAAA;KACD;AACDI,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,YAAY,EAAE,CAAC;AACflC,MAAAA,KAAK,EAAE,CAAC;AACRC,MAAAA,MAAM,EAAE,EAAA;KACT;AACDkC,IAAAA,oBAAoB,EAAE;AACpB7B,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;GACD,CAAA;AAAA,CAAC;;;;"}