npm - @corva/ui - Versions diffs - 0.73.0-2 → 0.73.0-4 - Mend

@corva/ui 0.73.0-2 → 0.73.0-4

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 (1295) 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 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};
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};

package/components/AdvancedSlider/AdvancedSlider.js CHANGED Viewed

	@@ -1 +1 @@
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};
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};

package/components/AdvancedSlider/Handle.js CHANGED Viewed

	@@ -1 +1 @@
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};
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};

package/components/AnchorsList/AnchorsList.js CHANGED Viewed

	@@ -1 +1 @@
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};
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};

package/components/Annotations/AnnotationsContext.js CHANGED Viewed

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

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

	@@ -1 +1 @@
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};
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};

package/components/Annotations/constants.js CHANGED Viewed

	@@ -1 +1 @@
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};
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};