npm - @corva/ui - Versions diffs - 0.72.0-5 → 0.72.0 - Mend

@corva/ui 0.72.0-5 → 0.72.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1330) hide show

package/components/AddComment/components/Content.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useRef as e}from"react";import{node as t,number as r,func as o,bool as i,shape as s}from"prop-types";import{makeStyles as n}from"@material-ui/core";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.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"classnames";import"lodash";import"@material-ui/icons";import"../../../utils/mobileDetect.js";import"../../IconButton/index.js";import"../../Modal/CorvaModal.css.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"../../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"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import"../../../utils/index.js";import"jsona";import"../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"rollbar";import"@rollbar/react";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../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"../../MiddleTruncatedText/MiddleTruncatedText.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"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.styles.js";import"../../GradientPicker/GradientPicker.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Toaster/Toaster.js";import"../../ConfirmationDialog.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../MiddleTruncate/MiddleTruncate.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Stepper/Stepper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../FilesLoader/Icons/FileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/InputAdornmentLeft.js";import"../../Search/components/Groups.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../EChartsWrapper/EChartsWrapper.js";import{isSuggestionsListOpened as l}from"../../UserMention/utils/index.js";var d=n({postInput:{paddingBottom:8},filePreviewWrapper:function(e){return{width:"100%",marginLeft:0,maxHeight:e.smallerView?127:251}}});function j(t){var r=t.userCompanyId,o=t.startAdornment,i=t.endAdornment,s=t.customContent,n=t.setComment,j=t.smallerView,c=t.onSave,C=t.comment,u=d({smallerView:j}),A=e();return p("div",{ref:A,children:[o,s\|\|m(a,{userCompanyId:r,onChange:n,filePreviewWrapperClass:u.filePreviewWrapper,className:u.postInput,smallerView:j,onKeyDown:function(e){"Enter"!==e.key\|\|e.shiftKey\|\|l()\|\|(e.preventDefault(),c(C))},suggestionsPortalHost:A.current,allowSuggestionsAboveCursor:!0}),i]})}j.propTypes={startAdornment:t,endAdornment:t,customContent:t,userCompanyId:r.isRequired,setComment:o,onSave:o,smallerView:i,comment:s()},j.defaultProps={startAdornment:null,endAdornment:null,customContent:null,setComment:function(){},onSave:function(){},smallerView:!1,comment:void 0};export{j as default};
1	+ import{useRef as e}from"react";import{node as t,number as o,func as r,bool as i,shape as s}from"prop-types";import{makeStyles as n}from"@material-ui/core";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.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"classnames";import"lodash";import"@material-ui/icons";import"../../../utils/mobileDetect.js";import"../../IconButton/index.js";import"../../Modal/CorvaModal.css.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"../../Icons/AnnotationIcon.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"querystring";import"uuid/v1";import"query-string";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/subscriptions.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.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"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"rollbar";import"@rollbar/react";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../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"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"../../MiddleTruncatedText/MiddleTruncatedText.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"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.styles.js";import"../../GradientPicker/GradientPicker.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Toaster/Toaster.js";import"../../ConfirmationDialog.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../MiddleTruncate/MiddleTruncate.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Stepper/Stepper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../FilesLoader/Icons/FileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/InputAdornmentLeft.js";import"../../Search/components/Groups.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../EChartsWrapper/EChartsWrapper.js";import{isSuggestionsListOpened as l}from"../../UserMention/utils/index.js";const d=n({postInput:{paddingBottom:8},filePreviewWrapper:e=>{let{smallerView:t}=e;return{width:"100%",marginLeft:0,maxHeight:t?127:251}}});function j(t){let{userCompanyId:o,startAdornment:r,endAdornment:i,customContent:s,setComment:n,smallerView:j,onSave:c,comment:C}=t;const u=d({smallerView:j}),A=e();return p("div",{ref:A,children:[r,s\|\|m(a,{userCompanyId:o,onChange:n,filePreviewWrapperClass:u.filePreviewWrapper,className:u.postInput,smallerView:j,onKeyDown:e=>{"Enter"!==e.key\|\|e.shiftKey\|\|l()\|\|(e.preventDefault(),c(C))},suggestionsPortalHost:A.current,allowSuggestionsAboveCursor:!0}),i]})}j.propTypes={startAdornment:t,endAdornment:t,customContent:t,userCompanyId:o.isRequired,setComment:r,onSave:r,smallerView:i,comment:s()},j.defaultProps={startAdornment:null,endAdornment:null,customContent:null,setComment:()=>{},onSave:()=>{},smallerView:!1,comment:void 0};export{j as default};

package/components/AdvancedSlider/AdvancedSlider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import~~{useRef as i,useState as o,useEffect as n,useMemo as r}from"react";import{makeStyles as a,fade as l}from"@material-ui/core";import{Resizable as d}from"re-resizable";import{withSize as h}from"react-sizeme";import c from"classnames";import{noop as s}from"lodash";import{useThrottledCallback as u}from"../shared/useThrottledCallback.js";import{Handle as m}from"./Handle.js";import{jsx as p,jsxs as v}from"react/jsx-runtime";~~function~~ g~~(t,e){var i~~=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,o)}return i}function f(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?g(Object(o),!0).forEach((function(i){t(e,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var b="twoValuesSliderDefault",y=~~function(a)~~{~~var l,h,s=a.~~min,~~g=a.~~max,~~y=a.~~value,~~w=a.~~size,~~B=a.~~orientation,~~H=a.~~valueFormatter,~~L=a.~~displayFormatter,~~O=a.~~editableHandles,~~F=a.~~onChange,~~j=a.~~onStop,~~P=a.~~reversed,~~C=a.~~handlePosition,~~R=a.~~handleClasses,S=~~a.minimal~~,D=z(),E=i(null)~~,M=i~~(null),k=o([H(null==y?void 0:y.at(0)),H(null==y?void 0:y.at(1))]),I=e(~~k,2~~),~~N=I~~[0],~~W=I[1~~],_=i(~~null),$=o(~~!1)~~,A=e($,2),X=A[0],Y=A[1]~~;n((~~function~~(){if(!_.current){~~var~~ t=[H(null==y?void 0:y.at(0)),H(null==y?void 0:y.at(1))],e=Math.min~~.apply~~(~~Math,~~t),i=Math.max~~.apply~~(~~Math,~~t);W([e,i])}}),[null==y?void 0:y.at(0),null==y?void 0:y.at(1)]);~~var T=e(~~N,~~2),Z=T[0~~],V=~~T[1]~~;n((~~function~~(){if("horizontal"===B){~~var~~ t=w.width/(g-s)(Z-s),e=w.width/(g-s)(g-V);E.current.updateSize({width:P?e:t,height:w.height})~~,M.~~current.updateSize({width:P?t:e,height:w.height})}else if("vertical"===B){~~var~~ i=w.height/(g-s)(Z-s),o=w.height/(g-s)(g-V);E.current.updateSize({width:w.width,height:P?o:i})~~,M.~~current.updateSize({width:w.width,height:P?i:o})}}),[s,g,Z,V,w.width,w.height,B]),n((~~function~~(){~~var~~ t=~~function~~(){document.removeEventListener("mousemove",Q),document.removeEventListener("mouseup",U),document.removeEventListener("touchmove",tt),document.removeEventListener("touchend",et)};return X?(document.addEventListener("mousemove",Q),document.addEventListener("mouseup",U),document.addEventListener("touchmove",tt),document.addEventListener("touchend",et)):(t(),j()),~~function~~(){t()}}),[X]);~~var~~ q=u((~~function~~(t,e,i){_.current="onResize Event";~~var~~ o=i.clientWidth,n=i.clientHeight,r=Z,a=V;"right"===e?P?a=H(g-o/w.width(g-s)):r=H(s+o/w.width(g-s)):"left"===e?P?r=H(s+o/w.width(g-s)):a=H(g-o/w.width(g-s)):"bottom"===e?P?a=H(g-n/w.height(g-s)):r=H(s+n/w.height(g-s)):"top"===e&&(P?r=H(s+n/w.height(g-s)):a=H(g-n/w.height(g-s))),r=Math.min(r,V),a=Math.max(a,Z),W([r,a]),F([r,a])})),G=u((~~function~~(){_.current=null,j()})),J=~~function~~(t,e){_.current={xPos:t,yPos:e,head:Z,tail:V}},K=~~function~~(t,e){if(_.current){~~var~~ i;"horizontal"===B?i=(_.current.xPos-t)/w.width(g-s):"vertical"===B&&(i=(_.current.yPos-e)/w.height(g-s));~~var~~ o,n,r=_.current.head-i(P?-1:1),a=_.current.tail-i(P?-1:1),l=_.current.tail-_.current.head;r~~<=s~~?(o=s,n=s+l):a>=g?(o=g-l,n=g):(o=r,n=a),o=H(o),n=H(n),W([o,n]),F([o,n])}},Q=u((~~function(~~t){K(t.clientX,t.clientY)})),U=u((~~function~~(){_.current=null,Y(!1)})),tt=u((~~function(~~t){K(t.touches[0].pageX,t.touches[0].pageY)})),et=u((~~function~~(){_.current=null,Y(!1)})),it=u((~~function(~~t){W([t,V]),F([t,V])})),ot=u((~~function(~~t){W([Z,t]),F([Z,t])})),nt=r((~~function~~()~~{return~~(V-Z)/(g-s)*("vertical"===B?w.height:w.width)<30}),[s,g,Z,V]),rt=~~function(~~t){~~var~~ e={min:s,max:V,value:Z,onChange:it},i={min:Z,max:g,value:V,onChange:ot};return"head"===t?p(m,f({"data-testid"~~:"".concat(b,"~~_handle_top~~"),~~placement:"head",readOnly:!O,displayFormatter:L,orientation:B,classes:R,minimal:~~S},P~~?i:e)):"tail"===t?p(m,f({"data-testid"~~:"".concat(b,"~~_handle_bottom~~"),~~placement:"tail",readOnly:!O,displayFormatter:L,orientation:B,classes:R,minimal:~~S},P~~?e:i)):null};return p("div",{className:D.rootWrapper,children:v("div",{className:c(D.root,~~(l=~~{~~},t(l,D~~.horizontalRoot,"horizontal"===B),~~t(l,D~~.verticalRoot,"vertical"===B),~~t(l,D~~.minimal,S),~~l)),~~children:[p(d,{ref:E,minHeight:0,minWidth:0,enable:{right:"horizontal"===B,bottom:"vertical"===B},handleComponent:{right:rt("head"),bottom:rt("head")},onResize:q,onResizeStop:G}),p("div",{className:D.body,"data-testid":"slider-body",onMouseDown:~~function(~~t){J(t.clientX,t.clientY),Y(!0)},onTouchStart:~~function(~~t){J(t.touches[0].pageX,t.touches[0].pageY),Y(!0)},children:p("div",nt?{className:c(~~(h=~~{~~},t(h,D~~.horizontalBodyHandle,"horizontal"===B),~~t(h,D~~.verticalBodyHandle,"vertical"===B),~~t(h,D~~.leftBodyHandle,"left"===C),~~t(h,D~~.rightBodyHandle,"right"===C),~~t(h,D~~.topBodyHandle,"top"===C),~~t(h,D~~.bottomBodyHandle,"bottom"===C),~~h)),~~children:p("div",{className:D.bodyHandle,"data-testid"~~:"".concat(b,"~~_handle~~"),~~children:p(x,{orientation:"vertical",minimal:S})})}:{className:D.bodyHandleIcon,"data-testid"~~:"".concat(b,"~~_handle~~"),~~children:p(x,{orientation:B,minimal:S})})}),p(d,{ref~~:M,~~minHeight:0,minWidth:0,enable:{left:"horizontal"===B,top:"vertical"===B},handleComponent:{left:rt("tail"),top:rt("tail")},onResize:q,onResizeStop:G})]})})};y.defaultProps={orientation:"horizontal",valueFormatter:Math.floor,displayFormatter:~~function(~~t~~){return~~ t},onChange:s,onStop:s,reversed:!1,editableHandles:!0,handleClasses:{},minimal:!1};var w=h({monitorWidth:!0,monitorHeight:!0})(y),x=~~function(~~t){~~var~~ e=t~~.orientation~~;return ~~t.minimal~~?"horizontal"===e?p("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"20",viewBox:"0 -2 16 16",fill:"none",children:p("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.33333 4L4 4L4 12L5.33333 12L5.33333 4ZM8.66659 4L8.66659 12L7.33325 12L7.33325 4L8.66659 4ZM12.0001 4L12.0001 12L10.6667 12L10.6667 4L12.0001 4Z",fill:"white"})}):v("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("rect",{width:"12",height:"1"}),p("rect",{y:"3",width:"12",height:"1"}),p("rect",{y:"6",width:"12",height:"1"})]}):v("svg","horizontal"===e?{width:"8",height:"13",viewBox:"0 0 8 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("rect",{x:"7.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 7.5 0.5)"}),p("rect",{x:"4.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 4.5 0.5)"}),p("rect",{x:"1.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 1.5 0.5)"})]}:{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("rect",{width:"12",height:"1"}),p("rect",{y:"3",width:"12",height:"1"}),p("rect",{y:"6",width:"12",height:"1"})]})},z=a((~~function~~(t){~~return{~~rootWrapper:{position:"relative",width:"100%",height:"100%",zIndex:100},root:{position:"absolute",width:"100%",height:"100%",zIndex:100,"&:hover:not($minimal) $body":{background:"#008BA366"},"&:hover $bodyHandle":{visibility:"visible"}},horizontalRoot:{display:"flex",alignItems:"center"},verticalRoot:{display:"flex",alignItems:"center",flexDirection:"column"},body:{position:"relative",flex:1,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",background:"#3B3B3B66",color:"#BDBDBD","& svg":{fill:"currentColor"},"&:hover":{cursor:"grab",background:"#008BA366",color:"#FFFFFF"},"&:active":{cursor:"grabbing"},"&:hover $bodyHandleIcon":{visibility:"visible"}},horizontalBodyHandle:{position:"absolute",bottom:-24},verticalBodyHandle:{position:"absolute",left:-24},leftBodyHandle:{position:"absolute",left:-24,right:"auto"},rightBodyHandle:{position:"absolute",right:-24,left:"auto"},topBodyHandle:{position:"absolute",top:-24,bottom:"auto"},bottomBodyHandle:{position:"absolute",bottom:-24,top:"auto"},bodyHandle:{width:24,height:24,borderRadius:"50%",background:"#03BCD4",color:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",visibility:"hidden"},bodyHandleIcon:{visibility:"hidden"},minimal:{border:"1px solid ~~".concat(~~t.palette.background.b9),borderRadius:4,"& $body":{"&:hover":{background:"#008BA366"},margin:-1,width:"calc(100% + 2px)",height:"calc(100% + 2px)",backgroundColor:l(t.palette.background.b7,.1),border:"1px solid ~~".concat(~~t.palette.primary.text9),borderRadius:4}}}}));export{y as AdvancedSlider,w as default};
1	+ import{useRef as t,useState as e,useEffect as i,useMemo as o}from"react";import{makeStyles as n,fade as r}from"@material-ui/core";import{Resizable as a}from"re-resizable";import{withSize as l}from"react-sizeme";import d from"classnames";import{noop as h}from"lodash";import{useThrottledCallback as s}from"../shared/useThrottledCallback.js";import{Handle as c}from"./Handle.js";import{jsx as m,jsxs as u}from"react/jsx-runtime";const g="twoValuesSliderDefault",v=n=>{const{min:r,max:l,value:h,size:v,orientation:p,valueFormatter:y,displayFormatter:f,editableHandles:x,onChange:z,onStop:B,reversed:H,handlePosition:L,handleClasses:F,minimal:C}=n,R=w(),S=t(null),$=t(null),[k,E]=e([y(null==h?void 0:h.at(0)),y(null==h?void 0:h.at(1))]),I=t(null),[M,D]=e(!1);i((()=>{if(!I.current){const t=[y(null==h?void 0:h.at(0)),y(null==h?void 0:h.at(1))],e=Math.min(...t),i=Math.max(...t);E([e,i])}}),[null==h?void 0:h.at(0),null==h?void 0:h.at(1)]);const[N,P]=k;i((()=>{if("horizontal"===p){const t=v.width/(l-r)(N-r),e=v.width/(l-r)(l-P);S.current.updateSize({width:H?e:t,height:v.height}),$.current.updateSize({width:H?t:e,height:v.height})}else if("vertical"===p){const t=v.height/(l-r)(N-r),e=v.height/(l-r)(l-P);S.current.updateSize({width:v.width,height:H?e:t}),$.current.updateSize({width:v.width,height:H?t:e})}}),[r,l,N,P,v.width,v.height,p]),i((()=>{const t=()=>{document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",A),document.removeEventListener("touchmove",Z),document.removeEventListener("touchend",O)};return M?(document.addEventListener("mousemove",Y),document.addEventListener("mouseup",A),document.addEventListener("touchmove",Z),document.addEventListener("touchend",O)):(t(),B()),()=>{t()}}),[M]);const W=s(((t,e,i)=>{I.current="onResize Event";const o=i.clientWidth,n=i.clientHeight;let a=N,d=P;"right"===e?H?d=y(l-o/v.width(l-r)):a=y(r+o/v.width(l-r)):"left"===e?H?a=y(r+o/v.width(l-r)):d=y(l-o/v.width(l-r)):"bottom"===e?H?d=y(l-n/v.height(l-r)):a=y(r+n/v.height(l-r)):"top"===e&&(H?a=y(r+n/v.height(l-r)):d=y(l-n/v.height(l-r))),a=Math.min(a,P),d=Math.max(d,N),E([a,d]),z([a,d])})),_=s((()=>{I.current=null,B()})),j=(t,e)=>{I.current={xPos:t,yPos:e,head:N,tail:P}},X=(t,e)=>{if(I.current){let i,o;"horizontal"===p?(i=I.current.xPos-t,o=i/v.width(l-r)):"vertical"===p&&(i=I.current.yPos-e,o=i/v.height(l-r));const n=I.current.head-o(H?-1:1),a=I.current.tail-o(H?-1:1),d=I.current.tail-I.current.head;let h,s;n<=r?(h=r,s=r+d):a>=l?(h=l-d,s=l):(h=n,s=a),h=y(h),s=y(s),E([h,s]),z([h,s])}},Y=s((t=>{X(t.clientX,t.clientY)})),A=s((()=>{I.current=null,D(!1)})),Z=s((t=>{X(t.touches[0].pageX,t.touches[0].pageY)})),O=s((()=>{I.current=null,D(!1)})),T=s((t=>{E([t,P]),z([t,P])})),V=s((t=>{E([N,t]),z([N,t])})),q=o((()=>(P-N)/(l-r)*("vertical"===p?v.height:v.width)<30),[r,l,N,P]),G=t=>{const e={min:r,max:P,value:N,onChange:T},i={min:N,max:l,value:P,onChange:V};return"head"===t?m(c,{"data-testid":`${g}_handle_top`,placement:"head",readOnly:!x,displayFormatter:f,orientation:p,classes:F,minimal:C,...H?i:e}):"tail"===t?m(c,{"data-testid":`${g}_handle_bottom`,placement:"tail",readOnly:!x,displayFormatter:f,orientation:p,classes:F,minimal:C,...H?e:i}):null};return m("div",{className:R.rootWrapper,children:u("div",{className:d(R.root,{[R.horizontalRoot]:"horizontal"===p,[R.verticalRoot]:"vertical"===p,[R.minimal]:C}),children:[m(a,{ref:S,minHeight:0,minWidth:0,enable:{right:"horizontal"===p,bottom:"vertical"===p},handleComponent:{right:G("head"),bottom:G("head")},onResize:W,onResizeStop:_}),m("div",{className:R.body,"data-testid":"slider-body",onMouseDown:t=>{j(t.clientX,t.clientY),D(!0)},onTouchStart:t=>{j(t.touches[0].pageX,t.touches[0].pageY),D(!0)},children:m("div",q?{className:d({[R.horizontalBodyHandle]:"horizontal"===p,[R.verticalBodyHandle]:"vertical"===p,[R.leftBodyHandle]:"left"===L,[R.rightBodyHandle]:"right"===L,[R.topBodyHandle]:"top"===L,[R.bottomBodyHandle]:"bottom"===L}),children:m("div",{className:R.bodyHandle,"data-testid":`${g}_handle`,children:m(b,{orientation:"vertical",minimal:C})})}:{className:R.bodyHandleIcon,"data-testid":`${g}_handle`,children:m(b,{orientation:p,minimal:C})})}),m(a,{ref:$,minHeight:0,minWidth:0,enable:{left:"horizontal"===p,top:"vertical"===p},handleComponent:{left:G("tail"),top:G("tail")},onResize:W,onResizeStop:_})]})})};v.defaultProps={orientation:"horizontal",valueFormatter:Math.floor,displayFormatter:t=>t,onChange:h,onStop:h,reversed:!1,editableHandles:!0,handleClasses:{},minimal:!1};var p=l({monitorWidth:!0,monitorHeight:!0})(v);const b=t=>{let{orientation:e,minimal:i}=t;return i?"horizontal"===e?m("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"20",viewBox:"0 -2 16 16",fill:"none",children:m("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.33333 4L4 4L4 12L5.33333 12L5.33333 4ZM8.66659 4L8.66659 12L7.33325 12L7.33325 4L8.66659 4ZM12.0001 4L12.0001 12L10.6667 12L10.6667 4L12.0001 4Z",fill:"white"})}):u("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("rect",{width:"12",height:"1"}),m("rect",{y:"3",width:"12",height:"1"}),m("rect",{y:"6",width:"12",height:"1"})]}):u("svg","horizontal"===e?{width:"8",height:"13",viewBox:"0 0 8 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("rect",{x:"7.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 7.5 0.5)"}),m("rect",{x:"4.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 4.5 0.5)"}),m("rect",{x:"1.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 1.5 0.5)"})]}:{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("rect",{width:"12",height:"1"}),m("rect",{y:"3",width:"12",height:"1"}),m("rect",{y:"6",width:"12",height:"1"})]})},w=n((t=>({rootWrapper:{position:"relative",width:"100%",height:"100%",zIndex:100},root:{position:"absolute",width:"100%",height:"100%",zIndex:100,"&:hover:not($minimal) $body":{background:"#008BA366"},"&:hover $bodyHandle":{visibility:"visible"}},horizontalRoot:{display:"flex",alignItems:"center"},verticalRoot:{display:"flex",alignItems:"center",flexDirection:"column"},body:{position:"relative",flex:1,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",background:"#3B3B3B66",color:"#BDBDBD","& svg":{fill:"currentColor"},"&:hover":{cursor:"grab",background:"#008BA366",color:"#FFFFFF"},"&:active":{cursor:"grabbing"},"&:hover $bodyHandleIcon":{visibility:"visible"}},horizontalBodyHandle:{position:"absolute",bottom:-24},verticalBodyHandle:{position:"absolute",left:-24},leftBodyHandle:{position:"absolute",left:-24,right:"auto"},rightBodyHandle:{position:"absolute",right:-24,left:"auto"},topBodyHandle:{position:"absolute",top:-24,bottom:"auto"},bottomBodyHandle:{position:"absolute",bottom:-24,top:"auto"},bodyHandle:{width:24,height:24,borderRadius:"50%",background:"#03BCD4",color:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",visibility:"hidden"},bodyHandleIcon:{visibility:"hidden"},minimal:{border:`1px solid ${t.palette.background.b9}`,borderRadius:4,"& $body":{"&:hover":{background:"#008BA366"},margin:-1,width:"calc(100% + 2px)",height:"calc(100% + 2px)",backgroundColor:r(t.palette.background.b7,.1),border:`1px solid ${t.palette.primary.text9}`,borderRadius:4}}})));export{v as AdvancedSlider,p as default};

package/components/AdvancedSlider/Handle.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import~~{useState as r,useRef as i,useEffect as o}from"react";import{makeStyles as a,Input as n}from"@material-ui/core";import l from"classnames";import{debounce as d}from"lodash";import{jsx as m}from"react/jsx-runtime";~~var~~ p=d((~~function(e)~~{e()}),500),h=~~function(a)~~{~~var d,h,u=a.~~value,~~s=a.~~orientation,~~b=a.~~placement,~~x=a.~~readOnly,~~f=a.~~onChange,~~g=a.~~min,~~v=a.~~max,~~R=a.~~displayFormatter,~~H=a.~~classes,~~y=a.~~minimal,z=~~c(),T~~=r(u),B=t(~~T,2~~),C=~~B[0],k=B[1],w=i~~(null);o((~~function~~(){k(u)}),[u]);return m("div",{className:l(z.root,H.handleRoot,~~(d=~~{~~},e(d,z~~.horizontalHeadRoot,"horizontal"===s&&"head"===b),~~e(d,z~~.horizontalTailRoot,"horizontal"===s&&"tail"===b),~~e(d,z~~.verticalHeadRoot,"vertical"===s&&"head"===b),~~e(d,z~~.verticalTailRoot,"vertical"===s&&"tail"===b),~~e(d,z~~.minimalHandleRoot,y),~~d)),~~children:m("div",{className:l(z.handle,H.handle,~~(h=~~{~~},e(h,z~~.horizontalHeadHandle,"horizontal"===s&&"head"===b),~~e(h,z~~.horizontalTailHandle,"horizontal"===s&&"tail"===b),~~e(h,z~~.verticalHeadHandle,"vertical"===s&&"head"===b),~~e(h,z~~.verticalTailHandle,"vertical"===s&&"tail"===b),~~e(h,z~~.minimalHandle,~~y),e(h,z~~.minimalVerticalHandle,y&&"vertical"===s),~~h)),~~children:!y&&m(n,{inputProps:{"data-testid":"handle-input"},readOnly:x,inputRef:w,classes:{root:z.inputRoot},value:x?R(C):C,onChange:~~function(e)~~{~~var~~ t=e.target.value;k(t),Number.isFinite(+t)&&+t>=g&&+t<=v&&p((~~function~~(){f(+t)}))},error:!(Number.isFinite(+C)&&+C>=g&&+C<=v)})})})},c=a((~~function(e)~~{~~var t=~~e~~.isLightTheme~~,r=~~e.palette~~;return{root:{position:"absolute","&:hover":{borderColor:r.primary.main},"&:active":{borderColor:r.primary.main},"&:hover $handle":{background:r.primary.dark,borderColor:r.primary.main},"&:hover $minimalHandle":{background:r.primary.main},"&:active $minimalHandle":{background:r.primary.main},"&:active $handle":{background:r.primary.dark,borderColor:r.primary.main},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:t?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}},minimalHandle:{background:r.primary.text9,width:8,height:18,"& .MuiInput-underline.Mui-error:after":{border:0}},minimalVerticalHandle:{width:18,height:8},minimalHandleRoot:{borderColor:r.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}}}}));export{h as Handle};
1	+ import{useState as t,useRef as e,useEffect as i}from"react";import{makeStyles as r,Input as o}from"@material-ui/core";import a from"classnames";import{debounce as l}from"lodash";import{jsx as n}from"react/jsx-runtime";const d=l((t=>{t()}),500),p=r=>{let{value:l,orientation:p,placement:m,readOnly:s,onChange:c,min:u,max:x,displayFormatter:b,classes:g,minimal:R}=r;const v=h(),[f,H]=t(l),y=e(null);i((()=>{H(l)}),[l]);return n("div",{className:a(v.root,g.handleRoot,{[v.horizontalHeadRoot]:"horizontal"===p&&"head"===m,[v.horizontalTailRoot]:"horizontal"===p&&"tail"===m,[v.verticalHeadRoot]:"vertical"===p&&"head"===m,[v.verticalTailRoot]:"vertical"===p&&"tail"===m,[v.minimalHandleRoot]:R}),children:n("div",{className:a(v.handle,g.handle,{[v.horizontalHeadHandle]:"horizontal"===p&&"head"===m,[v.horizontalTailHandle]:"horizontal"===p&&"tail"===m,[v.verticalHeadHandle]:"vertical"===p&&"head"===m,[v.verticalTailHandle]:"vertical"===p&&"tail"===m,[v.minimalHandle]:R,[v.minimalVerticalHandle]:R&&"vertical"===p}),children:!R&&n(o,{inputProps:{"data-testid":"handle-input"},readOnly:s,inputRef:y,classes:{root:v.inputRoot},value:s?b(f):f,onChange:t=>{const e=t.target.value;H(e),Number.isFinite(+e)&&+e>=u&&+e<=x&&d((()=>{c(+e)}))},error:!(Number.isFinite(+f)&&+f>=u&&+f<=x)})})})},h=r((t=>{let{isLightTheme:e,palette:i}=t;return{root:{position:"absolute","&:hover":{borderColor:i.primary.main},"&:active":{borderColor:i.primary.main},"&:hover $handle":{background:i.primary.dark,borderColor:i.primary.main},"&:hover $minimalHandle":{background:i.primary.main},"&:active $minimalHandle":{background:i.primary.main},"&:active $handle":{background:i.primary.dark,borderColor:i.primary.main},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:e?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}},minimalHandle:{background:i.primary.text9,width:8,height:18,"& .MuiInput-underline.Mui-error:after":{border:0}},minimalVerticalHandle:{width:18,height:8},minimalHandleRoot:{borderColor:i.primary.text9,zIndex:100,"&:not(:hover)":{border:"none"}}}}));export{p as Handle};

package/components/AnchorsList/AnchorsList.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import~~{useRef as r,useEffect as n,useState as o,useCallback as i,useMemo as a}from"react";import c from"prop-types";import{throttle as l,noop as s}from"lodash";import p from"classnames";import{makeStyles as u,Typography as m,Link as d}from"@material-ui/core";import{jsx as f,jsxs as h,Fragment as g}from"react/jsx-runtime";~~function~~ ~~b(e,t){var r~~=~~Object.keys~~(~~e);if~~(~~Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);~~t&&(~~n=n.filter((function(t)~~{return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u((function(e){return{root:t({top:70,width:175,flexShrink:0,position:"sticky",height:"calc(100vh - 70px)",overflowY:"auto",padding:e.spacing(2,0),display:"none"},e.breakpoints.up("sm"),{display:"block"}),title:{color:e.palette.primary.text8,margin:"0 0 8px 16px",lineHeight:"24px",fontSize:10,fontWeight:500,letterSpacing:1},contents:{marginTop:e.spacing(2),paddingLeft:e.spacing(1)},ul:{padding:0,margin:0,listStyle:"none",borderLeft:"1px solid ".~~concat(e.~~palette.background.b9)},li:{display:"flex","&:not(:first-of-type)":{marginTop:8}},item:{color:e.palette.primary.text6,display:"inline-block",margin:"7px 16px",fontSize:12,fontWeight:400,letter:"0.4px",lineHeight:"16px"},active:{color:e.palette.text.primary,fontWeight:500},activeItemBorder:{height:30,width:"2px",backgroundColor:"#03BCD4",borderRadius:"0 2px 2px 0",position:"absolute"}}}));function x(t){~~var~~ c~~=t.title~~,u=~~t.items~~,b=v(),x=r([]);n((~~function~~(){x.current=u.map((~~function~~(e){~~return y(y({}~~,~~e),{},{~~node:document.getElementById(e.hash)})}))}),[u]);~~var O~~,~~w,k,j~~=o(null),P=e(~~j,2),T=P[0],E=P[1],S=r(~~!1),N=r(null),I=i((~~function~~(){if(!S.current){for(~~var~~ e,t=x.current.length-1;t>=0;t-=1){if(document.documentElement.scrollTop<100){e={hash:null};break}~~var~~ r=x.current[t];if(r.node&&r.node.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){e=r;break}}e&&T!==e.hash&&E(e.hash)}}),[T])~~;O=u.length>0?I:null~~,k=a((~~function~~()~~{return O~~?l(O,w):s}),[O,~~w=166~~]),n((~~function~~(){if(k!==s)return window.addEventListener("scroll",k),~~function~~(){window.removeEventListener("scroll",k),k.cancel()}}),[k]);return n((~~function~~()~~{return function~~(){clearTimeout(N.current)}}),[]),n((~~function~~(){~~var e~~=window.location~~.hash~~;if(e)~~{var~~ t=document.getElementById(e.substr(1));t&&setTimeout((~~function~~(){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}),50)}}),[]),f("nav",{className:b.root,"data-testid":"anchors-list",children:u.length>0&&h(g,{children:[f("div",{className:b.title,children:c}),f(m,{component:"ul",className:b.ul,children:u.map((~~function(e)~~{~~var~~ ~~t,r~~=T===e.hash;return h("li",{className:b.li,children:[r&&f("div",{className:b.activeItemBorder}),f(d,{display:"block",href~~:"#"~~.~~concat(e.~~hash),underline:"none",onClick:(t=e.hash,~~function(e)~~{e.defaultPrevented\|\|0!==e.button\|\|e.metaKey\|\|e.ctrlKey\|\|e.altKey\|\|e.shiftKey\|\|(S.current=!0,N.current=setTimeout((~~function~~(){S.current=!1}),1e3),T!==t&&E(t))}),className:p(b.item,r&&b.active),"data-testid":"anchor-item-".~~concat(e.~~hash),children:f("span",{children:e.text})})]},e.text)}))})]})})}x.defaultProps={title:"ON THIS PAGE",items:[]},x.propTypes={title:c.string,items:c.arrayOf(c.shape({hash:c.string,text:c.string}))};export{x as default};
1	+ import{useRef as t,useEffect as e,useState as n,useCallback as r,useMemo as o}from"react";import i from"prop-types";import{throttle as l,noop as a}from"lodash";import s from"classnames";import{makeStyles as c,Typography as p,Link as m}from"@material-ui/core";import{jsx as d,jsxs as h,Fragment as u}from"react/jsx-runtime";const f=c((t=>({root:{top:70,width:175,flexShrink:0,position:"sticky",height:"calc(100vh - 70px)",overflowY:"auto",padding:t.spacing(2,0),display:"none",[t.breakpoints.up("sm")]:{display:"block"}},title:{color:t.palette.primary.text8,margin:"0 0 8px 16px",lineHeight:"24px",fontSize:10,fontWeight:500,letterSpacing:1},contents:{marginTop:t.spacing(2),paddingLeft:t.spacing(1)},ul:{padding:0,margin:0,listStyle:"none",borderLeft:`1px solid ${t.palette.background.b9}`},li:{display:"flex","&:not(:first-of-type)":{marginTop:8}},item:{color:t.palette.primary.text6,display:"inline-block",margin:"7px 16px",fontSize:12,fontWeight:400,letter:"0.4px",lineHeight:"16px"},active:{color:t.palette.text.primary,fontWeight:500},activeItemBorder:{height:30,width:"2px",backgroundColor:"#03BCD4",borderRadius:"0 2px 2px 0",position:"absolute"}})));function g(i){const{title:c,items:g}=i,x=f(),y=t([]);e((()=>{y.current=g.map((t=>({...t,node:document.getElementById(t.hash)})))}),[g]);const[b,v]=n(null),k=t(!1),w=t(null),T=r((()=>{if(k.current)return;let t;for(let e=y.current.length-1;e>=0;e-=1){if(document.documentElement.scrollTop<100){t={hash:null};break}const n=y.current[e];if(n.node&&n.node.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){t=n;break}}t&&b!==t.hash&&v(t.hash)}),[b]);!function(t,n){const r=o((()=>t?l(t,n):a),[t,n]);e((()=>{if(r!==a)return window.addEventListener("scroll",r),()=>{window.removeEventListener("scroll",r),r.cancel()}}),[r])}(g.length>0?T:null,166);return e((()=>()=>{clearTimeout(w.current)}),[]),e((()=>{const{hash:t}=window.location;if(!t)return;const e=document.getElementById(t.substr(1));e&&setTimeout((()=>{e.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}),50)}),[]),d("nav",{className:x.root,"data-testid":"anchors-list",children:g.length>0&&h(u,{children:[d("div",{className:x.title,children:c}),d(p,{component:"ul",className:x.ul,children:g.map((t=>{const e=b===t.hash;return h("li",{className:x.li,children:[e&&d("div",{className:x.activeItemBorder}),d(m,{display:"block",href:`#${t.hash}`,underline:"none",onClick:(n=t.hash,t=>{t.defaultPrevented\|\|0!==t.button\|\|t.metaKey\|\|t.ctrlKey\|\|t.altKey\|\|t.shiftKey\|\|(k.current=!0,w.current=setTimeout((()=>{k.current=!1}),1e3),b!==n&&v(n))}),className:s(x.item,e&&x.active),"data-testid":`anchor-item-${t.hash}`,children:d("span",{children:t.text})})]},t.text);var n}))})]})})}g.defaultProps={title:"ON THIS PAGE",items:[]},g.propTypes={title:i.string,items:i.arrayOf(i.shape({hash:i.string,text:i.string}))};export{g as default};

package/components/Annotations/AnnotationsContext.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import~~{createContext as e,useReducer as o,useContext as a}from"react";import{node as i}from"prop-types";import{EDIT_ANNOTATION as c,DELETE_ANNOTATION as d,ADD_ANNOTATION as u,APPEND_ANNOTATIONS as s,SET_ANNOTATIONS as p}from"./constants.js";import{jsx as f}from"react/jsx-runtime";~~function~~ ~~l(n,t){var r~~=~~Object.keys(~~n~~);if~~(~~Object.getOwnPropertySymbols~~)~~{var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n~~,~~t).enumerable}))),r.push.apply(r,e)}return r}function m(n){for(var t~~=~~1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){r(~~n~~,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties~~(~~n,Object.getOwnPropertyDescriptors(e~~)~~):l(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var y=e(),b=e()~~;function v(n,r){switch(r.type){case p:return{annotations:r.annotations};case s:return ~~m(m(~~{},n),~~{},{~~annotations:{data:[~~].concat(t(~~n.annotations.data),t(r.annotations.data)),included:r.annotations.included.reduce((~~function~~(n,t)~~{return~~ n.find((~~function(~~n){~~var r=n.~~id,e=n~~.type~~;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)}});case u:return ~~m(m(~~{},n),~~{},{~~annotations:n.annotations.data?{data:[r.annotation.data~~].concat(t(~~n.annotations.data)),included:r.annotation.included.reduce((~~function~~(n,t)~~{return~~ n.find((~~function(~~n){~~var r=n.~~id,e=n~~.type~~;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)}:{data:[r.annotation.data],included:r.annotation.included}});case d:~~var e~~=n.annotations~~.data~~;return ~~m(m(~~{},n),~~{},{~~annotations:~~m(m(~~{},n.annotations),~~{},{~~data:e.filter((~~function(~~n){return ~~n.id~~!==r.id}))})});case c:return ~~m(m(~~{},n),~~{},{~~annotations:~~m(m(~~{},n.annotations),~~{},{~~data:n.annotations.data.map((~~function(~~n~~){return~~ n.id===r.id?r.annotation.data:n})),included:r.annotation.included.reduce((~~function~~(n,t)~~{return~~ n.find((~~function(~~n){~~var r=n.~~id,e=n~~.type~~;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)})});default:throw new Error("Unhandled action type: ".~~concat(r.~~type))}}function h(t){~~var r~~=~~t.children~~,e=o(v,{annotations:[]})~~,a=n(e,2),i=a[0],c=a[1]~~;return f(y.Provider,{value:i,children:f(b.Provider,{value:c,children:r})})}function O(){~~var~~ n=a(y);if(void 0===n)throw new Error("useAnnotationsState must be used within a AnnotationsProvider");return n}function w(){~~var~~ n=a(b);if(void 0===n)throw new Error("useAnnotationsDispatch must be used within a AnnotationsProvider");return n}h.propTypes={children:i.isRequired};export{h as AnnotationsProvider,w as useAnnotationsDispatch,O as useAnnotationsState};
1	+ import{createContext as n,useReducer as t,useContext as a}from"react";import{node as o}from"prop-types";import{EDIT_ANNOTATION as i,DELETE_ANNOTATION as e,ADD_ANNOTATION as d,APPEND_ANNOTATIONS as r,SET_ANNOTATIONS as s}from"./constants.js";import{jsx as c}from"react/jsx-runtime";const u=n(),l=n();function p(n,t){switch(t.type){case s:return{annotations:t.annotations};case r:return{...n,annotations:{data:[...n.annotations.data,...t.annotations.data],included:t.annotations.included.reduce(((n,t)=>n.find((n=>{let{id:a,type:o}=n;return a===t.id&&o===t.type}))?n:n.concat([t])),n.annotations.included)}};case d:return{...n,annotations:n.annotations.data?{data:[t.annotation.data,...n.annotations.data],included:t.annotation.included.reduce(((n,t)=>n.find((n=>{let{id:a,type:o}=n;return a===t.id&&o===t.type}))?n:n.concat([t])),n.annotations.included)}:{data:[t.annotation.data],included:t.annotation.included}};case e:{const{data:a}=n.annotations;return{...n,annotations:{...n.annotations,data:a.filter((n=>{let{id:a}=n;return a!==t.id}))}}}case i:return{...n,annotations:{...n.annotations,data:n.annotations.data.map((n=>n.id===t.id?t.annotation.data:n)),included:t.annotation.included.reduce(((n,t)=>n.find((n=>{let{id:a,type:o}=n;return a===t.id&&o===t.type}))?n:n.concat([t])),n.annotations.included)}};default:throw new Error(`Unhandled action type: ${t.type}`)}}function f(n){let{children:a}=n;const[o,i]=t(p,{annotations:[]});return c(u.Provider,{value:o,children:c(l.Provider,{value:i,children:a})})}function h(){const n=a(u);if(void 0===n)throw new Error("useAnnotationsState must be used within a AnnotationsProvider");return n}function m(){const n=a(l);if(void 0===n)throw new Error("useAnnotationsDispatch must be used within a AnnotationsProvider");return n}f.propTypes={children:o.isRequired};export{f as AnnotationsProvider,m as useAnnotationsDispatch,h as useAnnotationsState};

package/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{memo as i,useState as s,useRef as n}from"react";import{number as p,shape as a,string as m}from"prop-types";import l from"classnames";import{flowRight as d,get as c}from"lodash";import j from"moment";import{withStyles as C}from"@material-ui/core/styles";import{Fade as u,Paper as A,Typography as v}from"@material-ui/core";import D from"../../../../../Avatar/index.js";import b from"../../../../../../effects/useOutsideClick.js";import"../../../../../../utils/index.js";import{postAnnotation as f}from"../../../../../../clients/jsonApi/index.js";import{useAnnotationsDispatch as h}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as g}from"../../../../constants.js";import P from"../AnnotationInput/index.js";import S from"./style.css.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"../../index.js";import"../../../LastAnnotation/index.js";import{jsxs as x,jsx as I}from"react/jsx-runtime";import"../../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.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"../../../../../../utils/mobileDetect.js";import"../../../../../IconButton/index.js";import"../../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../../IconMenu/index.js";import"../../../../../StyledMenuItem/index.js";import"../../../../../AppIcon/AppIcon.js";import"../../../../../DevCenter/AppContext.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"../../../../../MiddleTruncatedText/MiddleTruncatedText.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"../../../../../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/configuration/constants.js";import"../../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../../GradientManager/GradientSelect.styles.js";import"../../../../../GradientPicker/GradientPicker.js";import"../../../../../GradientManager/GradientManager.styles.js";import"../../../../../Drillstring/BHASchematic.js";import"../../../../../Drillstring/BHATable/index.js";import"../../../../../Drillstring/BHAComponentIcon.js";import"../../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../../Drillstring/BHATileIcon.js";import"../../../../../Drillstring/BHATile/BHATile.js";import"../../../../../Drillstring/BHAList/BHAList.js";import"../../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../../../Casing/CasingTable/index.js";import"../../../../../Casing/CasingComponentIcon.js";import"../../../../../Casing/CasingTileIcon.js";import"../../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../../Casing/CasingTile/CasingTile.js";import"../../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../../WellSummary/WellSummaryItemValue.js";import"../../../../../WellSummary/ActivitySummaryChart.js";import"../../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../../../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/appPackages.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../utils/env.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"../../../../../Template/TemplatePopover/index.js";import"../../../../../Template/TemplateSharingDialog/index.js";import"../../../../../MenuItem/index.js";import"../../../../../MiddleTruncate/MiddleTruncate.js";import"../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../PinnableFilters/PinnableFilters.js";import"../../../../../HeaderLayout/HeaderLayout.js";import"../../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../../../Table/TableToolbar/TableToolbar.js";import"../../../../../Table/TableContainer/TableContainer.js";import"../../../../../Table/TableCell/TableCell.js";import"../../../../../Tooltip/ScrollableTooltip.js";import"../../../../../PriceInput/PriceInput.js";import"../../../../../LabelsCounter/LabelsCounter.js";import"../../../../../Stepper/Step.js";import"../../../../../Stepper/StepsWrapper.js";import"../../../../../Stepper/Stepper.js";import"../../../../../Comment/CommentIcon/index.js";import"../../../../../FilesLoader/FilesLoader.js";import"../../../../../FilesLoader/Icons/FileIcon.js";import"../../../../../SearchInput/index.js";import"../../../../../FeedItem/FeedItem.js";import"../../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../../PostInput/PostInput.js";import"../../../../../KeyboardDateTimePicker.js";import"../../../../../AddComment/Popover.js";import"../../../../../AddComment/Popup.js";import"../../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../../StageDesignVActual/ComparisonRow.js";import"../../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../../HelpCenter/HelpCenterIcon.js";import"../../../../../Autocomplete/Autocomplete.js";import"../../../../../DocumentViewer/DocumentViewer.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../../../Search/Search.js";import"../../../../../Search/components/Listbox.js";import"../../../../../Search/components/Paper.js";import"../../../../../Search/components/RecentSearches.js";import"../../../../../Search/components/InputAdornmentLeft.js";import"../../../../../Search/components/Groups.js";import"../../../../../StatusBadge/index.js";import"../../../../../Attachment/index.js";import"../../../../../EmojiIconButton.js";import"../../../../../FileUploadIconButton.js";import"../../../../../FilePreview/index.js";import"../../../../../FailedFileUploading.js";import"../../../../../UserMention/index.js";import"../../../../../CommentsInfo/index.js";import"../../../../../CommentInput/index.js";import"../../../../../Comment/index.js";import"../../../../../CommentLoader.js";import"../../../../../AssetNameLabel/AssetStatusBadge.js";import"../../../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../../../AssetEditorV2/components/SelectItem.js";import"../../../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../../../EChartsWrapper/EChartsWrapper.js";import"querystring";import"uuid/v1";import"../../../../../../clients/subscriptions.js";import"jsona";import"../../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../../../clients/api/apiCore.js";import"../../../../../../clients/constants.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{withUniversalLocationHOC as T}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import"rollbar";import"@rollbar/react";import"../../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../../DevCenter/SideBar/SideBar.js";import"../../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{showSuccessNotification as y,showErrorNotification as E}from"../../../../../../utils/notificationToasts.js";var B=function(i){var p,a=i.appId,m=i.assetId,d=i.assetCompanyId,C=i.appSettings,T=i.currentUser,B=i.classes,k=i.location,F=i.dashboardType,V=h(),L=s(!1),M=r(L,2),W=M[0],O=M[1],R=n(null);b(R,(function(){O(!1)}));var w,H=(w=t(o.mark((function e(t,r,i){var s,n,p,l;return o.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,s={app_id:a,asset_id:m,body:t,active_until:r,attachment:{file_name:i&&i.attachmentName,s3_link:i&&i.attachmentUrl},settings:C},n={},F&&(n.dashboard_type=F),(p=c(k,"query.time"))&&(s.data_timestamp=j(p).format()),e.next=8,f(s,n);case 8:l=e.sent,V({type:g,annotation:l}),e.next=17;break;case 12:return e.prev=12,e.t0=e.catch(0),E("Error during annotation creation"),console.error(e.t0),e.abrupt("return");case 17:y("Annotation has been added"),O(!1);case 19:case"end":return e.stop()}}),e,null,[[0,12]])}))),function(e,t,r){return w.apply(this,arguments)});return x("div",{className:S.cAddAnnotationFormInput,children:[I(D,{displayName:"".concat(T.first_name," ").concat(T.last_name),imgSrc:T.profile_photo,size:36}),x("div",{className:l(S.cAddAnnotationFormInputPaper,(p={},e(p,S.cAddAnnotationFormInputPaperOpened,W),e(p,S.cAddAnnotationFormInputPaperClosed,!W),p)),children:[I(u,{in:!W,timeout:500,children:I(A,{className:S.cAddAnnotationFormInputPaperLabel,children:I(v,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:B.inputLabel,onClick:function(){return O(!0)},children:"Type annotation here"})})}),I(u,{in:W,timeout:100,children:I("div",{className:S.cAddAnnotationFormInputPaperAddAnnotation,children:W&&I(P,{onSend:H,assetCompanyId:d,currentUser:T})})})]})]})};B.propTypes={appId:p.isRequired,assetId:p.isRequired,assetCompanyId:p.isRequired,appSettings:a().isRequired,currentUser:a({}),classes:a().isRequired,location:a().isRequired,dashboardType:m},B.defaultProps={currentUser:{},dashboardType:null};var k=d([C((function(e){return{inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"}}})),T])(i(B));export{k as default};
1	+ import{memo as t,useState as e,useRef as o}from"react";import{number as r,shape as i,string as s}from"prop-types";import n from"classnames";import{flowRight as p,get as a}from"lodash";import m from"moment";import{withStyles as l}from"@material-ui/core/styles";import{Fade as d,Paper as c,Typography as j}from"@material-ui/core";import C from"../../../../../Avatar/index.js";import u from"../../../../../../effects/useOutsideClick.js";import"../../../../../../utils/index.js";import{postAnnotation as A}from"../../../../../../clients/jsonApi/index.js";import{useAnnotationsDispatch as D}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as v}from"../../../../constants.js";import g from"../AnnotationInput/index.js";import S from"./style.css.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"../../index.js";import"../../../LastAnnotation/index.js";import{jsxs as P,jsx as h}from"react/jsx-runtime";import"../../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.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"../../../../../../utils/mobileDetect.js";import"../../../../../IconButton/index.js";import"../../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../../IconMenu/index.js";import"../../../../../StyledMenuItem/index.js";import"../../../../../AppIcon/AppIcon.js";import"../../../../../DevCenter/AppContext.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"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"../../../../../MiddleTruncatedText/MiddleTruncatedText.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"../../../../../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/configuration/constants.js";import"../../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../../GradientManager/GradientSelect.styles.js";import"../../../../../GradientPicker/GradientPicker.js";import"../../../../../GradientManager/GradientManager.styles.js";import"../../../../../Drillstring/BHASchematic.js";import"../../../../../Drillstring/BHATable/index.js";import"../../../../../Drillstring/BHAComponentIcon.js";import"../../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../../Drillstring/BHATileIcon.js";import"../../../../../Drillstring/BHATile/BHATile.js";import"../../../../../Drillstring/BHAList/BHAList.js";import"../../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../../../Casing/CasingTable/index.js";import"../../../../../Casing/CasingComponentIcon.js";import"../../../../../Casing/CasingTileIcon.js";import"../../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../../Casing/CasingTile/CasingTile.js";import"../../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../../WellSummary/WellSummaryItemValue.js";import"../../../../../WellSummary/ActivitySummaryChart.js";import"../../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../../../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/appPackages.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../utils/env.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"../../../../../Template/TemplatePopover/index.js";import"../../../../../Template/TemplateSharingDialog/index.js";import"../../../../../MenuItem/index.js";import"../../../../../MiddleTruncate/MiddleTruncate.js";import"../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../PinnableFilters/PinnableFilters.js";import"../../../../../HeaderLayout/HeaderLayout.js";import"../../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../../../Table/TableToolbar/TableToolbar.js";import"../../../../../Table/TableContainer/TableContainer.js";import"../../../../../Table/TableCell/TableCell.js";import"../../../../../Tooltip/ScrollableTooltip.js";import"../../../../../PriceInput/PriceInput.js";import"../../../../../LabelsCounter/LabelsCounter.js";import"../../../../../Stepper/Step.js";import"../../../../../Stepper/StepsWrapper.js";import"../../../../../Stepper/Stepper.js";import"../../../../../Comment/CommentIcon/index.js";import"../../../../../FilesLoader/FilesLoader.js";import"../../../../../FilesLoader/Icons/FileIcon.js";import"../../../../../SearchInput/index.js";import"../../../../../FeedItem/FeedItem.js";import"../../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../../PostInput/PostInput.js";import"../../../../../KeyboardDateTimePicker.js";import"../../../../../AddComment/Popover.js";import"../../../../../AddComment/Popup.js";import"../../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../../StageDesignVActual/ComparisonRow.js";import"../../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../../HelpCenter/HelpCenterIcon.js";import"../../../../../Autocomplete/Autocomplete.js";import"../../../../../DocumentViewer/DocumentViewer.js";import"../../../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../../../Search/Search.js";import"../../../../../Search/components/Listbox.js";import"../../../../../Search/components/Paper.js";import"../../../../../Search/components/RecentSearches.js";import"../../../../../Search/components/InputAdornmentLeft.js";import"../../../../../Search/components/Groups.js";import"../../../../../StatusBadge/index.js";import"../../../../../Attachment/index.js";import"../../../../../EmojiIconButton.js";import"../../../../../FileUploadIconButton.js";import"../../../../../FilePreview/index.js";import"../../../../../FailedFileUploading.js";import"../../../../../UserMention/index.js";import"../../../../../CommentsInfo/index.js";import"../../../../../CommentInput/index.js";import"../../../../../Comment/index.js";import"../../../../../CommentLoader.js";import"../../../../../AssetNameLabel/AssetStatusBadge.js";import"../../../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../../../AssetEditorV2/components/SelectItem.js";import"../../../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../../../EChartsWrapper/EChartsWrapper.js";import"querystring";import"uuid/v1";import"../../../../../../clients/subscriptions.js";import"jsona";import"../../../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../../../clients/api/apiCore.js";import"../../../../../../clients/constants.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{withUniversalLocationHOC as f}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import"rollbar";import"@rollbar/react";import"../../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../../DevCenter/SideBar/SideBar.js";import"../../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{showErrorNotification as b,showSuccessNotification as x}from"../../../../../../utils/notificationToasts.js";const I=t=>{let{appId:r,assetId:i,assetCompanyId:s,appSettings:p,currentUser:l,classes:f,location:I,dashboardType:T}=t;const y=D(),[E,B]=e(!1),k=o(null);u(k,(()=>{B(!1)}));return P("div",{className:S.cAddAnnotationFormInput,children:[h(C,{displayName:`${l.first_name} ${l.last_name}`,imgSrc:l.profile_photo,size:36}),P("div",{className:n(S.cAddAnnotationFormInputPaper,{[S.cAddAnnotationFormInputPaperOpened]:E,[S.cAddAnnotationFormInputPaperClosed]:!E}),children:[h(d,{in:!E,timeout:500,children:h(c,{className:S.cAddAnnotationFormInputPaperLabel,children:h(j,{variant:"body2","data-testid":"AppAnnotationsPo_collapsedInput",className:f.inputLabel,onClick:()=>B(!0),children:"Type annotation here"})})}),h(d,{in:E,timeout:100,children:h("div",{className:S.cAddAnnotationFormInputPaperAddAnnotation,children:E&&h(g,{onSend:async(t,e,o)=>{try{const s={app_id:r,asset_id:i,body:t,active_until:e,attachment:{file_name:o&&o.attachmentName,s3_link:o&&o.attachmentUrl},settings:p},n={};T&&(n.dashboard_type=T);const l=a(I,"query.time");l&&(s.data_timestamp=m(l).format());const d=await A(s,n);y({type:v,annotation:d})}catch(t){return b("Error during annotation creation"),void console.error(t)}x("Annotation has been added"),B(!1)},assetCompanyId:s,currentUser:l})})})]})]})};I.propTypes={appId:r.isRequired,assetId:r.isRequired,assetCompanyId:r.isRequired,appSettings:i().isRequired,currentUser:i({}),classes:i().isRequired,location:i().isRequired,dashboardType:s},I.defaultProps={currentUser:{},dashboardType:null};var T=p([l((t=>({inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"}}))),f])(t(I));export{T as default};

package/components/Annotations/components/AnnotationsList/components/Annotation/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/regenerator";import{useState as r}from"react";import a from"classnames";import{shape as o,number as s,string as c,oneOf as m,node as d,func as l,arrayOf as u}from"prop-types";import{withStyles as p}from"@material-ui/core/styles";import{flowRight as h}from"lodash";import f,{isWidthUp as v}from"@material-ui/core/withWidth";import C from"moment";import{Paper as _,Typography as b,Divider as A,IconButton as y,Menu as g,MenuItem as R}from"@material-ui/core";import q from"@material-ui/core/colors/grey";import N from"@material-ui/icons/MoreVert";import x from"../../../../../Avatar/index.js";import M from"../../../../../UserCardPopover.js";import I from"../../../../../ConfirmationDialog.js";import j from"../../../../../CommentsInfo/index.js";import{formatMentionText as T}from"../../../../../UserMention/utils/index.js";import k from"../../../../../Attachment/index.js";import{isNativeDetected as w}from"../../../../../../utils/mobileDetect.js";import{deleteAnnotation as D,patchAnnotation as U}from"../../../../../../clients/jsonApi/index.js";import E from"../AnnotationComments/index.js";import{useAnnotationsDispatch as S}from"../../../../AnnotationsContext.js";import{DELETE_ANNOTATION as O,EDIT_ANNOTATION as z}from"../../../../constants.js";import B from"../AnnotationInput/index.js";import P from"./style.css.js";import{jsxs as L,jsx as W,Fragment as Y}from"react/jsx-runtime";~~var~~ G="AppAnnotationItemPo",H=~~function(~~e){~~var~~ t~~=e.user~~,~~n=e.~~currentUser,i=e~~.classes~~;return W("div",{className:P.cAnnotationUserAvatar,children:w?W(x,{displayName~~:"".concat(~~t.first_name," ~~").concat(~~t.last_name),imgSrc:t.profile_photo,size:38,className:i.avatar}):W(M,{user:t,currentUser:n,children:W(x,{displayName~~:"".concat(~~t.first_name," ~~").concat(~~t.last_name),imgSrc:t.profile_photo,size:38,className:i.avatar})})})},V=~~function(~~e){~~var~~ t~~=e.actionsMenuAnchorEl~~,~~n=e.~~handleToggleActionsMenu,~~i=e.~~classes,~~r=e.~~handleEdit,a=e~~.handleDelete~~;return L(Y,{children:[W(y,{"data-testid"~~:"".concat(G,"~~_menuButton"~~),"~~aria-label":"Actions","aria-owns":t?P.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:i.iconButtonRoot,onClick:n,children:W(N,{htmlColor:q[400]})}),L(g,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:t,open:!!t,onClick:n,children:[W(R,{"data-testid"~~:"".concat(G,"~~_editMenuItem~~"),~~onClick:r,children:"Edit"}),W(R,{"data-testid"~~:"".concat(G,"~~_deleteMenuItem~~"),~~onClick:a,children:"Delete"})]})]})},F=~~function(o)~~{~~var s,c,m=o.~~included,~~d=o.~~annotation,l=o~~.assetCompanyId~~,~~u=o.~~classes,~~p=o.~~showSuccessNotification,h=~~o.width~~,f=r(!1),~~y=n(f,2),g=y~~[0],~~R=y[1~~],q=r(null),~~N=n(q,2),x=N~~[0],~~M=N[1~~],F=r(!1),~~J=n(F,2),K=J~~[0],~~Q=J[1~~],X=r(!1),~~Z=n(X,2),$=Z[0],ee=Z[1],te~~=!v("sm",h),ne=d.attributes.comments_count\|\|0,~~ie=r(ne)~~,re=n(~~ie,2~~),ae=~~re[0],oe=re[1],se=S~~(),ce=d.relationships.comment_users.data.reduce((~~function~~(e,t){~~var n=t.~~id,i=m.find((~~function(~~e~~){return~~ e.id===n}));return i&&e.push(i.attributes),e}),[]),me=ce.map((~~function(~~e){~~var~~ t~~=e.last_name~~,~~n=e.~~first_name~~;return"".concat(n," ").concat(t)})),de=(s=t(~~i~~.mark((function e(){return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,D(d.id);case 3:e.sent&&se({type:O,id:d.id~~}~~),e.next~~=~~10;break;case 7:~~e~~.prev=7,e.t0=e.catch(0),console.error(e.t0)~~;~~case 10:case"end":~~return ~~e.stop()}}),e,null,[[0,7]])}))),function()~~{~~return s.apply(this,arguments)~~}~~),le=(c=t(i.mark((function~~ ~~e(t,n,r)~~{~~var a,o;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,a={body:~~t~~,active_until:n,attachment:{file_name:r&&r.attachmentName,signed_url:r&&r.attachmentUrl~~}}~~,e.next=4,U(d.id,a~~)~~;case 4:o=e.sent,se({type:z,annotation:o,id:d.id}~~),~~e.next~~=~~12;break;case 8:return e~~.prev=8,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 12:p("Annotation has been changed"),Q(!1);case 14:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,t,n){return c.apply(this,arguments)}),ue=d.relationships.user.data.id,pe=m.find((~~function(~~e){~~var~~ t~~=e.type~~,n=e~~.id~~;return"user"===t&&n===ue})),he=pe.attributes,fe=d.attributes~~.attachment~~;return L(_,{className:u.container,elevation:0,children:[L("div",{"data-testid"~~:"".concat(G,"~~_annotation_").~~concat(d.~~attributes.body),className:P.cAnnotationContainer,children:[W(H,{user:he,classes:u,isNative:w,currentUser:pe}),L("div",{className:P.cAnnotationContainerTop,children:[L("div",{className:P.cAnnotationContainerTopMainInfo,children:[W(b,{variant:"body2","data-testid"~~:"".concat(G,"~~_userName~~"),~~children~~:""~~.~~concat(he.~~first_name," ").~~concat(he.~~last_name)}),W(b,{"data-testid"~~:"".concat(G,"~~_addDate~~"),~~variant:"caption",className:u.createdAt,children:C(d.attributes.created_at).format("MM/DD/YY H:mm")})]}),W("div",{className:a(P.cAnnotationContainerTopMenu,e({~~},P~~.cAnnotationContainerTopMenuSmall~~,te~~)),children:W(V,{actionsMenuAnchorEl:x,handleToggleActionsMenu:~~function(~~e){~~var~~ t=e.currentTarget;M(x?null:t)},handleEdit:~~function~~()~~{return Q~~(!0)},handleDelete:~~function~~()~~{return ee~~(!0)},classes:u})})]}),W(A,{className:u.headerDividerRoot}),W("div",{"data-testid"~~:"".concat(G,"~~_message~~"),~~className:P.cAnnotationContainerContent,children:K?W(B,{initialText:d.attributes.body,assetCompanyId:l,initialPeriod:d.attributes.created_at,initialAttachment:fe,onSend:le,~~onClose~~:~~function~~(){return Q(!1)},closeOnEsc:!0}):L(Y,{children:[T(d.attributes.body,d.relationships.mentioned_users.data,w,null,pe),fe&&fe.signed_url&&W(k,{attachmentUrl:fe.signed_url,fileName:fe.file_name,size:"small"})]})})]}),L("div",{"data-testid"~~:"".concat(G,"~~_comments_").~~concat(d.~~attributes.body),className:P.cAnnotationComments,children:[L("div",{className:P.cAnnotationCommentsInfo,children:[W(b,{"data-testid"~~:"".concat(G,"~~_commentButton~~"),~~variant:"caption",color:"primary",className:u.link,onClick:~~function~~()~~{return R~~(!0)},children:"Comment"}),W(j,{commentsCount:ae,usersWhoCommented:me,activeUsersList:ce,currentUser:pe,small:!0})]}),W(E,{annotationId:d.id,commentInputIsOpen:g,setCommentInputIsOpen:R,commentsCount:ae,initialCommentsCount:ne,assetCompanyId:l,setCommentsCount:oe,currentUser:pe})]})~~,$&&W~~(I,{open~~:$,~~text:"Do you really want to delete annotation?",handleClose:~~function~~()~~{return ee~~(!1)},handleOk:de,okText:"Delete"})]})};H.propTypes={user:o({id:s.isRequired,first_name:c.isRequired,last_name:c.isRequired,profile_photo:c.isRequired}).isRequired,currentUser:o({}).isRequired,classes:o({}).isRequired},V.propTypes={actionsMenuAnchorEl:m([d,null]).isRequired,handleToggleActionsMenu:l.isRequired,classes:o({}).isRequired,handleDelete:l.isRequired,handleEdit:l.isRequired},F.propTypes={included:u(o({})).isRequired,annotation:o({relationships:o({user:o({data:o({id:c.isRequired}).isRequired}).isRequired,mentioned_users:o({data:u(o({})).isRequired}).isRequired}).isRequired,attributes:o({body:c.isRequired,created_at:c.isRequired})}).isRequired,classes:o({}).isRequired,showSuccessNotification:l,width:c.isRequired,assetCompanyId:s.isRequired},F.defaultProps={showSuccessNotification:~~function~~(){}};var J=h([p((~~function~~(e){~~return{~~container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:e.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}})),f()])(F);export{J as default};
1	+ import{useState as e}from"react";import t from"classnames";import{shape as i,number as n,string as a,oneOf as o,node as r,func as s,arrayOf as d}from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import{flowRight as m}from"lodash";import c,{isWidthUp as u}from"@material-ui/core/withWidth";import p from"moment";import{Paper as h,Typography as f,Divider as C,IconButton as _,Menu as A,MenuItem as y}from"@material-ui/core";import g from"@material-ui/core/colors/grey";import R from"@material-ui/icons/MoreVert";import v from"../../../../../Avatar/index.js";import b from"../../../../../UserCardPopover.js";import q from"../../../../../ConfirmationDialog.js";import N from"../../../../../CommentsInfo/index.js";import{formatMentionText as $}from"../../../../../UserMention/utils/index.js";import M from"../../../../../Attachment/index.js";import{isNativeDetected as x}from"../../../../../../utils/mobileDetect.js";import{deleteAnnotation as I,patchAnnotation as j}from"../../../../../../clients/jsonApi/index.js";import D from"../AnnotationComments/index.js";import{useAnnotationsDispatch as T}from"../../../../AnnotationsContext.js";import{DELETE_ANNOTATION as U,EDIT_ANNOTATION as w}from"../../../../constants.js";import k from"../AnnotationInput/index.js";import E from"./style.css.js";import{jsxs as S,jsx as O,Fragment as z}from"react/jsx-runtime";const B="AppAnnotationItemPo",P=e=>{let{user:t,currentUser:i,classes:n}=e;return O("div",{className:E.cAnnotationUserAvatar,children:x?O(v,{displayName:`${t.first_name} ${t.last_name}`,imgSrc:t.profile_photo,size:38,className:n.avatar}):O(b,{user:t,currentUser:i,children:O(v,{displayName:`${t.first_name} ${t.last_name}`,imgSrc:t.profile_photo,size:38,className:n.avatar})})})},L=e=>{let{actionsMenuAnchorEl:t,handleToggleActionsMenu:i,classes:n,handleEdit:a,handleDelete:o}=e;return S(z,{children:[O(_,{"data-testid":`${B}_menuButton`,"aria-label":"Actions","aria-owns":t?E.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:n.iconButtonRoot,onClick:i,children:O(R,{htmlColor:g[400]})}),S(A,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:t,open:!!t,onClick:i,children:[O(y,{"data-testid":`${B}_editMenuItem`,onClick:a,children:"Edit"}),O(y,{"data-testid":`${B}_deleteMenuItem`,onClick:o,children:"Delete"})]})]})},W=i=>{let{included:n,annotation:a,assetCompanyId:o,classes:r,showSuccessNotification:s,width:d}=i;const[l,m]=e(!1),[c,_]=e(null),[A,y]=e(!1),[g,R]=e(!1),v=!u("sm",d),b=a.attributes.comments_count\|\|0,[W,Y]=e(b),H=T(),V=a.relationships.comment_users.data.reduce(((e,t)=>{let{id:i}=t;const a=n.find((e=>e.id===i));return a&&e.push(a.attributes),e}),[]),F=V.map((e=>{let{last_name:t,first_name:i}=e;return`${i} ${t}`})),G=a.relationships.user.data.id,J=n.find((e=>{let{type:t,id:i}=e;return"user"===t&&i===G})),K=J.attributes,{attachment:Q}=a.attributes;return S(h,{className:r.container,elevation:0,children:[S("div",{"data-testid":`${B}_annotation_${a.attributes.body}`,className:E.cAnnotationContainer,children:[O(P,{user:K,classes:r,isNative:x,currentUser:J}),S("div",{className:E.cAnnotationContainerTop,children:[S("div",{className:E.cAnnotationContainerTopMainInfo,children:[O(f,{variant:"body2","data-testid":`${B}_userName`,children:`${K.first_name} ${K.last_name}`}),O(f,{"data-testid":`${B}_addDate`,variant:"caption",className:r.createdAt,children:p(a.attributes.created_at).format("MM/DD/YY H:mm")})]}),O("div",{className:t(E.cAnnotationContainerTopMenu,{[E.cAnnotationContainerTopMenuSmall]:v}),children:O(L,{actionsMenuAnchorEl:c,handleToggleActionsMenu:e=>{const t=e.currentTarget;_(c?null:t)},handleEdit:()=>y(!0),handleDelete:()=>R(!0),classes:r})})]}),O(C,{className:r.headerDividerRoot}),O("div",{"data-testid":`${B}_message`,className:E.cAnnotationContainerContent,children:A?O(k,{initialText:a.attributes.body,assetCompanyId:o,initialPeriod:a.attributes.created_at,initialAttachment:Q,onSend:async(e,t,i)=>{try{const n={body:e,active_until:t,attachment:{file_name:i&&i.attachmentName,signed_url:i&&i.attachmentUrl}},o=await j(a.id,n);H({type:w,annotation:o,id:a.id})}catch(e){return void console.error(e)}s("Annotation has been changed"),y(!1)},onClose:()=>y(!1),closeOnEsc:!0}):S(z,{children:[$(a.attributes.body,a.relationships.mentioned_users.data,x,null,J),Q&&Q.signed_url&&O(M,{attachmentUrl:Q.signed_url,fileName:Q.file_name,size:"small"})]})})]}),S("div",{"data-testid":`${B}_comments_${a.attributes.body}`,className:E.cAnnotationComments,children:[S("div",{className:E.cAnnotationCommentsInfo,children:[O(f,{"data-testid":`${B}_commentButton`,variant:"caption",color:"primary",className:r.link,onClick:()=>m(!0),children:"Comment"}),O(N,{commentsCount:W,usersWhoCommented:F,activeUsersList:V,currentUser:J,small:!0})]}),O(D,{annotationId:a.id,commentInputIsOpen:l,setCommentInputIsOpen:m,commentsCount:W,initialCommentsCount:b,assetCompanyId:o,setCommentsCount:Y,currentUser:J})]}),g&&O(q,{open:g,text:"Do you really want to delete annotation?",handleClose:()=>R(!1),handleOk:async()=>{try{await I(a.id)&&H({type:U,id:a.id})}catch(e){console.error(e)}},okText:"Delete"})]})};P.propTypes={user:i({id:n.isRequired,first_name:a.isRequired,last_name:a.isRequired,profile_photo:a.isRequired}).isRequired,currentUser:i({}).isRequired,classes:i({}).isRequired},L.propTypes={actionsMenuAnchorEl:o([r,null]).isRequired,handleToggleActionsMenu:s.isRequired,classes:i({}).isRequired,handleDelete:s.isRequired,handleEdit:s.isRequired},W.propTypes={included:d(i({})).isRequired,annotation:i({relationships:i({user:i({data:i({id:a.isRequired}).isRequired}).isRequired,mentioned_users:i({data:d(i({})).isRequired}).isRequired}).isRequired,attributes:i({body:a.isRequired,created_at:a.isRequired})}).isRequired,classes:i({}).isRequired,showSuccessNotification:s,width:a.isRequired,assetCompanyId:n.isRequired},W.defaultProps={showSuccessNotification:()=>{}};var Y=m([l((e=>({container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:e.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}))),c()])(W);export{Y as default};

package/components/Annotations/components/AnnotationsList/components/AnnotationComments/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useRef as o,useState as s,useEffect as i}from"react";import{string as a,bool as c,number as m,func as u,shape as p}from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import{Button as d,Typography as f}from"@material-ui/core";import{~~getAnnotationComments~~ as C,~~postAnnotationComment~~ as h}from"../../../../../../clients/jsonApi/index.js";import v from"../../../../../LoadingIndicator/LoadingIndicator.js";import b from"../../../../../CommentInput/index.js";import I from"../../../../../CommentLoader.js";import y from"../../../../../Comment/index.js";import x from"./style.css.js";import{jsx as g,jsxs as k}from"react/jsx-runtime";~~var~~ w=~~function(a)~~{~~var c=a.~~annotationId,~~m=a.~~commentInputIsOpen,~~u=a.~~commentsCount,~~p=a.~~setCommentsCount,l=a~~.initialCommentsCount~~,~~w=a.~~classes,~~R=a.~~assetCompanyId,~~j=a.~~currentUser,q=o(),~~A=s(~~[]~~),L~~=t(~~A,2~~),~~M=L~~[0],~~N=L[1~~],T=s(!1),~~U=t(T,2),_=U~~[0],~~O=U[1~~],V=s(!1),~~z=t(V,2),D=z~~[0],~~G=z[1~~],P=s(1),~~B=t(P,2),E=B~~[0],~~F=B[1~~],H=s(3),J=~~t(H,2),K=J[0],Q=J[1],S=function(~~e){~~var~~ t=M.findIndex((~~function(n)~~{return ~~n.id~~===e.id})),r=~~n(M)~~;r.splice(t,1,e),N(r)},W=~~function(~~e){N(M.filter((~~function(n)~~{return ~~n.id~~!==e}))),p(u-1)};i((~~function~~(){function n(){~~return~~(~~n=e(~~r~~.mark((function e(~~){~~var n;return r.wrap~~(~~(function(e~~){~~for(;;)switch(e.prev=e.next){case~~ ~~0:if(c){~~e~~.next~~=~~2;break}return~~ ~~e.abrupt~~(~~"return");case 2:return O(!0)~~,~~e.prev=3,e.next=6,C(c,~~{page:E,per_page:3,order:"desc"});~~case 6:n=~~e~~.sent,N(n~~)~~,e.next=13;break;case 10:e.prev=10,e.t0=e.~~catch(3),console.error(e~~.t0~~)~~;case 13:O~~(!1)~~;case 14:case"end":return e.stop()~~}}~~),e,null,[[3,10]])})))).apply~~(~~this,arguments~~)}~~!function(~~)~~{n.apply(this~~,~~arguments)}()}),~~[]);~~var~~ ~~X,Y~~=(~~X=e(r~~.~~mark~~(~~(function e(~~)~~{var t~~,~~o,s~~;return r.~~wrap~~(~~(function(e)~~{~~for(;;~~)~~switch~~(e.~~prev=e~~.~~next~~){~~case 0:return O~~(!0),~~Q((o=(~~t=~~3===K)~~?7:10)+K)~~,e.prev~~=~~4,e.next=7,C~~(c,{page:t?1:E,per_page:o,order:"desc",offset:1===E?M.length:u-l+10});~~case 7:s=e.sent,N~~([]~~.concat(n(M~~),~~n(s))),t~~\|\|F(E+1)~~,e.next=15;break;case 12:e.prev=12,e.t0=e.~~catch(4),console.error(e~~.t0~~)~~;case 15:O~~(!1)~~;case 16:case"end":return e.stop()~~}}),~~e,null,[[4,12]])}))),function(){return X.apply(this,arguments)}),Z=M.slice(0,K).reverse(),$=u>K;return _&&!M.length?g(v,{fullscreen:!1}):k("div",{className:x.cAnnotationCommentsList,~~children:~~[$&&g~~(d,{~~"data-testid":"".concat("annotationComments","_viewMoreComments"),className:w.showMore,onClick:Y,children:g(f,{~~variant:"caption",color:"primary",children:"View more comments"})}),k("div",{className:x.cAnnotationCommentsListItems,children:[_&&M.length&&g(v,{fullscreen:!1,size:30}),Z.map((~~function(~~e~~){return g~~(y,{comment:e,handleDeleteCallback:W,patchCommentCallback:S,companyId:R,currentUser:j},e.id)}))]}),D&&g(I,{spaceAround:!0}),m&&g("div",{className:x.cAnnotationCommentsListInput,children:g(b,{inputRef:q,postComment:~~function(~~e~~){return h~~(c,e)},setIsPosting:G,postCommentCallback:~~function(~~e){N([e]~~.concat(n(M~~))),p(u+1)},onMount:~~function~~(){~~var~~ e=~~q.current~~;e&&(e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}),e.focus())},companyId:R,currentUser:j})})]})};w.propTypes={annotationId:a.isRequired,commentInputIsOpen:c.isRequired,commentsCount:m.isRequired,initialCommentsCount:m.isRequired,setCommentsCount:u.isRequired,classes:p().isRequired,assetCompanyId:m.isRequired,currentUser:p({}).isRequired};var R=l({showMore:{textTransform:"none",backgroundColor:"transparent!important",padding:0}})(w);export{R as default};
1	+ import{useRef as e,useState as t,useEffect as o}from"react";import{string as n,bool as r,number as s,func as i,shape as m}from"prop-types";import{withStyles as a}from"@material-ui/core/styles";import{Button as c,Typography as l}from"@material-ui/core";import{postAnnotationComment as d,getAnnotationComments as p}from"../../../../../../clients/jsonApi/index.js";import u from"../../../../../LoadingIndicator/LoadingIndicator.js";import C from"../../../../../CommentInput/index.js";import f from"../../../../../CommentLoader.js";import I from"../../../../../Comment/index.js";import h from"./style.css.js";import{jsx as y,jsxs as g}from"react/jsx-runtime";const R=n=>{let{annotationId:r,commentInputIsOpen:s,commentsCount:i,setCommentsCount:m,initialCommentsCount:a,classes:R,assetCompanyId:j,currentUser:q}=n;const v=e(),[w,x]=t([]),[b,k]=t(!1),[L,A]=t(!1),[M,N]=t(1),[U,_]=t(3),O=e=>{const t=w.findIndex((t=>{let{id:o}=t;return o===e.id})),o=[...w];o.splice(t,1,e),x(o)},T=e=>{x(w.filter((t=>{let{id:o}=t;return o!==e}))),m(i-1)};o((()=>{!async function(){if(r){k(!0);try{const e=await p(r,{page:M,per_page:3,order:"desc"});x(e)}catch(e){console.error(e)}k(!1)}}()}),[]);const V=w.slice(0,U).reverse(),z=i>U;return b&&!w.length?y(u,{fullscreen:!1}):g("div",{className:h.cAnnotationCommentsList,children:[z&&y(c,{"data-testid":"annotationComments_viewMoreComments",className:R.showMore,onClick:async()=>{k(!0);const e=3===U,t=e?7:10;_(t+U);try{const o=await p(r,{page:e?1:M,per_page:t,order:"desc",offset:1===M?w.length:i-a+10});x([...w,...o]),e\|\|N(M+1)}catch(e){console.error(e)}k(!1)},children:y(l,{variant:"caption",color:"primary",children:"View more comments"})}),g("div",{className:h.cAnnotationCommentsListItems,children:[b&&w.length&&y(u,{fullscreen:!1,size:30}),V.map((e=>y(I,{comment:e,handleDeleteCallback:T,patchCommentCallback:O,companyId:j,currentUser:q},e.id)))]}),L&&y(f,{spaceAround:!0}),s&&y("div",{className:h.cAnnotationCommentsListInput,children:y(C,{inputRef:v,postComment:e=>d(r,e),setIsPosting:A,postCommentCallback:e=>{x([e,...w]),m(i+1)},onMount:()=>{const{current:e}=v;e&&(e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}),e.focus())},companyId:j,currentUser:q})})]})};R.propTypes={annotationId:n.isRequired,commentInputIsOpen:r.isRequired,commentsCount:s.isRequired,initialCommentsCount:s.isRequired,setCommentsCount:i.isRequired,classes:m().isRequired,assetCompanyId:s.isRequired,currentUser:m({}).isRequired};var j=a({showMore:{textTransform:"none",backgroundColor:"transparent!important",padding:0}})(R);export{j as default};

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"~~@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"~~prop-types";import{Select as o}from"@material-ui/core";import{withStyles as i}from"@material-ui/core/styles";import{jsx as n}from"react/jsx-runtime";~~var p=["classes"];~~function s(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 c(t){var i~~=~~t.classes,c=r(t,p)~~;return n(o~~,function~~(r~~){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){e(r~~,~~t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e)~~{~~Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}({~~classes:i,className:i.rootParent},c))}c.propTypes={classes:t.shape().isRequired};var a=i({rootParent:{overflow:"hidden"},root:{fontSize:"10px",lineHeight:"12px"},select:{padding:"0 40px 0 0"}},{withTheme:!0})(c);export{a as default};
1	+ import e from"prop-types";import{Select as r}from"@material-ui/core";import{withStyles as t}from"@material-ui/core/styles";import{jsx as o}from"react/jsx-runtime";function s(e){let{classes:t,...s}=e;return o(r,{classes:t,className:t.rootParent,...s})}s.propTypes={classes:e.shape().isRequired};var i=t({rootParent:{overflow:"hidden"},root:{fontSize:"10px",lineHeight:"12px"},select:{padding:"0 40px 0 0"}},{withTheme:!0})(s);export{i as default};

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~t from"@babel/runtime/helpers/slicedToArray";import~~{useState as e}from"react";import n from"moment";import{string as i,shape as o,func as a,bool as l,number as r}from"prop-types";import{withStyles as c}from"@material-ui/core/styles";import{Paper as s,Input as m,Tooltip as d,FormControl as p,InputLabel as u,MenuItem as f,Typography as h,IconButton as g}from"@material-ui/core";import v from"@material-ui/icons/Send";import b from"@material-ui/core/colors/grey";import y from"../../../../../UserMention/index.js";import A from"../../../../../EmojiIconButton.js";import N from"../../../../../FileUploadIconButton.js";import j from"../../../../../FailedFileUploading.js";import C from"../../../../../FilePreview/index.js";import{isSuggestionsListOpened as I}from"../../../../../UserMention/utils/index.js";import U from"../../../../../../effects/useEscPress.js";import{ANNOTATION_ACTIVE_PERIODS as S}from"../../../../constants.js";import E from"./StyledSelect.js";import _ from"./style.css.js";import{jsxs as x,jsx as P}from"react/jsx-runtime";~~var~~ k="AppAnnotationsPo",B=Object.keys(S),F=~~function(i)~~{~~var o=~~i~~.initialText~~,~~a=i.~~initialPeriod,l~~=i.onSend~~,~~r=i.~~onClose,~~c=i.~~closeOnEsc,~~F=i.~~classes,~~T=i.~~initialAttachment,w=~~i.assetCompanyId,~~R~~=i.currentUser~~,L=e(o),~~D=t(~~L,~~2),O=~~D[0],z=~~D[1],H=~~e((~~function~~(){~~return T?{~~attachmentName~~:T.~~file_name,attachmentUrl~~:T.~~signed_url~~\|\|T.~~s3_link}:null})),~~M=t(H,2),W=M~~[0],~~q=M[1~~],K=e(null),~~G=t(K,2),J=G~~[0],~~Q=G[1~~],V=e(!1),~~X=t(V~~,~~2),Y=X[0~~],Z=~~X[1],$=~~e(B[0])~~,tt=t($,2),et=tt[0],nt=tt[1]~~;U((~~function~~(){c&&r()}));~~var~~ it=~~function~~(){if(O){~~var~~ t=~~function~~(t,e){if("forever"===t)return null;~~var~~ i=S[t];return n(e).add(i.time.amount,i.time.key).format()}(et,a);l(O,t,W)}};return x("div",{className:_.cAnnotationInput,children:[x(s,{className:_.cAnnotationInputContent,children:[P(m,{"data-testid"~~:"".concat(k,"~~_annotationsInput~~"),~~inputComponent:y,inputProps:{withLightTheme:!1,onChange:~~function~~(t)~~{return z(t)}~~,onKeyDown:~~function(t)~~{"Shift"===t.key&&Z(!0),"Enter"!==t.key\|\|Y\|\|I()\|\|(t.preventDefault(),it())},onKeyUp:~~function(t)~~{"Shift"===t.key&&Z(!1)},companyId:w,currentUser:R},placeholder:"Type annotation here",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:F.inputRoot,value:O}),x("div",{className:_.cAnnotationInputContentActions,children:[P(d,{title:"Attach File",placement:"bottom",children:P("div",{className:_.cAnnotationInputContentActionsButton,children:P(N,{"data-testid"~~:"".concat(k,"~~_attachFileButton~~"),~~openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:~~function~~(t,e,n){q({attachmentUrl:t,attachmentName:e,attachmentSize:n}),Q(null)},onError:~~function(t)~~{q(null),Q(t)},htmlColor:"action"})})}),P(d,{title:"Add Emoji",placement:"bottom",children:P("div",{className:_.cAnnotationInputContentActionsButton,children:P(A,{"data-testid"~~:"".concat(k,"~~_emojiButton~~"),~~htmlColor:b[400],handleSelectEmoji:~~function~~(t){~~return z(""~~.~~concat(O).concat(t.~~native))}})})})]})]}),J&&P(j,{className:F.uploadingError,errorMessage:J}),W&&W.attachmentUrl&&P(C,{fileName:W.attachmentName,fileUrl:W.attachmentUrl,handleFileDelete:~~function~~(){q(null),Q(null)}}),x("div",{className:_.cAnnotationInputActions,children:[x(p,{className:F.formControl,children:[P(u,{shrink:!0,id:"periods-label-label",className:F.selectLabel,children:"Active"}),P(E,{"data-testid"~~:"".concat(k,"~~_periodDropdown~~"),~~labelId:"periods-label-label",id:"periods-label",value:et,disableUnderline:!0,onChange:~~function~~(~~t){return nt(t~~.target.value)},children:B.map((~~function~~(~~t){return P(f~~,{"data-testid"~~:"".concat(k,"~~_period_~~").concat(S~~[t].label,"MenuItem~~"),~~value:t,children:S[t].label},t)}))})]}),x("div",{className:_.cAnnotationInputActionsSend,children:[x(h,{variant:"caption",className:F.sendLabel,children:["Press ",P(h,{variant:"caption",color:"primary",component:"span",className:F.labelHighlighter,children:"Enter "}),"to send "]}),P(d,{title:"Send",placement:"bottom",children:P("div",{children:P(g,{"data-testid"~~:"".concat(k,"~~_sendButton~~"),~~className:F.sendButton,onClick:it,disabled:!O,children:P(v,{color:"primary"})})})})]})]})]})};F.propTypes={initialText:i,initialPeriod:i,initialAttachment:o({file_name:i,s3_link:i}),onSend:a,onClose:a,closeOnEsc:l,assetCompanyId:r.isRequired,currentUser:o().isRequired,classes:o().isRequired},F.defaultProps={initialText:"",initialPeriod:void 0,initialAttachment:null,onSend:~~function~~(){},onClose:~~function~~(){},closeOnEsc:!1};var ~~T=c~~((~~function~~(t){~~return{~~inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"},inputRoot:{lineHeight:15},sendLabel:{display:"flex",alignItems:"center",fontWeight:200,color:t.palette.grey[700],marginRight:22,fontSize:10},sendButton:{padding:5},labelHighlighter:{fontWeight:200,fontSize:10},selectLabel:{fontSize:10,lineHeight:"14px",color:t.palette.grey[500]},uploadingError:{paddingTop:"10px"}}}))(F);export{T as default};
1	+ import{useState as e}from"react";import t from"moment";import{string as n,shape as i,func as o,bool as l,number as a}from"prop-types";import{withStyles as r}from"@material-ui/core/styles";import{Paper as s,Input as c,Tooltip as m,FormControl as d,InputLabel as p,MenuItem as u,Typography as h,IconButton as f}from"@material-ui/core";import g from"@material-ui/icons/Send";import b from"@material-ui/core/colors/grey";import y from"../../../../../UserMention/index.js";import v from"../../../../../EmojiIconButton.js";import A from"../../../../../FileUploadIconButton.js";import N from"../../../../../FailedFileUploading.js";import j from"../../../../../FilePreview/index.js";import{isSuggestionsListOpened as C}from"../../../../../UserMention/utils/index.js";import I from"../../../../../../effects/useEscPress.js";import{ANNOTATION_ACTIVE_PERIODS as U}from"../../../../constants.js";import S from"./StyledSelect.js";import E from"./style.css.js";import{jsxs as _,jsx as x}from"react/jsx-runtime";const P="AppAnnotationsPo",k=Object.keys(U),B=n=>{let{initialText:i,initialPeriod:o,onSend:l,onClose:a,closeOnEsc:r,classes:B,initialAttachment:$,assetCompanyId:F,currentUser:w}=n;const[R,T]=e(i),[L,D]=e((()=>$?{attachmentName:$.file_name,attachmentUrl:$.signed_url\|\|$.s3_link}:null)),[O,z]=e(null),[H,M]=e(!1),[W,q]=e(k[0]);I((()=>{r&&a()}));const K=()=>{if(R){const e=((e,n)=>{if("forever"===e)return null;const i=U[e];return t(n).add(i.time.amount,i.time.key).format()})(W,o);l(R,e,L)}};return _("div",{className:E.cAnnotationInput,children:[_(s,{className:E.cAnnotationInputContent,children:[x(c,{"data-testid":`${P}_annotationsInput`,inputComponent:y,inputProps:{withLightTheme:!1,onChange:e=>T(e),onKeyDown:e=>{"Shift"===e.key&&M(!0),"Enter"!==e.key\|\|H\|\|C()\|\|(e.preventDefault(),K())},onKeyUp:e=>{"Shift"===e.key&&M(!1)},companyId:F,currentUser:w},placeholder:"Type annotation here",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:B.inputRoot,value:R}),_("div",{className:E.cAnnotationInputContentActions,children:[x(m,{title:"Attach File",placement:"bottom",children:x("div",{className:E.cAnnotationInputContentActionsButton,children:x(A,{"data-testid":`${P}_attachFileButton`,openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:(e,t,n)=>{D({attachmentUrl:e,attachmentName:t,attachmentSize:n}),z(null)},onError:e=>{D(null),z(e)},htmlColor:"action"})})}),x(m,{title:"Add Emoji",placement:"bottom",children:x("div",{className:E.cAnnotationInputContentActionsButton,children:x(v,{"data-testid":`${P}_emojiButton`,htmlColor:b[400],handleSelectEmoji:e=>T(`${R}${e.native}`)})})})]})]}),O&&x(N,{className:B.uploadingError,errorMessage:O}),L&&L.attachmentUrl&&x(j,{fileName:L.attachmentName,fileUrl:L.attachmentUrl,handleFileDelete:()=>{D(null),z(null)}}),_("div",{className:E.cAnnotationInputActions,children:[_(d,{className:B.formControl,children:[x(p,{shrink:!0,id:"periods-label-label",className:B.selectLabel,children:"Active"}),x(S,{"data-testid":`${P}_periodDropdown`,labelId:"periods-label-label",id:"periods-label",value:W,disableUnderline:!0,onChange:e=>q(e.target.value),children:k.map((e=>x(u,{"data-testid":`${P}_period_${U[e].label}MenuItem`,value:e,children:U[e].label},e)))})]}),_("div",{className:E.cAnnotationInputActionsSend,children:[_(h,{variant:"caption",className:B.sendLabel,children:["Press ",x(h,{variant:"caption",color:"primary",component:"span",className:B.labelHighlighter,children:"Enter "}),"to send "]}),x(m,{title:"Send",placement:"bottom",children:x("div",{children:x(f,{"data-testid":`${P}_sendButton`,className:B.sendButton,onClick:K,disabled:!R,children:x(g,{color:"primary"})})})})]})]})]})};B.propTypes={initialText:n,initialPeriod:n,initialAttachment:i({file_name:n,s3_link:n}),onSend:o,onClose:o,closeOnEsc:l,assetCompanyId:a.isRequired,currentUser:i().isRequired,classes:i().isRequired},B.defaultProps={initialText:"",initialPeriod:void 0,initialAttachment:null,onSend:()=>{},onClose:()=>{},closeOnEsc:!1};var $=r((e=>({inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"},inputRoot:{lineHeight:15},sendLabel:{display:"flex",alignItems:"center",fontWeight:200,color:e.palette.grey[700],marginRight:22,fontSize:10},sendButton:{padding:5},labelHighlighter:{fontWeight:200,fontSize:10},selectLabel:{fontSize:10,lineHeight:"14px",color:e.palette.grey[500]},uploadingError:{paddingTop:"10px"}})))(B);export{$ as default};

package/components/Annotations/components/AnnotationsList/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{memo as r,useRef as a,useState as i,useEffect as s}from"react";import{number as c,string as p,shape as d,func as m,bool as l}from"prop-types";import u from"classnames";import{withStyles as f}from"@material-ui/core/styles";import{RootRef as h,Paper as y,Typography as b,Tooltip as g,IconButton as A}from"@material-ui/core";import v from"@material-ui/icons/ChevronLeft";import"../../../../utils/index.js";import{isNativeDetected as I}from"../../../../utils/mobileDetect.js";import C from"../../../InfiniteList/index.js";import T from"../../../../effects/useOutsideClick.js";import N from"./components/AddAnnotationForm/index.js";import x from"./components/Annotation/index.js";import{getAnnotations as j}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as L,useAnnotationsDispatch as k}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as R,APPEND_ANNOTATIONS as _}from"../../constants.js";import q from"./style.css.js";import{jsx as w,jsxs as S,Fragment as H}from"react/jsx-runtime";import{showSuccessNotification as U}from"../../../../utils/notificationToasts.js";~~var~~ F="AppAnnotationsPo",O=~~function(r)~~{~~var c,p=r.~~appId,~~d=r.~~appTitle,~~m=r.~~assetId,l=r~~.assetCompanyId~~,~~f=r.~~appSettings,~~I=r.~~currentUser,~~O=r.~~onClose,~~P=r.~~isNative,~~W=r.~~classes,~~B=r.~~dashboardType,D=L()~~.annotations~~,E=k(),G=a(),M=a();T(G,O);~~var z=i(!1),J=n(z,2),K=J~~[0],~~Q=J[1~~],V=i(!0),~~X=n(V,2),Y=X~~[0],~~Z=X[1~~]~~,$=i(!0),tt~~=n(~~$,2),et=tt[~~0~~],nt=tt[1],ot=i(1~~),~~rt=n(ot,2),at=rt~~[0],~~it=rt[1~~]~~;function st(){return(st~~=~~e(o.mark((function t(){var e,~~n~~,r;return o.wrap~~(~~(function(t){for(;;)switch(t.prev=t.next){case 0:if(p&&m){t.next=2;break}return t.abrupt("return");case 2:return Z(~~!0),~~t.prev=3~~,n=~~{page:at,per_page:4,sort:"created_at",order:"desc"},B&&(~~n~~.dashboard_type=B),t.next=8,j~~(~~p,m,n);case 8:e=t.sent,E({type:~~1~~===at?R:_,annotations:e}~~)~~,t.next=15~~;~~break;case 12:t.prev=12,t.t0=t.catch(3),console.error(t.t0);case 15:r=e&&e.data.length<4,it(at+1),nt(!r),Z(!1);case 19:case"end":~~return ~~t.stop~~(~~)}}),t,null,[[3,12]])})))).apply~~(~~this,arguments)}return s~~(~~(function(~~){Q(!0)}),[]),w(h,{rootRef:G,children:S(y,{className:u(q.cAnnotationsList,~~(c=~~{~~},t(c,q~~.cAnnotationsListOpen,~~K),t(c,q~~.cAnnotationsListOpenNative,P),~~c)),~~children:[w(C,{infiniteClassName:q.cAnnotationsListContentContainer,headerComponent:S(H,{children:[w(b,{"data-testid"~~:"".concat(F,"~~_appTitle~~"),~~variant:"body1",className:W.title,children:d}),w("div",{className:q.cAnnotationsListContentTop,children:S(b,{"data-testid"~~:"".concat(F,"~~_annotationsTitle~~"),~~variant:"caption",className:W.secondaryTitle,children:["Annotations ("~~,D.~~data~~?D.~~data.length:0,")"]})}),w(N,{appId:p,assetId:m,assetCompanyId:l,appSettings:f,currentUser:I,dashboardType:B})]}),useWindow:P,items~~:D.~~data\|\|[],showNoItemsFound:!(D.data&&0~~!==D.~~data.length\|\|Y),noItemsFoundLabel:w(b,{variant:"body2","data-testid"~~:"".concat(F,"~~_noAnnotations~~"),~~className:W.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:G.current&&M.current?G.current.clientHeight-M.current.clientHeight:null,moreItemsMayExist:et,pathToCreatedAt:["attributes","created_at"],renderItem:~~function(~~t~~){return w~~(x,{isNative:P,annotation:t,assetCompanyId:l,included~~:D.~~included,currentUser:I,showSuccessNotification:U},t.id)},loadItems:function(){return st.~~apply~~(~~this~~,~~arguments~~)}}),w("div",{className:q.cAnnotationsListActions,ref:M,children:w(g,{title:"Hide",placement:"bottom",children:w(A,{"data-testid"~~:"".concat(F,"~~_hideButton~~"),~~onClick:O,className:W.backIcon,children:w(v,{})})})})]})})};O.propTypes={appId:c.isRequired,appTitle:p.isRequired,assetId:c.isRequired,assetCompanyId:c.isRequired,appSettings:d(),classes:d().isRequired,onClose:m.isRequired,currentUser:d({}).isRequired,isNative:l,dashboardType:p},O.defaultProps={appSettings:{},isNative:I,dashboardType:null};var P=f((~~function~~(t){~~return{~~title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:t.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:t.palette.grey[600],padding:5}}}))(r(O));export{P as default};
1	+ import{memo as t,useRef as e,useState as n,useEffect as o}from"react";import{number as i,string as a,shape as s,func as r,bool as d}from"prop-types";import c from"classnames";import{withStyles as p}from"@material-ui/core/styles";import{RootRef as m,Paper as l,Typography as u,Tooltip as f,IconButton as h}from"@material-ui/core";import y from"@material-ui/icons/ChevronLeft";import"../../../../utils/index.js";import{isNativeDetected as g}from"../../../../utils/mobileDetect.js";import A from"../../../InfiniteList/index.js";import I from"../../../../effects/useOutsideClick.js";import C from"./components/AddAnnotationForm/index.js";import N from"./components/Annotation/index.js";import{getAnnotations as T}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as b,useAnnotationsDispatch as j}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as v,APPEND_ANNOTATIONS as x}from"../../constants.js";import L from"./style.css.js";import{jsx as R,jsxs as _,Fragment as q}from"react/jsx-runtime";import{showSuccessNotification as S}from"../../../../utils/notificationToasts.js";const k="AppAnnotationsPo",w=t=>{let{appId:i,appTitle:a,assetId:s,assetCompanyId:r,appSettings:d,currentUser:p,onClose:g,isNative:w,classes:H,dashboardType:U}=t;const{annotations:$}=b(),F=j(),O=e(),W=e();I(O,g);const[B,P]=n(!1),[D,E]=n(!0),[M,z]=n(!0),[G,J]=n(1);return o((()=>{P(!0)}),[]),R(m,{rootRef:O,children:_(l,{className:c(L.cAnnotationsList,{[L.cAnnotationsListOpen]:B,[L.cAnnotationsListOpenNative]:w}),children:[R(A,{infiniteClassName:L.cAnnotationsListContentContainer,headerComponent:_(q,{children:[R(u,{"data-testid":`${k}_appTitle`,variant:"body1",className:H.title,children:a}),R("div",{className:L.cAnnotationsListContentTop,children:_(u,{"data-testid":`${k}_annotationsTitle`,variant:"caption",className:H.secondaryTitle,children:["Annotations (",$.data?$.data.length:0,")"]})}),R(C,{appId:i,assetId:s,assetCompanyId:r,appSettings:d,currentUser:p,dashboardType:U})]}),useWindow:w,items:$.data\|\|[],showNoItemsFound:!($.data&&0!==$.data.length\|\|D),noItemsFoundLabel:R(u,{variant:"body2","data-testid":`${k}_noAnnotations`,className:H.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:O.current&&W.current?O.current.clientHeight-W.current.clientHeight:null,moreItemsMayExist:M,pathToCreatedAt:["attributes","created_at"],renderItem:t=>R(N,{isNative:w,annotation:t,assetCompanyId:r,included:$.included,currentUser:p,showSuccessNotification:S},t.id),loadItems:async function(){if(!i\|\|!s)return;let t;E(!0);try{const e={page:G,per_page:4,sort:"created_at",order:"desc"};U&&(e.dashboard_type=U),t=await T(i,s,e),F({type:1===G?v:x,annotations:t})}catch(t){console.error(t)}const e=t&&t.data.length<4;J(G+1),z(!e),E(!1)}}),R("div",{className:L.cAnnotationsListActions,ref:W,children:R(f,{title:"Hide",placement:"bottom",children:R(h,{"data-testid":`${k}_hideButton`,onClick:g,className:H.backIcon,children:R(y,{})})})})]})})};w.propTypes={appId:i.isRequired,appTitle:a.isRequired,assetId:i.isRequired,assetCompanyId:i.isRequired,appSettings:s(),classes:s().isRequired,onClose:r.isRequired,currentUser:s({}).isRequired,isNative:d,dashboardType:a},w.defaultProps={appSettings:{},isNative:g,dashboardType:null};var H=p((t=>({title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:t.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:t.palette.grey[600],padding:5}})))(t(w));export{H as default};

package/components/Annotations/components/LastAnnotation/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import ~~e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/regenerator";import~~{memo as i,useMemo as a}from"react";import{number as n,shape as s,arrayOf as o,string as c,bool as m,func as u}from"prop-types";import d from"classnames";import{flowRight as l}from"lodash";import{withStyles as p}from"@material-ui/core/styles";import f,{isWidthUp as h}from"@material-ui/core/withWidth";import v from"@material-ui/core/Paper";import b from"@material-ui/core/Typography";import y from"@material-ui/icons/Comment";import N from"@material-ui/icons/Close";import A from"../../../UserCardPopover.js";import R from"../../../Avatar/index.js";import{formatMentionText as g}from"../../../UserMention/utils/index.js";import{isNativeDetected as x}from"../../../../utils/mobileDetect.js";import{closeLastAnnotation as q}from"../../../../clients/jsonApi/index.js";import _ from"./style.css.js";import{jsxs as U,jsx as C}from"react/jsx-runtime";~~var~~ j="lastAnnotation",L=~~function(~~e){~~var~~ t~~=e.user~~,~~r=e.~~currentUser,~~i=e.~~isNative,a=e~~.className,~~n=~~e.size,s=C~~(R,{displayName~~:"".concat(~~t.first_name," ~~").concat(~~t.last_name),imgSrc:t.profile_photo,size:n,className:a});return i?s:C(A,{user:t,currentUser:r,children:s})},T=~~function(~~e){~~var r=e.~~commentsCount,i~~=e.commentUsers~~,~~a=e.~~isSmallScreen,~~n=e.~~isNative,s~~=e.currentUser~~,o=e~~.classes~~;return r?U("div",{className:_.cTopAnnotationAdditionalReactions,children:[C(y,{className:o.commentIcon}),!a&&U(b,{variant:"body2","data-testid"~~:"".concat(j,"~~_comments~~"),~~noWrap:!0,className:o.commentText,component:"div",children:["Comments ",r]}),C("div",{className:_.cTopAnnotationAdditionalReactionsList,children:i.map((~~function~~(e,r){~~var~~ i=e~~.attributes~~;return C(L,{user:i,currentUser:s,isNative:n,className:d(o.avatar,t({~~},o~~.avatarInList,0!==r)),size:25},i.id)}))})]}):null},w=~~function(t)~~{~~var~~ i,~~n=t.isNative,s=t.~~appId,~~o=t.~~annotation,~~c=t.~~openAnnotationsList,~~m=t.~~currentUser,~~u=t.~~updateCurrentDashboardAppLastAnnotation,~~d=t.~~width,~~l=t.~~classes,p=o.data,f=~~o.included~~,y=f.find((~~function(~~e){~~var~~ t~~=e.id~~,r=e~~.type~~;return t===p.relationships.user.data.id&&"user"===r})),A=a((~~function~~()~~{return p~~.relationships.mentioned_users.data.map((~~function(~~e){~~var~~ t=e~~.id~~;return f.find((~~function(~~e){return ~~e.id~~===t}))}))}),[p.relationships.mentioned_users.data,f]),R=a((~~function~~()~~{return p~~.relationships.comment_users.data.map((~~function(~~e){~~var~~ t=e~~.id~~;return f.find((~~function(~~e){return ~~e.id~~===t}))}))}),[p.relationships.comment_users.data,f]),x=!h("sm",d)~~,w=(i=e(r.mark((function e(t){var i~~;return ~~r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.stopPropagation(),e.prev=1,e.next=4,~~q(p~~.id);case 4:i=e.sent~~,~~u(p.id,s,i),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0);case 11:case"end":return e.stop()}}),e,null,[[1,8]])}))),function(e)~~{~~return i.apply(this,arguments)});return U(v,{~~"data-testid"~~:"".concat(j,"~~_lastAnnotation~~"),~~className:l.container,onClick:c,children:[U("div",{className:_.cTopAnnotationMain,children:[C(L,{user:y.attributes,currentUser:m,isNative:n,className:l.avatar,size:38}),C(b,{variant:"body2","data-testid"~~:"".concat(j,"~~_message~~"),~~noWrap:!0,className:l.body,children:g(p.attributes.body,A,n,null,m)})]}),U("div",{className:_.cTopAnnotationAdditional,children:[C(T,{commentsCount:p.attributes.comments_count,commentUsers:R,classes:l,isSmallScreen:x,currentUser:m}),C(N,{"data-testid"~~:"".concat(j,"~~_closeButton~~"),~~fontSize:"small",className:l.closeButton,onClick:w})]})]})};w.propTypes={appId:n.isRequired,annotation:s({included:o(s({})).isRequired,data:s({relationships:s({user:s({data:s({id:c.isRequired}).isRequired}).isRequired,mentioned_users:s({data:o(s()).isRequired}).isRequired}).isRequired,attributes:s({body:c.isRequired,created_at:c.isRequired})}).isRequired}).isRequired,classes:s({}).isRequired,isNative:m,width:c.isRequired,openAnnotationsList:u.isRequired,updateCurrentDashboardAppLastAnnotation:u,currentUser:s({})},w.defaultProps={isNative:x,updateCurrentDashboardAppLastAnnotation:~~function~~(){},currentUser:{}};var I=l([p((~~function~~(e){~~return{~~container:{height:56,margin:"10px 0",padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:"auto 1",width:"100%",cursor:"pointer"},body:{margin:"0 16px ",minWidth:100},avatar:{border:"1px solid #909090"},commentIcon:{marginRight:16,color:e.palette.grey[500]},commentText:{marginRight:16,color:e.palette.grey[500]},closeButton:{color:e.palette.grey[500]},avatarInList:{marginLeft:-4}}})),f()])(i(w));export{I as default};
1	+ import{memo as e,useMemo as t}from"react";import{number as i,shape as r,arrayOf as a,string as s,bool as n,func as o}from"prop-types";import m from"classnames";import{flowRight as d}from"lodash";import{withStyles as c}from"@material-ui/core/styles";import l,{isWidthUp as u}from"@material-ui/core/withWidth";import p from"@material-ui/core/Paper";import h from"@material-ui/core/Typography";import f from"@material-ui/icons/Comment";import v from"@material-ui/icons/Close";import y from"../../../UserCardPopover.js";import N from"../../../Avatar/index.js";import{formatMentionText as A}from"../../../UserMention/utils/index.js";import{isNativeDetected as R}from"../../../../utils/mobileDetect.js";import{closeLastAnnotation as b}from"../../../../clients/jsonApi/index.js";import g from"./style.css.js";import{jsxs as q,jsx as _}from"react/jsx-runtime";const x="lastAnnotation",U=e=>{let{user:t,currentUser:i,isNative:r,className:a,size:s}=e;const n=_(N,{displayName:`${t.first_name} ${t.last_name}`,imgSrc:t.profile_photo,size:s,className:a});return r?n:_(y,{user:t,currentUser:i,children:n})},C=e=>{let{commentsCount:t,commentUsers:i,isSmallScreen:r,isNative:a,currentUser:s,classes:n}=e;return t?q("div",{className:g.cTopAnnotationAdditionalReactions,children:[_(f,{className:n.commentIcon}),!r&&q(h,{variant:"body2","data-testid":`${x}_comments`,noWrap:!0,className:n.commentText,component:"div",children:["Comments ",t]}),_("div",{className:g.cTopAnnotationAdditionalReactionsList,children:i.map(((e,t)=>{let{attributes:i}=e;return _(U,{user:i,currentUser:s,isNative:a,className:m(n.avatar,{[n.avatarInList]:0!==t}),size:25},i.id)}))})]}):null},j=e=>{let{isNative:i,appId:r,annotation:a,openAnnotationsList:s,currentUser:n,updateCurrentDashboardAppLastAnnotation:o,width:m,classes:d}=e;const{data:c,included:l}=a,f=l.find((e=>{let{id:t,type:i}=e;return t===c.relationships.user.data.id&&"user"===i})),y=t((()=>c.relationships.mentioned_users.data.map((e=>{let{id:t}=e;return l.find((e=>{let{id:i}=e;return i===t}))}))),[c.relationships.mentioned_users.data,l]),N=t((()=>c.relationships.comment_users.data.map((e=>{let{id:t}=e;return l.find((e=>{let{id:i}=e;return i===t}))}))),[c.relationships.comment_users.data,l]),R=!u("sm",m);return q(p,{"data-testid":`${x}_lastAnnotation`,className:d.container,onClick:s,children:[q("div",{className:g.cTopAnnotationMain,children:[_(U,{user:f.attributes,currentUser:n,isNative:i,className:d.avatar,size:38}),_(h,{variant:"body2","data-testid":`${x}_message`,noWrap:!0,className:d.body,children:A(c.attributes.body,y,i,null,n)})]}),q("div",{className:g.cTopAnnotationAdditional,children:[_(C,{commentsCount:c.attributes.comments_count,commentUsers:N,classes:d,isSmallScreen:R,currentUser:n}),_(v,{"data-testid":`${x}_closeButton`,fontSize:"small",className:d.closeButton,onClick:async e=>{e.stopPropagation();try{const e=await b(c.id);o(c.id,r,e)}catch(e){console.error(e)}}})]})]})};j.propTypes={appId:i.isRequired,annotation:r({included:a(r({})).isRequired,data:r({relationships:r({user:r({data:r({id:s.isRequired}).isRequired}).isRequired,mentioned_users:r({data:a(r()).isRequired}).isRequired}).isRequired,attributes:r({body:s.isRequired,created_at:s.isRequired})}).isRequired}).isRequired,classes:r({}).isRequired,isNative:n,width:s.isRequired,openAnnotationsList:o.isRequired,updateCurrentDashboardAppLastAnnotation:o,currentUser:r({})},j.defaultProps={isNative:R,updateCurrentDashboardAppLastAnnotation:()=>{},currentUser:{}};var L=d([c((e=>({container:{height:56,margin:"10px 0",padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:"auto 1",width:"100%",cursor:"pointer"},body:{margin:"0 16px ",minWidth:100},avatar:{border:"1px solid #909090"},commentIcon:{marginRight:16,color:e.palette.grey[500]},commentText:{marginRight:16,color:e.palette.grey[500]},closeButton:{color:e.palette.grey[500]},avatarInList:{marginLeft:-4}}))),l()])(e(j));export{L as default};

package/components/Annotations/constants.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~var~~ N="SET_ANNOTATIONS",e="APPEND_ANNOTATIONS",T="ADD_ANNOTATION",A="DELETE_ANNOTATION",t="EDIT_ANNOTATION",O={"24h":{label:"Next 24 hrs",time:{amount:24,key:"h"}},"12h":{label:"Next 12 hrs",time:{amount:12,key:"h"}},"48h":{label:"Next 48 hrs",time:{amount:48,key:"h"}},forever:{label:"Forever"}};export{T as ADD_ANNOTATION,O as ANNOTATION_ACTIVE_PERIODS,e as APPEND_ANNOTATIONS,A as DELETE_ANNOTATION,t as EDIT_ANNOTATION,N as SET_ANNOTATIONS};
1	+ const N="SET_ANNOTATIONS",e="APPEND_ANNOTATIONS",T="ADD_ANNOTATION",A="DELETE_ANNOTATION",t="EDIT_ANNOTATION",O={"24h":{label:"Next 24 hrs",time:{amount:24,key:"h"}},"12h":{label:"Next 12 hrs",time:{amount:12,key:"h"}},"48h":{label:"Next 48 hrs",time:{amount:48,key:"h"}},forever:{label:"Forever"}};export{T as ADD_ANNOTATION,O as ANNOTATION_ACTIVE_PERIODS,e as APPEND_ANNOTATIONS,A as DELETE_ANNOTATION,t as EDIT_ANNOTATION,N as SET_ANNOTATIONS};