@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js

@@ -1 +1,134 @@
-import{__assign as e,__spreadArray as r}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i,Fragment as n}from"react/jsx-runtime";import{memo as a,useContext as o,useState as l,useEffect as m}from"react";import{uniq as c}from"lodash";import{makeStyles as s,FormControl as d,InputLabel as u,Select as p,MenuItem as f}from"@material-ui/core";import{isMobileDetected as h}from"../../../utils/mobileDetect.js";import g from"../../Modal/Modal.js";import v from"../../Button/index.js";import C from"../RealTimeSidebarContext.js";var y=s({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"}});var S=a((function(a){var s=a.isDialogOpen,S=a.paramToEdit,T=a.handleCloseRealTimeDialog,b=o(C),j=b.onAppSettingChange,k=b.appSettings,x=b.assetKey,D=b.realTimeTypes,P=b.setting,R=b.handleChangeParamToEdit,B=y(),E=function(r){var t;j("rtValuesSetting",e(e({},k.rtValuesSetting),((t={})[x]=r,t)))},F=l(S),A=F[0],M=F[1];return m((function(){M(S)}),[S]),t(g,e({open:s,onClose:T,title:"Add/Edit Real-Time Parameter",size:h?"extraLarge":"medium",actions:i(n,{children:[t(v,e({color:"primary",classes:{root:B.cancelButton},onClick:T},{children:"Cancel"})),S&&t(v,e({color:"primary",onClick:function(){var e=P.filter((function(e){return e!==S}));E(e),R(""),T()}},{children:"Delete"})),t(v,e({variation:"primary",onClick:function(){var e;if(S)e=P.map((function(e){return e===S?A:e}));else{if(P.find((function(e){return e===A})))return void T();e=r([A],P,!0)}e=c(e),E(e),R(""),T()},disabled:!A},{children:"Save"}))]})},{children:t(n,{children:i(d,e({classes:{root:B.selectFormControl}},{children:[t(u,e({htmlFor:"parameter"},{children:"Parameter"})),t(p,e({value:A,inputProps:{name:"parameter",id:"parameter"},onChange:function(e){e.target.value,M(String(e.target.value))}},{children:D.map((function(r){return t(f,e({value:r.key,disabled:P.includes(r.key)},{children:r.name}),r.key)}))}))]}))})}))}));export{S 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/index.js';
+import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
+import { jsx, jsxs, Fragment } 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({
+  selectFormControl: {
+    width: '80%',
+    marginRight: '1rem'
+  },
+  cancelButton: {
+    margin: '0 16px 0 auto'
+  }
+});
+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) {
+    e.target.value;
+    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, {
+        variation: "primary",
+        onClick: handleSave,
+        disabled: !selectedParam,
+        children: "Save"
+      })]
+    }),
+    children: /*#__PURE__*/jsx(Fragment, {
+      children: /*#__PURE__*/jsxs(FormControl, {
+        classes: {
+          root: classes.selectFormControl
+        },
+        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, {
+              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});\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    const { value } = e.target;\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 variation=\"primary\" onClick={handleSave} disabled={!selectedParam}>\n            Save\n          </Button>\n        </>\n      }\n    >\n      <>\n        <FormControl classes={{ root: classes.selectFormControl }}>\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 value={rtType.key} key={rtType.key} disabled={setting.includes(rtType.key)}>\n                {rtType.name}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </>\n    </Modal>\n  );\n}\n\nexport default memo(RealTimeBoxEditDialog);\n"],"names":["useStyles","makeStyles","selectFormControl","width","marginRight","cancelButton","margin","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","target","String","_jsx","isMobileDetected","_jsxs","_Fragment","root","name","id","rtType","key","includes","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.js

@@ -1 +1,329 @@
-import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,Fragment as r,jsxs as o}from"react/jsx-runtime";import{memo as i,useContext as n}from"react";import s from"react-draggable-list";import{makeStyles as p}from"@material-ui/core";import{Add as m}from"@material-ui/icons";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../Modal/CorvaModal.js";import"uuid";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../AppIcon/AppIcon.js";import"../../DevCenter/AppHeader/AppHeader.js";import"../../DevCenter/AppSideBar/AppSideBar.js";import"../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"classnames";import"lodash";import"../../Icons/AnnotationIcon.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import"../../../utils/index.js";import"jsona";import"../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"rollbar";import"@rollbar/react";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../EmptyState/EmptyState.js";import"../../ParameterCharts/ParameterCharts.js";import"../../ParameterCharts/AddEditTrack.js";import"../../ChartActionsList/ChartActionsList.js";import"../../CopyToClipboard/CopyToClipboard.js";import"../../AssetEditor/AssetEditorAutocomplete.js";import"../../AssetEditor/SingleAssetEditor.js";import"../../SettingEditors/ColorEditor/index.js";import"../../SettingEditors/DropdownEditor/index.js";import"../../SettingEditors/RadioEditor/index.js";import"../../SwitchControl/index.js";import"../../ColorPicker/ColorPicker.js";import"../../Chart/components/ChartButton.js";import"../../Chart/components/ChartButtons.js";import"../../Chart/components/ChartWrapper.js";import"../../Chart/components/AxisDropdown.js";import"../../Chart/components/ChartSelect.js";import"../../Chart/components/buttons/DragToZoomButton.js";import"../../Chart/components/buttons/ZoomInButton.js";import"../../Chart/components/buttons/ZoomOutButton.js";import"../../Chart/components/buttons/PanButton.js";import"../../Chart/components/buttons/ResetZoomButton.js";import"../../Chart/components/buttons/HideAxesButton.js";import"../../Chart/components/buttons/ChartTypeButton.js";import"../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../TruncatedText/index.js";import"../../RangeSlider/RangeSlider.js";import"../../AdvancedSlider/AdvancedSlider.js";import"../../Breadcrumbs/index.js";import"../../VirtualizedTable/index.js";import"../../EmptyView/EmptyView.js";import"../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../Button/index.js";import"../../ContextMenuItem/index.js";import"../../FolderMenuItem/index.js";import"../../EditableItem/EditableItem/index.js";import"../../EditableItem/EditableItemWithBadge/index.js";import"../../Checkbox/index.js";import"../../FolderMenuItemWithLinks/index.js";import a from"../../IconButton/index.js";import"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.styles.js";import"../../GradientPicker/GradientPicker.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Toaster/Toaster.js";import"../../ConfirmationDialog.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Stepper/Stepper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../FilesLoader/Icons/FileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../../AddComment/Popover.js";import"../../AddComment/Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/InputAdornmentLeft.js";import"../../Search/components/Groups.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import l from"./RealTimeBox.js";import d from"../RealTimeSidebarContext.js";import{ORIENTATIONS as j}from"../enums.js";var c=p((function(){return{boxListVertical:{padding:"10px 0 16px",overflowX:"hidden"},rtBoxListHorizontal:{display:"flex",flexWrap:"wrap"},cTpRtBoxAddButtonContainer:{marginTop:8,textAlign:"center"}}}));var C=i((function(i){var p=i.sourceArray,C=i.findSource,u=c(),A=n(d),g=A.onAppSettingChange,D=A.appSettings,v=A.assetKey,b=A.orientation,S=A.realTimeTypes,x=A.setting,P=A.handleOpenCloseDialog;return t(r,{children:b===j.vertical?o("div",e({className:u.boxListVertical},{children:[t(s,{list:p,itemKey:function(e){return e.key},template:l,padding:0,unsetZIndex:!0,container:function(){return document.body},onMoveEnd:function(t){var r,o=t.map((function(e){return e.key}));g("rtValuesSetting",e(e({},D.rtValuesSetting),((r={})[v]=o,r)))}}),t("div",e({className:u.cTpRtBoxAddButtonContainer},{children:t(a,e({color:"primary",tooltipProps:{title:"Add"},onClick:P},{children:t(m,{})}))}))]})):t("div",e({className:u.rtBoxListHorizontal},{children:x.map((function(e){return t(l,{isDraggable:!1,item:C(e,S)},"".concat(e))}))}))})}));export{C 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 { Add } from '@material-ui/icons';
+import '../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
+import '../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../Modal/CorvaModal.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/slicedToArray';
+import 'uuid';
+import '../../IconMenu/index.js';
+import '../../StyledMenuItem/index.js';
+import '../../AppIcon/AppIcon.js';
+import '../../DevCenter/AppHeader/AppHeader.js';
+import '../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import 'classnames';
+import 'lodash';
+import 'moment-timezone';
+import '../../Icons/AnnotationIcon.js';
+import '../../Annotations/components/AnnotationsList/index.js';
+import '../../Annotations/components/LastAnnotation/index.js';
+import '../../Annotations/AnnotationsContext.js';
+import '../../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'querystring';
+import 'uuid/v1';
+import 'query-string';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import '../../../clients/subscriptions.js';
+import '../../../constants/goals.js';
+import '../../../constants/segment.js';
+import '../../../constants/alerts.js';
+import '../../../constants/apps.js';
+import '../../../constants/drillstring.js';
+import '../../../constants/completion.js';
+import '../../../constants/notifications.js';
+import '../../../constants/feed.js';
+import '../../../constants/bha.js';
+import '../../../utils/env.js';
+import '../../GradientManager/configuration/constants.js';
+import '../../../utils/index.js';
+import 'jsona';
+import '../../StatusBadge/constants.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import '../../HelpCenter/HelpCenterIcon.js';
+import '../../DevCenter/AppContext.js';
+import '../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import '../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import 'react-router';
+import 'rollbar';
+import '@rollbar/react';
+import '../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../DevCenter/SideBar/SideBar.js';
+import '../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
+import '../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../AssetEditor/index.js';
+import '../../AssetEditorV2/index.js';
+import '../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../LoadingIndicator/LoadingIndicator.js';
+import '../../Typography.js';
+import '../RealTimeSidebar.js';
+import '../../CollapsableSidebar.js';
+import '../../DateTimePicker/index.js';
+import '../../DatePicker/index.js';
+import '../../ErrorBoundary/ErrorBoundary.js';
+import '../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../SlateFormattedText/SlateFormattedText.js';
+import '../../SlateFormattedText/RenderElements.js';
+import '@babel/runtime/helpers/typeof';
+import 'slate';
+import '../../EmptyState/EmptyState.js';
+import '../../ParameterCharts/ParameterCharts.js';
+import '../../ParameterCharts/AddEditTrack.js';
+import '../../ChartActionsList/ChartActionsList.js';
+import '../../CopyToClipboard/CopyToClipboard.js';
+import '../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../AssetEditor/SingleAssetEditor.js';
+import '../../SettingEditors/ColorEditor/index.js';
+import '../../SettingEditors/DropdownEditor/index.js';
+import '../../SettingEditors/RadioEditor/index.js';
+import '../../SwitchControl/index.js';
+import '../../ColorPicker/ColorPicker.js';
+import '../../Chart/components/ChartButton.js';
+import '../../Chart/components/ChartButtons.js';
+import '../../Chart/components/ChartWrapper.js';
+import '../../Chart/components/AxisDropdown.js';
+import '../../Chart/components/ChartSelect.js';
+import '../../Chart/components/buttons/DragToZoomButton.js';
+import '../../Chart/components/buttons/ZoomInButton.js';
+import '../../Chart/components/buttons/ZoomOutButton.js';
+import '../../Chart/components/buttons/PanButton.js';
+import '../../Chart/components/buttons/ResetZoomButton.js';
+import '../../Chart/components/buttons/HideAxesButton.js';
+import '../../Chart/components/buttons/ChartTypeButton.js';
+import '../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../TruncatedText/index.js';
+import '../../RangeSlider/RangeSlider.js';
+import '../../AdvancedSlider/AdvancedSlider.js';
+import '../../Breadcrumbs/index.js';
+import '../../VirtualizedTable/index.js';
+import '../../EmptyView/EmptyView.js';
+import '../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../Button/index.js';
+import '../../ContextMenuItem/index.js';
+import '../../FolderMenuItem/index.js';
+import '../../EditableItem/EditableItem/index.js';
+import '../../EditableItem/EditableItemWithBadge/index.js';
+import '../../Checkbox/index.js';
+import '../../FolderMenuItemWithLinks/index.js';
+import IconButton from '../../IconButton/index.js';
+import '../../TextField/index.js';
+import '../../Chip/index.js';
+import '../../Counter/index.js';
+import '../../AnchorsList/AnchorsList.js';
+import '../../Select/index.js';
+import '../../Select/SelectFilterBy.js';
+import '../../CustomSelect/index.js';
+import '../../Tabs/Tabs.js';
+import '../../Tabs/Tab.js';
+import '../../ResizableTable/ResizableTable.js';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/Close';
+import '@material-ui/icons/Edit';
+import '@material-ui/icons/Delete';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@material-ui/icons/AddCircle';
+import '../../GradientManager/GradientPreview/GradientPreview.js';
+import '../../GradientManager/GradientSelect.styles.js';
+import '../../GradientPicker/GradientPicker.js';
+import '../../GradientManager/GradientManager.styles.js';
+import '../../Drillstring/BHASchematic.js';
+import '../../Drillstring/BHATable/index.js';
+import '../../Drillstring/BHAComponentIcon.js';
+import '../../Drillstring/BHAComponentDetail/index.js';
+import '../../Drillstring/BHATileIcon.js';
+import '../../Drillstring/BHATile/BHATile.js';
+import '../../Drillstring/BHAList/BHAList.js';
+import '../../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
+import '../../Casing/CasingTable/index.js';
+import '../../Casing/CasingComponentIcon.js';
+import '../../Casing/CasingTileIcon.js';
+import '../../Casing/CasingTableV2/CasingTableV2.js';
+import '../../Casing/CasingTile/CasingTile.js';
+import '../../DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../WellSummary/WellSummaryItemLabel.js';
+import '../../WellSummary/WellSummaryItemTitle.js';
+import '../../WellSummary/WellSummaryItemValue.js';
+import '../../WellSummary/ActivitySummaryChart.js';
+import '../../WellSummary/FracWirelineTimeChart.js';
+import '../../BICOffsetPickerDialog/index.js';
+import '../../OffsetWellButton/OffsetWellButton.js';
+import '../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../../OffsetWellPickerV3/index.js';
+import '../../OffsetWellChips/Chip.js';
+import '../../OffsetWellChips/ChipsContainer.js';
+import '../../OffsetWellPickerV4/OffsetWellPickerV4.js';
+import '../../OffsetWellMap/OffsetWellMap.js';
+import '@material-ui/core/Snackbar';
+import '../../Notifications/Toast.js';
+import '../../Toaster/Toaster.js';
+import '../../ConfirmationDialog.js';
+import '../../TextLink/index.js';
+import '../../Avatar/index.js';
+import '../../Template/TemplatePopover/index.js';
+import '../../Template/TemplateSharingDialog/index.js';
+import '../../MenuItem/index.js';
+import '../../PadModeSelect/PadModeSelect.js';
+import '../../PinnableFilters/PinnableFilters.js';
+import '../../HeaderLayout/HeaderLayout.js';
+import '../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../PadOffsetsPicker/StagesSelector.js';
+import '../../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
+import '../../Table/TableToolbar/TableToolbar.js';
+import '../../Table/TableContainer/TableContainer.js';
+import '../../Table/TableCell/TableCell.js';
+import '../../Tooltip/ScrollableTooltip.js';
+import '../../PriceInput/PriceInput.js';
+import '../../LabelsCounter/LabelsCounter.js';
+import '../../Stepper/Step.js';
+import '../../Stepper/StepsWrapper.js';
+import '../../Stepper/Stepper.js';
+import '../../Comment/CommentIcon/index.js';
+import '../../FilesLoader/FilesLoader.js';
+import '../../FilesLoader/Icons/FileIcon.js';
+import '../../SearchInput/index.js';
+import '../../FeedItem/FeedItem.js';
+import '../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../../PostInput/PostInput.js';
+import '../../KeyboardDateTimePicker.js';
+import '../../AddComment/Popover.js';
+import '../../AddComment/Popup.js';
+import '../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../StageDesignVActual/ComparisonHeader.js';
+import '../../StageDesignVActual/ComparisonRow.js';
+import '../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../EmbeddedApp/EmbeddedApp.js';
+import '../../Autocomplete/Autocomplete.js';
+import '../../DocumentViewer/DocumentViewer.js';
+import '../../ColorPickerPalette/ColorPickerPalette.js';
+import '../../Search/Search.js';
+import '../../Search/components/Listbox.js';
+import '../../Search/components/Paper.js';
+import '../../Search/components/RecentSearches.js';
+import '../../Search/components/InputAdornmentLeft.js';
+import '../../Search/components/Groups.js';
+import '../../StatusBadge/index.js';
+import '../../Attachment/index.js';
+import '../../EmojiIconButton.js';
+import '../../FileUploadIconButton.js';
+import '../../FilePreview/index.js';
+import '../../FailedFileUploading.js';
+import '../../UserMention/index.js';
+import '../../CommentsInfo/index.js';
+import '../../CommentInput/index.js';
+import '../../Comment/index.js';
+import '../../CommentLoader.js';
+import '../../AssetNameLabel/AssetStatusBadge.js';
+import '../../AssetEditorV2/components/PrimaryAssetSelect.js';
+import '../../AssetEditorV2/components/SecondaryAssetSelect.js';
+import '../../AssetEditorV2/components/SelectItem.js';
+import '../../AssetEditorV2/components/MultipleAssetsToggle.js';
+import RealTimeBox from './RealTimeBox.js';
+import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
+import { ORIENTATIONS } from '../enums.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(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, {
+          color: "primary",
+          tooltipProps: {
+            title: 'Add'
+          },
+          onClick: handleOpenCloseDialog,
+          children: /*#__PURE__*/jsx(Add, {})
+        })
+      })]
+    }) : /*#__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';\nimport { Add as AddIcon } from '@material-ui/icons';\n\nimport { IconButton } from '~/components';\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              color=\"primary\"\n              tooltipProps={{ title: 'Add' }}\n              onClick={handleOpenCloseDialog}\n            >\n              <AddIcon />\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","AddIcon","param","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.js

@@ -1 +1,65 @@
-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"}}},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:{paddingLeft:8,borderLeft:"2px solid ".concat(t.palette.primary.contrastText),borderRadius:"2px",cursor:"pointer"},rtBoxTitle:{fontSize:"11px",lineHeight:"14px",color:t.palette.primary.text7,letterSpacing:"0.4px"},rtBoxValue:{marginTop:8,fontSize:"20px",lineHeight:"14px","& > span":{fontSize:"11px",lineHeight:"14px",color:t.palette.primary.text7}},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'
+        }
+      }
+    },
+    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: {
+      paddingLeft: 8,
+      borderLeft: "2px solid ".concat(theme.palette.primary.contrastText),
+      borderRadius: '2px',
+      cursor: 'pointer'
+    },
+    rtBoxTitle: {
+      fontSize: '11px',
+      lineHeight: '14px',
+      color: theme.palette.primary.text7,
+      letterSpacing: '0.4px'
+    },
+    rtBoxValue: {
+      marginTop: 8,
+      fontSize: '20px',
+      lineHeight: '14px',
+      '& > span': {
+        fontSize: '11px',
+        lineHeight: '14px',
+        color: theme.palette.primary.text7
+      }
+    },
+    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      },\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    paddingLeft: 8,\n    borderLeft: `2px solid ${theme.palette.primary.contrastText}`,\n    borderRadius: '2px',\n    cursor: 'pointer',\n  },\n  rtBoxTitle: {\n    fontSize: '11px',\n    lineHeight: '14px',\n    color: theme.palette.primary.text7,\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.text7,\n    },\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","rtBoxSelected","borderBottom","boxShadow","rtBoxInner","paddingLeft","borderLeft","borderRadius","cursor","rtBoxTitle","fontSize","lineHeight","color","text7","letterSpacing","rtBoxValue","marginTop","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,OAAA;AACX,SAAA;AACF,OAAA;KACD;AACDa,IAAAA,aAAa,EAAE;MACbC,YAAY,EAAA,YAAA,CAAA,MAAA,CAAetB,KAAK,CAACY,OAAO,CAACG,UAAU,CAACK,EAAE,CAAE;AACxDV,MAAAA,eAAe,EAAEV,KAAK,CAACY,OAAO,CAACG,UAAU,CAACK,EAAE;AAC5CG,MAAAA,SAAS,EAAE,iCAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACVC,MAAAA,WAAW,EAAE,CAAC;MACdC,UAAU,EAAA,YAAA,CAAA,MAAA,CAAe1B,KAAK,CAACY,OAAO,CAACC,OAAO,CAACC,YAAY,CAAE;AAC7Da,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,MAAM,EAAE,SAAA;KACT;AACDC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,KAAK,EAAEhC,KAAK,CAACY,OAAO,CAACC,OAAO,CAACoB,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,EAAEhC,KAAK,CAACY,OAAO,CAACC,OAAO,CAACoB,KAAAA;AAC/B,OAAA;KACD;AACDI,IAAAA,oBAAoB,EAAE;AACpB7B,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;GACD,CAAA;AAAA,CAAC;;;;"}