@corva/ui 0.61.0-4 → 0.61.0-5

package/components/Casing/CasingTableV2/components/Component.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as i,useState as r,useEffect as n}from"react";import s from"classnames";import{omit as p}from"lodash";import a from"prop-types";import{Grid as m,Menu as l,MenuItem as d}from"@material-ui/core";import{validateComponent as c}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as j}from"../../../../constants/casing.js";import{jsxs as u,jsx as C,Fragment as g}from"react/jsx-runtime";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"@material-ui/icons";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"../../../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"../../../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"../../../RealTimeValuesSidebar/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/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"../../../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/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"../../CasingTable/index.js";import f from"../../CasingComponentIcon.js";import"../../CasingTileIcon.js";import"../CasingTableV2.js";import"../../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"../../../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"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as b}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as v}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as A}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as h}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as D}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as S}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as x}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import P from"./DrillPipe/Browser.js";import T from"./DrillPipe/Editor.js";import y from"./CasingJoints/Browser.js";import B from"./CasingJoints/Editor.js";import E from"./EditComponentDialog.js";var I=["is_editing"];function w(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function O(e){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?w(Object(i),!0).forEach((function(o){t(e,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):w(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function k(e){var t;return(null===(t=j.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function M(i){var a,j=i.component,w=i.viewColumnsPerRow,M=i.editColumnsPerRow,F=i.isDraft,L=i.onCancel,V=i.onDelete,H=i.onSave,W=i.onChangeEditing,_=i.isMobile,R=i.isDragComponent,N=r(null),G=o(N,2),z=G[0],q=G[1],U=r(j),Z=o(U,2),Y=Z[0],J=Z[1],K=r(!1),Q=o(K,2),X=Q[0],$=Q[1],ee=r(!1),te=o(ee,2),oe=te[0],ie=te[1],re=r(!1),ne=o(re,2),se=ne[0],pe=ne[1],ae=r(null),me=o(ae,2),le=me[0],de=me[1],ce=x({isMobile:_,isEditing:Y.is_editing,isDragComponent:R});n((function(){W&&W(Y.is_editing)}),[Y.is_editing]);var je=function(){de(null),F?L():J(j)},ue=function(e,t){var o=S(Y,e,t),i=c(o);J(o),i.isValid?de(null):de(i.errors)},Ce=function(e){J((function(t){return O(O({},t),e)}))},ge=function(){var e=c(Y);e.isValid?(de(null),$(!0)):de(e.errors)},fe=function(){$(!1),pe(!1),Y.is_editing;var t=e(Y,I);J(t),H(p(t,["is_expanded"]),F)},be=s(ce.cell,ce.ratioWidth,t({},ce.focusedFontsize,Y.is_editing||Y.is_expanded));if(Y.is_editing&&!se){var ve=Y.family,Ae={component:Y,isDraft:F,error:le,onChange:ue,onCancel:je,onSave:_?fe:ge,onUseSuggestion:Ce,columns:M};if(!_)return u("div",{className:ce.component,children:[("dp"===ve||"hwdp"===ve)&&C(T,O({},Ae)),"dp"!==ve&&"hwdp"!==ve&&C(B,O({},Ae)),X&&C(D,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:fe})]});pe(!0)}return u("div",{className:s(ce.component,(a={},t(a,ce.componentMobile,_),t(a,ce.componentExpandedMobile,_&&Y.is_expanded),t(a,ce.componentActive,Boolean(z)),a)),children:[u("div",{className:s(ce.row,t({},ce.rowExpanded,_&&Y.is_expanded)),children:[C("div",{className:s(ce.cell,t({},ce.componentMobileCell,_)),children:C(f,{component:Y})}),C("div",{className:be,children:k(Y.family)}),!_&&u(g,{children:[C("div",{className:be,children:C(v,{value:"bit"===Y.family?Y.size:Y.outer_diameter})}),C("div",{className:be,children:C(v,{value:Y.inner_diameter})}),C("div",{className:be,children:C(v,{value:Y.linear_weight})}),C("div",{className:be,children:C(v,{value:Y.length,format:"0.0"})})]}),u("div",{className:s(ce.cell,ce.actionCell),children:[C(b,{isExpanded:Y.is_expanded,classes:ce,handleExpandCollapse:function(){J((function(e){return e.is_expanded?O(O({},e),{},{is_expanded:!1}):O(O({},e),{},{is_expanded:!0})}))}}),C(A,{classes:ce,handleOpenActionMenu:function(e){q(e.currentTarget)}})]})]}),Y.is_expanded&&u(g,{children:[_&&u(m,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[C(h,{label:"bit"===Y.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===Y.family?Y.size:Y.outer_diameter}),"bit"!==Y.family&&C(h,{label:"ID",unit:"shortLength",value:j.inner_diameter}),"bit"!==Y.family&&C(h,{label:"Linear Weight",unit:"massPerLength",value:j.linear_weight,format:"0.0"}),C(h,{label:"Length",unit:"length",value:j.length,format:"0.0"})]}),("dp"===Y.family||"hwdp"===Y.family)&&C(P,{component:Y,columns:w}),"dp"!==Y.family&&"hwdp"!==Y.family&&C(y,{component:Y,columns:w})]}),u(l,{anchorEl:z,keepMounted:!0,open:Boolean(z),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){q(null)},children:[C(d,{onClick:function(){q(null),J((function(e){return O(O({},e),{},{is_editing:!0})}))},className:ce.menuItem,children:"Edit"}),"bit"!==Y.family&&C(d,{onClick:function(){q(null),ie(!0)},className:ce.menuItem,children:"Delete"})]}),oe&&C(D,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return ie(!1)},handleOk:function(){V(j)}}),se&&C(E,{component:Y,isDraft:F,error:le,onChange:ue,onCancel:je,onSave:ge,onUseSuggestion:Ce,onClose:function(){je(),pe(!1)}}),_&&X&&C(D,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:fe})]})}M.propTypes={component:a.shape({family:a.string,size:a.number,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number}).isRequired,isMobile:a.bool.isRequired,isDraft:a.bool,onCancel:a.func,onDelete:a.func,onSave:a.func.isRequired,onChangeEditing:a.func,viewColumnsPerRow:a.number.isRequired,editColumnsPerRow:a.number.isRequired,isDragComponent:a.bool.isRequired},M.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var F=i(M);export{F as default};
+import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as i,useState as r,useEffect as n}from"react";import s from"classnames";import{omit as p}from"lodash";import a from"prop-types";import{Grid as m,Menu as l,MenuItem as d}from"@material-ui/core";import{validateComponent as c}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as j}from"../../../../constants/casing.js";import{jsxs as u,jsx as C,Fragment as g}from"react/jsx-runtime";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"@material-ui/icons";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"../../../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"../../../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"../../../RealTimeValuesSidebar/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/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"../../CasingTable/index.js";import f from"../../CasingComponentIcon.js";import"../../CasingTileIcon.js";import"../CasingTableV2.js";import"../../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"../../../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"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as b}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as h}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as v}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as A}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as D}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as S}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as x}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import P from"./DrillPipe/Browser.js";import T from"./DrillPipe/Editor.js";import y from"./CasingJoints/Browser.js";import B from"./CasingJoints/Editor.js";import E from"./EditComponentDialog.js";var I=["is_editing"];function w(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function O(e){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?w(Object(i),!0).forEach((function(o){t(e,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):w(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function k(e){var t;return(null===(t=j.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function M(i){var a,j=i.component,w=i.viewColumnsPerRow,M=i.editColumnsPerRow,F=i.isDraft,L=i.onCancel,V=i.onDelete,H=i.onSave,W=i.onChangeEditing,_=i.isMobile,R=i.isDragComponent,N=r(null),G=o(N,2),z=G[0],q=G[1],U=r(j),Z=o(U,2),Y=Z[0],J=Z[1],K=r(!1),Q=o(K,2),X=Q[0],$=Q[1],ee=r(!1),te=o(ee,2),oe=te[0],ie=te[1],re=r(!1),ne=o(re,2),se=ne[0],pe=ne[1],ae=r(null),me=o(ae,2),le=me[0],de=me[1],ce=x({isMobile:_,isEditing:Y.is_editing,isDragComponent:R});n((function(){W&&W(Y.is_editing)}),[Y.is_editing]);var je=function(){de(null),F?L():J(j)},ue=function(e,t){var o=S(Y,e,t),i=c(o);J(o),i.isValid?de(null):de(i.errors)},Ce=function(e){J((function(t){return O(O({},t),e)}))},ge=function(){var e=c(Y);e.isValid?(de(null),$(!0)):de(e.errors)},fe=function(){$(!1),pe(!1),Y.is_editing;var t=e(Y,I);J(t),H(p(t,["is_expanded"]),F)},be=s(ce.cell,ce.ratioWidth,t({},ce.focusedFontsize,Y.is_editing||Y.is_expanded));if(Y.is_editing&&!se){var he=Y.family,ve={component:Y,isDraft:F,error:le,onChange:ue,onCancel:je,onSave:_?fe:ge,onUseSuggestion:Ce,columns:M};if(!_)return u("div",{className:ce.component,children:[("dp"===he||"hwdp"===he)&&C(T,O({},ve)),"dp"!==he&&"hwdp"!==he&&C(B,O({},ve)),X&&C(D,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:fe})]});pe(!0)}return u("div",{className:s(ce.component,(a={},t(a,ce.componentMobile,_),t(a,ce.componentExpandedMobile,_&&Y.is_expanded),t(a,ce.componentActive,Boolean(z)),a)),children:[u("div",{className:s(ce.row,t({},ce.rowExpanded,_&&Y.is_expanded)),children:[C("div",{className:s(ce.cell,t({},ce.componentMobileCell,_)),children:C(f,{component:Y})}),C("div",{className:be,children:k(Y.family)}),!_&&u(g,{children:[C("div",{className:be,children:C(h,{value:"bit"===Y.family?Y.size:Y.outer_diameter})}),C("div",{className:be,children:C(h,{value:Y.inner_diameter})}),C("div",{className:be,children:C(h,{value:Y.linear_weight})}),C("div",{className:be,children:C(h,{value:Y.length,format:"0.0"})})]}),u("div",{className:s(ce.cell,ce.actionCell),children:[C(b,{isExpanded:Y.is_expanded,classes:ce,handleExpandCollapse:function(){J((function(e){return e.is_expanded?O(O({},e),{},{is_expanded:!1}):O(O({},e),{},{is_expanded:!0})}))}}),C(v,{classes:ce,handleOpenActionMenu:function(e){q(e.currentTarget)}})]})]}),Y.is_expanded&&u(g,{children:[_&&u(m,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[C(A,{label:"bit"===Y.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===Y.family?Y.size:Y.outer_diameter}),"bit"!==Y.family&&C(A,{label:"ID",unit:"shortLength",value:j.inner_diameter}),"bit"!==Y.family&&C(A,{label:"Linear Weight",unit:"massPerLength",value:j.linear_weight,format:"0.0"}),C(A,{label:"Length",unit:"length",value:j.length,format:"0.0"})]}),("dp"===Y.family||"hwdp"===Y.family)&&C(P,{component:Y,columns:w}),"dp"!==Y.family&&"hwdp"!==Y.family&&C(y,{component:Y,columns:w})]}),u(l,{anchorEl:z,keepMounted:!0,open:Boolean(z),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){q(null)},children:[C(d,{onClick:function(){q(null),J((function(e){return O(O({},e),{},{is_editing:!0})}))},className:ce.menuItem,children:"Edit"}),"bit"!==Y.family&&C(d,{onClick:function(){q(null),ie(!0)},className:ce.menuItem,children:"Delete"})]}),oe&&C(D,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return ie(!1)},handleOk:function(){V(j)}}),se&&C(E,{component:Y,isDraft:F,error:le,onChange:ue,onCancel:je,onSave:ge,onUseSuggestion:Ce,onClose:function(){je(),pe(!1)}}),_&&X&&C(D,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:fe})]})}M.propTypes={component:a.shape({family:a.string,size:a.number,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number}).isRequired,isMobile:a.bool.isRequired,isDraft:a.bool,onCancel:a.func,onDelete:a.func,onSave:a.func.isRequired,onChangeEditing:a.func,viewColumnsPerRow:a.number.isRequired,editColumnsPerRow:a.number.isRequired,isDragComponent:a.bool.isRequired},M.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var F=i(M);export{F as default};

package/components/Casing/CasingTableV2/components/DrillPipe/Editor.js

@@ -1 +1 @@
-import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import r from"prop-types";import{Grid as i}from"@material-ui/core";import{isMobileDetected as n}from"../../../../../utils/mobileDetect.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";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"@material-ui/icons";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.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{OD_ID_DEP_LIST as m,COMPONENT_GRADES as a,COMPONENT_CLASSES as l,COMPONENT_MATERIALS as d}from"../../../../../constants/casing.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"../../../../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"../../../../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"../../../../RealTimeValuesSidebar/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/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"../../../../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/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"../../../CasingTable/index.js";import c from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../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"../../../../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{CancelButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import b from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as h}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{OD_ID_DEP_COLUMNS as D,CONTAINER_XS as v}from"../constants.js";function S(e){var r=e.component,S=e.error,f=e.onChange,x=e.onCancel,T=e.onSave,P=e.onUseSuggestion,y=e.columns,B=h({isMobile:n}),I=n?v/2:v/y,E=function(e){return S&&S[e]},_=t((function(){var e=m;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return s(i,{container:!0,spacing:0,className:B.editorContainer,children:[!n&&p(i,{item:!0,className:B.editorComponentSize,children:p(c,{component:r})}),p(i,{item:!0,className:B.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(A,{component:r,getError:E,onChange:f,isCasing:!0}),_.length>0&&p(b,{data:_,allData:m,columns:D,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),p(C,{type:"name",label:"Name",value:r.name,error:E("name"),xs:I,onChangeField:f}),p(C,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:E("number_of_joints"),xs:I,onChangeField:f}),p(C,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:E("component_length"),xs:I,onChangeField:f}),p(C,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:E("weight"),disabled:!0,xs:I,onChangeField:f}),p(g,{type:"grade",options:a,label:"Grade",value:r.grade,error:E("grade"),xs:I,onChangeField:f}),p(C,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:E("outer_diameter_tooljoint"),xs:I,onChangeField:f}),p(C,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:E("inner_diameter_tooljoint"),xs:I,onChangeField:f}),p(C,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:E("length_tooljoint"),xs:I,onChangeField:f}),p(C,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:E("connection_type"),xs:I,onChangeField:f}),p(g,{type:"class",options:l,label:"Class",value:r.class,error:E("class"),xs:I,onChangeField:f}),p(g,{type:"material",options:d,label:"Material",value:r.material,error:E("material"),xs:I,onChangeField:f})]})}),!n&&s(i,{item:!0,className:B.eidtorActionGroup,children:[p(j,{handleCancel:x}),p(u,{handleSave:T,disabled:!o(S)})]})]})}S.propTypes={component:r.shape({outer_diameter:r.number,component_length:r.number,name:r.string,number_of_joints:r.number,weight:r.number,connection_type:r.string,grade:r.string,class:r.string,material:r.string,outer_diameter_tooljoint:r.number,inner_diameter_tooljoint:r.number,length_tooljoint:r.number}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},S.defaultProps={error:null};var f=e(S);export{f as default};
+import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import r from"prop-types";import{Grid as i}from"@material-ui/core";import{isMobileDetected as n}from"../../../../../utils/mobileDetect.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";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"@material-ui/icons";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.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{OD_ID_DEP_LIST as m,COMPONENT_GRADES as a,COMPONENT_CLASSES as l,COMPONENT_MATERIALS as d}from"../../../../../constants/casing.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"../../../../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"../../../../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"../../../../RealTimeValuesSidebar/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/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"../../../CasingTable/index.js";import c from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../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"../../../../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{CancelButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import h from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as b}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{OD_ID_DEP_COLUMNS as D,CONTAINER_XS as v}from"../constants.js";function S(e){var r=e.component,S=e.error,f=e.onChange,x=e.onCancel,T=e.onSave,P=e.onUseSuggestion,y=e.columns,B=b({isMobile:n}),I=n?v/2:v/y,E=function(e){return S&&S[e]},_=t((function(){var e=m;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return s(i,{container:!0,spacing:0,className:B.editorContainer,children:[!n&&p(i,{item:!0,className:B.editorComponentSize,children:p(c,{component:r})}),p(i,{item:!0,className:B.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(A,{component:r,getError:E,onChange:f,isCasing:!0}),_.length>0&&p(h,{data:_,allData:m,columns:D,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),p(C,{type:"name",label:"Name",value:r.name,error:E("name"),xs:I,onChangeField:f}),p(C,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:E("number_of_joints"),xs:I,onChangeField:f}),p(C,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:E("component_length"),xs:I,onChangeField:f}),p(C,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:E("weight"),disabled:!0,xs:I,onChangeField:f}),p(g,{type:"grade",options:a,label:"Grade",value:r.grade,error:E("grade"),xs:I,onChangeField:f}),p(C,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:E("outer_diameter_tooljoint"),xs:I,onChangeField:f}),p(C,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:E("inner_diameter_tooljoint"),xs:I,onChangeField:f}),p(C,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:E("length_tooljoint"),xs:I,onChangeField:f}),p(C,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:E("connection_type"),xs:I,onChangeField:f}),p(g,{type:"class",options:l,label:"Class",value:r.class,error:E("class"),xs:I,onChangeField:f}),p(g,{type:"material",options:d,label:"Material",value:r.material,error:E("material"),xs:I,onChangeField:f})]})}),!n&&s(i,{item:!0,className:B.eidtorActionGroup,children:[p(j,{handleCancel:x}),p(u,{handleSave:T,disabled:!o(S)})]})]})}S.propTypes={component:r.shape({outer_diameter:r.number,component_length:r.number,name:r.string,number_of_joints:r.number,weight:r.number,connection_type:r.string,grade:r.string,class:r.string,material:r.string,outer_diameter_tooljoint:r.number,inner_diameter_tooljoint:r.number,length_tooljoint:r.number}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},S.defaultProps={error:null};var f=e(S);export{f as default};

package/components/Chart/components/ChartSelect.d.ts

@@ -0,0 +1,10 @@
+export default ChartSelect;
+declare function ChartSelect({ className, classes, value, onChange, options, ...otherProps }: {
+    [x: string]: any;
+    className: any;
+    classes: any;
+    value: any;
+    onChange: any;
+    options: any;
+}): JSX.Element;
+//# sourceMappingURL=ChartSelect.d.ts.map

package/components/Chart/components/ChartSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartSelect.js"],"names":[],"mappings":";AA2CA;;;;;;;gBAgCC"}

package/components/Chart/components/ChartSelect.js

@@ -0,0 +1 @@
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import{makeStyles as o,Select as n,MenuItem as a}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var c=["className","classes","value","onChange","options"];function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function s(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?l(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var u=o((function(e){var r=e.palette;return{selectContainer:{color:r.primary.contrastText,width:180,background:r.background.b6,borderRadius:4,height:30,marginRight:4,"& .MuiSelect-icon":{fill:r.primary.text6},"& .MuiSelect-iconOpen":{fill:r.primary.main},"&:hover":{background:r.background.b7,"& .MuiSelect-icon":{fill:r.primary.contrastText}},"&:active":{background:r.background.b7}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}})),p=function(e){var o=e.className,l=e.classes,p=e.value,b=e.onChange,m=e.options,f=r(e,c),g=u();return i(n,s(s({className:t(g.selectContainer,o),value:p,classes:s({root:g.selectRoot},l),onChange:b,disableUnderline:!0,MenuProps:{classes:{paper:g.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},f),{},{children:null==m?void 0:m.map((function(e){var r=e.label,t=e.value;return i(a,{value:t,children:r},t)}))}))};export{p as default};

package/components/Chart/components/ChartWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":";AAwBA;;;;;;;gBAuEC;;;QAGuB,sCAAQ"}
+{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":";AAwBA;;;;;;;gBA6EC;;;QAGuB,sCAAQ"}

package/components/Chart/components/ChartWrapper.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{makeStyles as t}from"@material-ui/core";import{isEmpty as r,merge as n}from"lodash";import{useState as i,useEffect as a}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as s}from"../effects/useZoom.js";import{useChartModifier as h}from"../effects/useChartModifier.js";import m from"./AxisOverlay.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";function p(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function f(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){e(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var v=t({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},C=function(e){var t,p,C,g,y,O,j,S=e.children,Z=e.chartRef,P=e.isAxesCoordinatesShown,x=e.onCustomizeScaleClick,w=e.onZoomChangeCallback,E=e.chartOptions,z=v(),k=i({}),A=o(k,2),D=A[0],B=A[1],M=s({chart:null===(t=Z.current)||void 0===t?void 0:t.chart}),R=M.zoomStatus,H=M.zoomConfig,I=M.handleZoomEvent,T=M.handleResetZoom,N=M.isZoomEnabled,W=M.handleIsZoomEnabledChange,q=M.debouncedChartSelection;a((function(){var e,o,t;r(null===(e=Z.current)||void 0===e?void 0:e.chart)||B({marginBottom:null===(o=Z.current)||void 0===o||null===(t=o.chart)||void 0===t?void 0:t.marginBottom})}),[]);var F=(null===(p=Z.current)||void 0===p||null===(C=p.chart)||void 0===C||null===(g=C.plotBox)||void 0===g?void 0:g.height)<=c;h({chart:null===(y=Z.current)||void 0===y?void 0:y.chart,chartOptions:n({},b,E),isZoomEnabled:N,isMinHeightChart:F,onZoomChangeCallback:w,handleChartSelection:q,isAxesCoordinatesShown:P});var G={chart:null===(O=Z.current)||void 0===O?void 0:O.chart,zoomConfig:H,chartStyles:D,zoomStatus:R,isZoomEnabled:N,setChartStyles:B,handleResetZoom:T,handleZoomEvent:I,isMinHeightChart:F,handleChartSelection:q,handleChangeChartStyles:function(e){B((function(o){return f(f({},o),e)}))},handleIsZoomEnabledChange:W};return u("div",{className:z.container,children:d(l.Provider,{value:G,children:[S,x&&(null===(j=Z.current)||void 0===j?void 0:j.chart.axes.map((function(e){return u(m,f({onCustomizeScaleClick:x},e),e.coll)})))]})})};C.defaultProps={onZoomChangeCallback:function(){}};export{C as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{makeStyles as r}from"@material-ui/core";import{isEmpty as o,merge as n}from"lodash";import{useState as a,useEffect as i}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as h}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import{useChartTypeSwitch as m}from"../effects/useChartTypeSwitch.js";import d from"./AxisOverlay.js";import{jsx as u,jsxs as p}from"react/jsx-runtime";function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var C=r({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},y=function(e){var r,f,y,g,O,j,S,Z,P=e.children,w=e.chartRef,x=e.isAxesCoordinatesShown,E=e.onCustomizeScaleClick,z=e.onZoomChangeCallback,T=e.chartOptions,k=C(),A=a({}),D=t(A,2),B=D[0],M=D[1],R=h({chart:null===(r=w.current)||void 0===r?void 0:r.chart}),H=R.zoomStatus,I=R.zoomConfig,N=R.handleZoomEvent,W=R.handleResetZoom,q=R.isZoomEnabled,F=R.handleIsZoomEnabledChange,G=R.debouncedChartSelection;i((function(){var e,t,r;o(null===(e=w.current)||void 0===e?void 0:e.chart)||M({marginBottom:null===(t=w.current)||void 0===t||null===(r=t.chart)||void 0===r?void 0:r.marginBottom})}),[]);var J=(null===(f=w.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(g=y.plotBox)||void 0===g?void 0:g.height)<=c;s({chart:null===(O=w.current)||void 0===O?void 0:O.chart,chartOptions:n({},b,T),isZoomEnabled:q,isMinHeightChart:J,onZoomChangeCallback:z,handleChartSelection:G,isAxesCoordinatesShown:x});var K=m({chart:null===(j=w.current)||void 0===j?void 0:j.chart}),L=K.chartType,Q=K.handleChartTypeChange,U={chart:null===(S=w.current)||void 0===S?void 0:S.chart,chartType:L,zoomConfig:I,chartStyles:B,zoomStatus:H,isZoomEnabled:q,setChartStyles:M,handleChartTypeChange:Q,handleResetZoom:W,handleZoomEvent:N,isMinHeightChart:J,handleChartSelection:G,handleChangeChartStyles:function(e){M((function(t){return v(v({},t),e)}))},handleIsZoomEnabledChange:F};return u("div",{className:k.container,children:p(l.Provider,{value:U,children:[P,E&&(null===(Z=w.current)||void 0===Z?void 0:Z.chart.axes.map((function(e){return u(d,v({onCustomizeScaleClick:E},e),e.coll)})))]})})};y.defaultProps={onZoomChangeCallback:function(){}};export{y as default};

package/components/Chart/components/buttons/ChartTypeButton.d.ts

@@ -0,0 +1,12 @@
+export default ChartTypeButton;
+declare function ChartTypeButton({ className, onClick }: {
+    className: any;
+    onClick: any;
+}): JSX.Element;
+declare namespace ChartTypeButton {
+    namespace defaultProps {
+        function onClick(): void;
+        const isHidden: boolean;
+    }
+}
+//# sourceMappingURL=ChartTypeButton.d.ts.map

package/components/Chart/components/buttons/ChartTypeButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTypeButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"names":[],"mappings":";AA4CA;;;gBA+CC;;;QAGU,yBAAQ"}

package/components/Chart/components/buttons/ChartTypeButton.js

@@ -0,0 +1 @@
+import t from"@babel/runtime/helpers/slicedToArray";import{useContext as r,useState as o}from"react";import e from"classnames";import{makeStyles as a}from"@material-ui/core";import i from"@material-ui/icons/Timeline";import n from"@material-ui/icons/BarChart";import c from"../ChartButton.js";import m from"../../ChartWrapperContext.js";import{jsxs as u,jsx as l}from"react/jsx-runtime";var s=a((function(t){var r=t.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},hoveredContainer:{background:r.background.b7}}})),d="spline",p="bar",h=function(a){var h=a.className,b=a.onClick,f=r(m),C=f.chartType,g=f.handleChartTypeChange,v=o(!1),k=t(v,2),B=k[0],R=k[1],T=s();return u("div",{className:e(T.container,h),onMouseEnter:function(){R(!0)},onMouseLeave:function(){R(!1)},children:[l(c,{className:e(T.lineChartButton,B&&T.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===d,onClick:function(){g(d),b(d)},children:l(i,{})}),l(c,{className:e(T.barChartButton,B&&T.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===p,onClick:function(){g(p),b(p)},children:l(n,{})})]})};h.defaultProps={onClick:function(){},isHidden:!1};export{h as default};

package/components/Chart/components/buttons/DragToZoomButton.d.ts

@@ -8,6 +8,7 @@ declare namespace DragToZoomButton {
     namespace defaultProps {
         function onClick(): void;
         const isHidden: boolean;
+        const tooltipProps: {};
     }
 }
 //# sourceMappingURL=DragToZoomButton.d.ts.map

package/components/Chart/components/buttons/DragToZoomButton.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import{BorderStyle as o}from"@material-ui/icons";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var p=["onClick","isHidden"];function a(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function s(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var f=function(r){var a=r.onClick,f=r.isHidden,l=e(r,p),m=t(n),u=m.isMinHeightChart,b=m.isZoomEnabled,d=m.handleIsZoomEnabledChange;return c(i,s(s({},l),{},{tooltipProps:{title:"Drag To Zoom"},isActive:b,onClick:function(){d(!0),a()},isHidden:u||f,children:c(o,{})}))};f.defaultProps={onClick:function(){},isHidden:!1};export{f as default};
+import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{BorderStyle as o}from"@material-ui/icons";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as p}from"react/jsx-runtime";var c=["onClick","isHidden"];function s(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function a(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var l=function(r){var s=r.onClick,l=r.isHidden,f=t(r,c),m=e(n),u=m.isMinHeightChart,b=m.isZoomEnabled,d=m.handleIsZoomEnabledChange;return p(i,a(a({},f),{},{tooltipProps:a({title:"Drag To Zoom"},f.tooltipProps),isActive:b,onClick:function(){d(!0),s()},isHidden:u||l,children:p(o,{})}))};l.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{l as default};

package/components/Chart/components/buttons/HideAxesButton.d.ts

@@ -4,4 +4,9 @@ declare function HideAxesButton({ onClick, isHidden, ...props }: {
     onClick: any;
     isHidden: any;
 }): JSX.Element;
+declare namespace HideAxesButton {
+    namespace defaultProps {
+        const tooltipProps: {};
+    }
+}
 //# sourceMappingURL=HideAxesButton.d.ts.map

package/components/Chart/components/buttons/HideAxesButton.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import o from"classnames";import{UnfoldMore as i,UnfoldLess as n}from"@material-ui/icons";import{makeStyles as s}from"@material-ui/core";import a from"../ChartButton.js";import c from"../../ChartWrapperContext.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useHideAxes as p}from"../../effects/useHideAxes.js";import"../../effects/useChartModifier.js";import{jsx as m}from"react/jsx-runtime";var l=["onClick","isHidden"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var h=s({hideAxesButton:{top:0,transform:"rotate(90deg)"}}),d=function(e){e.onClick,e.isHidden;var s=r(e,l),f=t(c),d=f.chart,b=f.handleChangeChartStyles,j=p({chart:d,onChartStylesChange:b}),O=j.isHiddenAxes,y=j.handleAxesHide,C=h();return m(a,u(u({},s),{},{className:o(C.hideAxesButton,s.className),tooltipProps:{title:O?"Show Axes":"Hide Axes"},onClick:y,children:m(O?i:n,{})}))};export{d as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import o from"classnames";import{UnfoldMore as i,UnfoldLess as s}from"@material-ui/icons";import{makeStyles as n}from"@material-ui/core";import a from"../ChartButton.js";import p from"../../ChartWrapperContext.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useHideAxes as c}from"../../effects/useHideAxes.js";import"../../effects/useChartModifier.js";import{jsx as m}from"react/jsx-runtime";var l=["onClick","isHidden"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var h=n({hideAxesButton:{top:0,transform:"rotate(90deg)"}}),d=function(e){e.onClick,e.isHidden;var n=r(e,l),f=t(p),d=f.chart,b=f.handleChangeChartStyles,j=c({chart:d,onChartStylesChange:b}),O=j.isHiddenAxes,y=j.handleAxesHide,P=h();return m(a,u(u({},n),{},{className:o(P.hideAxesButton,n.className),tooltipProps:u({title:O?"Show Axes":"Hide Axes"},n.tooltipProps),onClick:y,children:m(O?i:s,{})}))};d.defaultProps={tooltipProps:{}};export{d as default};

package/components/Chart/components/buttons/PanButton.d.ts

@@ -8,6 +8,7 @@ declare namespace PanButton {
     namespace defaultProps {
         function onClick(): void;
         const isHidden: boolean;
+        const tooltipProps: {};
     }
 }
 //# sourceMappingURL=PanButton.d.ts.map

package/components/Chart/components/buttons/PanButton.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{PanToolOutlined as o}from"@material-ui/icons";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var s=["onClick","isHidden"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function a(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var l=function(e){var p=e.onClick,l=e.isHidden,f=t(e,s),m=r(n),u=m.zoomStatus,b=m.isMinHeightChart,d=m.isZoomEnabled,O=m.handleIsZoomEnabledChange;return c(i,a(a({},f),{},{disabled:u.isReset,tooltipProps:{title:"Pan"},isActive:!d,onClick:function(){O(!1),p()},isHidden:b||l,children:c(o,{})}))};l.defaultProps={onClick:function(){},isHidden:!1};export{l as default};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{PanToolOutlined as o}from"@material-ui/icons";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as p}from"react/jsx-runtime";var c=["onClick","isHidden"];function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function a(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?s(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var l=function(t){var s=t.onClick,l=t.isHidden,f=e(t,c),m=r(n),u=m.zoomStatus,b=m.isMinHeightChart,d=m.isZoomEnabled,O=m.handleIsZoomEnabledChange;return p(i,a(a({},f),{},{disabled:u.isReset,tooltipProps:a({title:"Pan"},f.tooltipProps),isActive:!d,onClick:function(){O(!1),s()},isHidden:b||l,children:p(o,{})}))};l.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{l as default};

package/components/Chart/components/buttons/ResetZoomButton.d.ts

@@ -1,5 +1,5 @@
 export default ResetZoomButton;
-declare function ResetZoomButton({ onClick, isHidden, isVisible, ...otherProps }: {
+declare function ResetZoomButton({ onClick, isHidden, isVisible, ...props }: {
     [x: string]: any;
     onClick: any;
     isHidden: any;
@@ -10,6 +10,7 @@ declare namespace ResetZoomButton {
         function onClick(): void;
         const isHidden: boolean;
         const isVisible: boolean;
+        const tooltipProps: {};
     }
 }
 //# sourceMappingURL=ResetZoomButton.d.ts.map

package/components/Chart/components/buttons/ResetZoomButton.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{ReplayOutlined as i}from"@material-ui/icons";import o from"../../ChartWrapperContext.js";import n from"../ChartButton.js";import{jsx as s}from"react/jsx-runtime";var c=["onClick","isHidden","isVisible"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?p(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):p(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var l=function(e){var p=e.onClick,l=e.isHidden,f=e.isVisible,m=t(e,c),u=r(o),b=u.isMinHeightChart,O=u.handleResetZoom,d=u.zoomStatus.isReset||b||l;return s(n,a(a({},m),{},{onClick:function(){O(),p()},tooltipProps:{title:"Reset Zoom"},isHidden:d&&!f,children:s(i,{})}))};l.defaultProps={onClick:function(){},isHidden:!1,isVisible:!1};export{l as default};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{ReplayOutlined as o}from"@material-ui/icons";import i from"../../ChartWrapperContext.js";import n from"../ChartButton.js";import{jsx as s}from"react/jsx-runtime";var p=["onClick","isHidden","isVisible"];function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function l(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?c(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var a=function(t){var c=t.onClick,a=t.isHidden,f=t.isVisible,m=e(t,p),u=r(i),b=u.isMinHeightChart,O=u.handleResetZoom,d=u.zoomStatus.isReset||b||a;return s(n,l(l({},m),{},{onClick:function(){O(),c()},tooltipProps:l({title:"Reset Zoom"},m.tooltipProps),isHidden:d&&!f,children:s(o,{})}))};a.defaultProps={onClick:function(){},isHidden:!1,isVisible:!1,tooltipProps:{}};export{a as default};

package/components/Chart/components/buttons/ZoomInButton.d.ts

@@ -1,11 +1,12 @@
 export default ZoomInButton;
-declare function ZoomInButton({ onClick, ...otherProps }: {
+declare function ZoomInButton({ onClick, ...props }: {
     [x: string]: any;
     onClick: any;
 }): JSX.Element;
 declare namespace ZoomInButton {
     namespace defaultProps {
         function onClick(): void;
+        const tooltipProps: {};
     }
 }
 //# sourceMappingURL=ZoomInButton.d.ts.map

package/components/Chart/components/buttons/ZoomInButton.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{Add as o}from"@material-ui/icons";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as c}from"../../constants.js";import p from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as a}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as s}from"react/jsx-runtime";var m=["onClick"];function f(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function l(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var f=r.onClick,u=t(r,m),b=e(i),j=b.zoomStatus,O=b.handleZoomEvent,y=function(){O(n.zoomIn),f()};return a({keyCode:c.arrowUp,callback:y}),s(p,l(l({onClick:y,disabled:j.isMax,tooltipProps:{title:"Zoom In"}},u),{},{children:s(o,{})}))};u.defaultProps={onClick:function(){}};export{u as default};
+import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{Add as o}from"@material-ui/icons";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as p}from"../../constants.js";import c from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as s}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var l=["onClick"];function m(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function f(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?m(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var m=r.onClick,u=t(r,l),b=e(i),j=b.zoomStatus,O=b.handleZoomEvent,y=function(){O(n.zoomIn),m()};return s({keyCode:p.arrowUp,callback:y}),a(c,f(f({},u),{},{onClick:y,disabled:j.isMax,tooltipProps:f({title:"Zoom In"},u.tooltipProps),children:a(o,{})}))};u.defaultProps={onClick:function(){},tooltipProps:{}};export{u as default};

package/components/Chart/components/buttons/ZoomOutButton.d.ts

@@ -1,11 +1,12 @@
 export default ZoomOutButton;
-declare function ZoomOutButton({ onClick, ...otherProps }: {
+declare function ZoomOutButton({ onClick, ...props }: {
     [x: string]: any;
     onClick: any;
 }): JSX.Element;
 declare namespace ZoomOutButton {
     namespace defaultProps {
         function onClick(): void;
+        const tooltipProps: {};
     }
 }
 //# sourceMappingURL=ZoomOutButton.d.ts.map

package/components/Chart/components/buttons/ZoomOutButton.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{Remove as o}from"@material-ui/icons";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as c}from"../../constants.js";import p from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as s}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var m=["onClick"];function f(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function l(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var f=r.onClick,u=t(r,m),b=e(i),O=b.handleZoomEvent,j=b.zoomStatus,y=function(){O(n.zoomOut),f()};return s({keyCode:c.arrowDown,callback:y}),a(p,l(l({onClick:y,tooltipProps:{title:"Zoom Out"},disabled:j.isReset},u),{},{children:a(o,{})}))};u.defaultProps={onClick:function(){}};export{u as default};
+import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{Remove as o}from"@material-ui/icons";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as p}from"../../constants.js";import c from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as s}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var l=["onClick"];function m(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function f(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?m(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var m=r.onClick,u=t(r,l),b=e(i),O=b.handleZoomEvent,j=b.zoomStatus,y=function(){O(n.zoomOut),m()};return s({keyCode:p.arrowDown,callback:y}),a(c,f(f({},u),{},{onClick:y,tooltipProps:f({title:"Zoom Out"},u.tooltipProps),disabled:j.isReset,children:a(o,{})}))};u.defaultProps={onClick:function(){},tooltipProps:{}};export{u as default};

package/components/Chart/components/buttons/index.d.ts

@@ -4,4 +4,5 @@ export { default as ZoomOutButton } from "./ZoomOutButton";
 export { default as PanButton } from "./PanButton";
 export { default as ResetZoomButton } from "./ResetZoomButton";
 export { default as HideAxesButton } from "./HideAxesButton";
+export { default as ChartTypeButton } from "./ChartTypeButton";
 //# sourceMappingURL=index.d.ts.map

package/components/Chart/components/index.d.ts

@@ -2,5 +2,6 @@ export { default as ChartButton } from "./ChartButton";
 export { default as ChartButtons } from "./ChartButtons";
 export { default as ChartWrapper } from "./ChartWrapper";
 export { default as AxisDropdown } from "./AxisDropdown";
+export { default as ChartSelect } from "./ChartSelect";
 export * from "./buttons";
 //# sourceMappingURL=index.d.ts.map

package/components/Chart/effects/index.d.ts

@@ -2,4 +2,5 @@ export * from "./useZoom";
 export * from "./useKeyboardControl";
 export * from "./useHideAxes";
 export * from "./useChartModifier";
+export * from "./useChartTypeSwitch";
 //# sourceMappingURL=index.d.ts.map

package/components/Chart/effects/useChartModifier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartModifier.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartModifier.js"],"names":[],"mappings":"AAcO;;;;;;;;SAgEN"}
+{"version":3,"file":"useChartModifier.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartModifier.js"],"names":[],"mappings":"AAcO;;;;;;;;SAuEN"}

package/components/Chart/effects/useChartModifier.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import{makeStyles as e}from"@material-ui/core";import{isEmpty as t}from"lodash";import{useEffect as o}from"react";import{updateAxisStyles as s}from"../formations.js";function a(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var n=e({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}}),c=function(r){var e=r.chart,a=r.chartOptions,c=r.isZoomEnabled,l=r.isMinHeightChart,p=r.handleChartSelection,f=r.onZoomChangeCallback,u=r.isAxesCoordinatesShown,h=n();o((function(){if(!t(e)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};e.plotBackground.element.style.cursor=c?"crosshair":"grab",e.update({chart:i(i({},a),{},{plotBackgroundColor:"transparent",zoomType:l||!c?"none":a.zoomType}),xAxis:{crosshair:u?r:null,className:c?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){var t;"zoom"!==r.trigger&&"navigator"!==r.trigger||p(),null!==(t=e.xAxis[0].userOptions.plotLines)&&void 0!==t&&t.length&&s({chart:e}),f(r)}}},yAxis:{crosshair:u?r:null,className:c?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||p(),f(r)}}},plotOptions:{series:{cursor:l||!c?"grab":"crosshair"}}})}}),[c,p,u])};export{c as useChartModifier};
+import r from"@babel/runtime/helpers/defineProperty";import{makeStyles as e}from"@material-ui/core";import{isEmpty as o}from"lodash";import{useEffect as t}from"react";import{updateAxisStyles as s}from"../formations.js";function a(r,e){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.push.apply(o,t)}return o}function i(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?a(Object(t),!0).forEach((function(o){r(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var n=e({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}}),c=function(r){var e=r.chart,a=r.chartOptions,c=r.isZoomEnabled,l=r.isMinHeightChart,p=r.handleChartSelection,f=r.onZoomChangeCallback,u=r.isAxesCoordinatesShown,h=n();t((function(){if(!o(e)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};e.plotBackground.element.style.cursor=l||!c?"grab":"crosshair",e.series.forEach((function(r){return r.group.css({cursor:l||!c?"grab":"crosshair"})})),e.update({chart:i(i({},a),{},{plotBackgroundColor:"transparent",zoomType:l||!c?"none":a.zoomType}),xAxis:{crosshair:u?r:null,className:c?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){var o;"zoom"!==r.trigger&&"navigator"!==r.trigger||p(),null!==(o=e.xAxis[0].userOptions.plotLines)&&void 0!==o&&o.length&&s({chart:e}),f(r)}}},yAxis:{crosshair:u?r:null,className:c?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||p(),f(r)}}},plotOptions:{series:{cursor:l||!c?"grab":"crosshair"}}})}}),[c,p,u])};export{c as useChartModifier};

package/components/Chart/effects/useChartTypeSwitch.d.ts

@@ -0,0 +1,7 @@
+export function useChartTypeSwitch({ chart }: {
+    chart: any;
+}): {
+    chartType: any;
+    handleChartTypeChange: (newChartType: any) => void;
+};
+//# sourceMappingURL=useChartTypeSwitch.d.ts.map

package/components/Chart/effects/useChartTypeSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartTypeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartTypeSwitch.js"],"names":[],"mappings":"AAEO;;;;;EAoBN"}

package/components/Chart/effects/useChartTypeSwitch.js

@@ -0,0 +1 @@
+import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as e}from"react";var a=function(a){var n=a.chart,o=null==n?void 0:n.userOptions.chart.type,p=t(null),c=r(p,2),i=c[0],u=c[1];return e((function(){i||u(o)}),[o]),{chartType:i,handleChartTypeChange:function(r){u(r),n.update({chart:{type:r}})}}};export{a as useChartTypeSwitch};