npm - @corva/ui - Versions diffs - 0.70.0-rc.0 → 0.71.0-0-test-8 - Mend

@corva/ui 0.70.0-rc.0 → 0.71.0-0-test-8

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 (1901) hide show

package/components/CollapsableSidebar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import r from"prop-types";import i from"classnames";import{noop as n}from"lodash";import{withStyles as s,Box as p,IconButton as a}from"@material-ui/core";import m from"@material-ui/icons/ChevronLeftRounded";import l from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"./Icons/AnnotationIcon.js";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import{jsxs as d,jsx as c}from"react/jsx-runtime";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"./DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../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"./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"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/RemoveAppButton.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"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../clients/jsonApi/index.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"./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"./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"../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"./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 j from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var C=function(r){var n,s=r.classes,C=r.children,u=r.onStateChange,g=r.initialState,A=r.drawerPaperClassName,h=r.isToolbarGutterShown,b=r.openedDrawerWidth,D=r.anchor,f=o(g),S=t(f,2),v=S[0],P=S[1],T=function(){P(!v),u(!v)},x="left"===D?m:l;return d(j,{isToolbarGutterShown:h,drawerWidth:b,drawerClassName:i(s.drawer,!v&&s.drawerClosed),drawerPaperClassName:i(s.drawer,s.drawerPaper,A,!v&&s.drawerClosed),anchor:D,listClassName:s.list,onClick:function(){v\|\|T()},children:[C,c(p,{className:i(s.openToggleContainer,(n={},e(n,s.openToggleContainerCollapsed,!v),e(n,s.openToggleContainerOpened,v),n)),children:c(a,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:s.openToggleIconButton,onClick:T,children:c(x,{className:i(s.openToggleIcon,e({},s.openToggleIconClosed,!v))})})})]})};C.propTypes={children:r.node.isRequired,onStateChange:r.func,initialState:r.bool,drawerPaperClassName:r.string,isToolbarGutterShown:r.bool,openedDrawerWidth:r.oneOfType([r.string,r.number]),anchor:r.oneOf(["left","right"]),closedWidth:r.oneOfType([r.string,r.number])},C.defaultProps={onStateChange:n,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var u=s((function(e){return{drawer:{display:"flex",flexDirection:"column",height:"100%"},drawerPaper:{"&$drawerClosed":{cursor:"pointer","&:hover::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,background:e.palette.background.b7}}},drawerClosed:{width:function(e){return e.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:e.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:e.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:e.spacing(1),paddingLeft:e.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(e){return"left"===e.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(C);export{u as default};
1	+ import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import r from"prop-types";import i from"classnames";import{noop as n}from"lodash";import{withStyles as s,Box as p,IconButton as a}from"@material-ui/core";import m from"@material-ui/icons/ChevronLeftRounded";import l from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"./Icons/AnnotationIcon.js";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import{jsxs as d,jsx as c}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"./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"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../clients/jsonApi/index.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"./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"./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"../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"./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 j from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var C=function(r){var n,s=r.classes,C=r.children,u=r.onStateChange,g=r.initialState,A=r.drawerPaperClassName,h=r.isToolbarGutterShown,b=r.openedDrawerWidth,D=r.anchor,f=o(g),S=t(f,2),v=S[0],P=S[1],T=function(){P(!v),u(!v)},x="left"===D?m:l;return d(j,{isToolbarGutterShown:h,drawerWidth:b,drawerClassName:i(s.drawer,!v&&s.drawerClosed),drawerPaperClassName:i(s.drawer,s.drawerPaper,A,!v&&s.drawerClosed),anchor:D,listClassName:s.list,onClick:function(){v\|\|T()},children:[C,c(p,{className:i(s.openToggleContainer,(n={},e(n,s.openToggleContainerCollapsed,!v),e(n,s.openToggleContainerOpened,v),n)),children:c(a,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:s.openToggleIconButton,onClick:T,children:c(x,{className:i(s.openToggleIcon,e({},s.openToggleIconClosed,!v))})})})]})};C.propTypes={children:r.node.isRequired,onStateChange:r.func,initialState:r.bool,drawerPaperClassName:r.string,isToolbarGutterShown:r.bool,openedDrawerWidth:r.oneOfType([r.string,r.number]),anchor:r.oneOf(["left","right"]),closedWidth:r.oneOfType([r.string,r.number])},C.defaultProps={onStateChange:n,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var u=s((function(e){return{drawer:{display:"flex",flexDirection:"column",height:"100%"},drawerPaper:{"&$drawerClosed":{cursor:"pointer","&:hover::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,background:e.palette.background.b7}}},drawerClosed:{width:function(e){return e.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:e.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:e.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:e.spacing(1),paddingLeft:e.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(e){return"left"===e.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(C);export{u as default};

package/components/CollapsableSidebar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CollapsableSidebar.js","sources":["../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\n\nconst muiStyles = theme => ({\n drawer: {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n drawerPaper: {\n '&$drawerClosed': {\n cursor: 'pointer',\n '&:hover::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n background: theme.palette.background.b7,\n },\n },\n },\n drawerClosed: {\n width: ({ closedWidth }) => closedWidth,\n },\n openToggleIcon: {\n fontSize: '1.25rem',\n color: theme.palette.primary.text7,\n },\n openToggleIconClosed: {\n transform: 'rotate(180deg)',\n },\n openToggleIconButton: {\n padding: 6,\n },\n openToggleContainer: {\n display: 'flex',\n position: 'absolute',\n bottom: 0,\n width: '100%',\n flex: '0 0',\n padding: theme.spacing(2, 1, 1.5),\n },\n openToggleContainerCollapsed: {\n paddingRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n justifyContent: 'center',\n },\n openToggleContainerOpened: {\n justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n overflow: 'hidden',\n paddingBottom: 60,\n },\n});\n\nconst CollapsableSidebar = ({\n classes,\n children,\n onStateChange,\n initialState,\n drawerPaperClassName,\n isToolbarGutterShown,\n openedDrawerWidth,\n anchor,\n}) => {\n const [isOpen, setIsOpen] = useState(initialState);\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n onStateChange(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n toggleIsOpen();\n }\n };\n\n const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n return (\n <SideBar\n isToolbarGutterShown={isToolbarGutterShown}\n drawerWidth={openedDrawerWidth}\n drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n drawerPaperClassName={classnames(\n classes.drawer,\n classes.drawerPaper,\n drawerPaperClassName,\n !isOpen && classes.drawerClosed\n )}\n anchor={anchor}\n listClassName={classes.list}\n onClick={onSidebarClick}\n >\n {children}\n <Box\n className={classnames(classes.openToggleContainer, {\n [classes.openToggleContainerCollapsed]: !isOpen,\n [classes.openToggleContainerOpened]: isOpen,\n })}\n >\n <IconButton\n data-testid={`${PAGE_NAME}_toggle`}\n aria-label=\"toggle sidebar\"\n className={classes.openToggleIconButton}\n onClick={toggleIsOpen}\n >\n <ChevroneIcon\n className={classnames(classes.openToggleIcon, {\n [classes.openToggleIconClosed]: !isOpen,\n })}\n />\n </IconButton>\n </Box>\n </SideBar>\n );\n};\n\nCollapsableSidebar.propTypes = {\n children: PropTypes.node.isRequired,\n onStateChange: PropTypes.func,\n initialState: PropTypes.bool,\n drawerPaperClassName: PropTypes.string,\n isToolbarGutterShown: PropTypes.bool,\n openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n anchor: PropTypes.oneOf(['left', 'right']),\n // eslint-disable-next-line react/no-unused-prop-types\n closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCollapsableSidebar.defaultProps = {\n onStateChange: noop,\n initialState: true,\n closedWidth: 48,\n drawerPaperClassName: null,\n isToolbarGutterShown: undefined,\n openedDrawerWidth: undefined,\n anchor: undefined,\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["PAGE_NAME","muiStyles","theme","drawer","display","flexDirection","height","drawerPaper","cursor","content","position","top","right","bottom","left","background","palette","b7","drawerClosed","width","closedWidth","openToggleIcon","fontSize","color","primary","text7","openToggleIconClosed","transform","openToggleIconButton","padding","openToggleContainer","flex","spacing","openToggleContainerCollapsed","paddingRight","paddingLeft","justifyContent","openToggleContainerOpened","anchor","list","flexGrow","overflow","paddingBottom","CollapsableSidebar","classes","children","onStateChange","initialState","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","useState","isOpen","setIsOpen","toggleIsOpen","onSidebarClick","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","classnames","_jsx","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","defaultProps","noop","undefined","withStyles"],"mappings":"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"}

package/components/CollapsibleContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CollapsibleContent.js","sources":["../../src/components/CollapsibleContent.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, makeStyles } from '@material-ui/core';\n\nconst MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;\nconst BLACKOUT_HEIGHT = 40;\n\nconst useStyles = makeStyles(theme => ({\n contentWrapper: {\n position: 'relative',\n },\n content: {\n overflow: 'hidden',\n },\n readMore: {\n height: 40,\n display: 'block',\n textAlign: 'right',\n },\n blackOut: {\n width: '100%',\n position: 'absolute',\n justifyContent: 'flex-end',\n background: `linear-gradient(to bottom, transparent, ${theme.palette.background.paper})`,\n height: BLACKOUT_HEIGHT,\n marginTop: -BLACKOUT_HEIGHT,\n },\n}));\n\nconst CollapsibleContent = ({ maxHeight, children }) => {\n const classes = useStyles();\n const [collapsible, setCollapsible] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n\n const contentRef = useRef();\n\n const setCollapsingStatus = () => {\n const collapsible =\n maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;\n\n setCollapsed(collapsible);\n setCollapsible(collapsible);\n };\n\n const toggleCollapse = () => {\n setCollapsed(collapsed => !collapsed);\n if (collapsed && window.innerHeight < contentRef.current.clientHeight) {\n contentRef.current.scrollIntoView();\n }\n };\n\n useEffect(() => {\n setCollapsingStatus();\n }, [children]);\n\n return (\n <div className={classes.contentWrapper}>\n <div className={classes.content} style={{ maxHeight: collapsed ? maxHeight : 'initial' }}>\n <div ref={contentRef}>{children}</div>\n </div>\n {collapsible && (\n <div className={classes.readMore}>\n {collapsed && <div className={classes.blackOut} />}\n <Button onClick={toggleCollapse}>\n {collapsed ? <>Read more …</> : 'Show less'}\n </Button>\n </div>\n )}\n </div>\n );\n};\n\nCollapsibleContent.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n maxHeight: PropTypes.number,\n};\n\nCollapsibleContent.defaultProps = {\n maxHeight: 120,\n};\n\nexport default CollapsibleContent;\n"],"names":["MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE","BLACKOUT_HEIGHT","useStyles","makeStyles","theme","contentWrapper","position","content","overflow","readMore","height","display","textAlign","blackOut","width","justifyContent","background","palette","paper","marginTop","CollapsibleContent","maxHeight","children","classes","useState","collapsible","setCollapsible","collapsed","setCollapsed","contentRef","useRef","setCollapsingStatus","current","clientHeight","toggleCollapse","window","innerHeight","scrollIntoView","useEffect","_jsxs","_jsx","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number","defaultProps"],"mappings":"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"}

package/components/ColorPicker/ColorPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPicker.js","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { useState, useEffect, useRef, FC } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n withStyles,\n Popover,\n InputLabel,\n IconButton,\n PopoverActions,\n PopoverOrigin,\n TooltipProps,\n Tooltip,\n} from '@material-ui/core';\nimport { ColorLens as ColorLensIcon } from '@material-ui/icons';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\nimport validateColor from 'validate-color';\n\nimport PaletteChromePicker from './PaletteChromePicker';\n\nimport Checkboard from '~/assets/checkboard.svg';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\nconst converters = {\n rgba: c => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n rgb: c => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n hex: c => c.hex,\n rgba_rgb: c => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n rgba_hex: c => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\ninterface ColorPickerProps extends PropTypes.InferProps<typeof colorPickerPropTypes> {\n popoverAnchorOrigin?: PopoverOrigin;\n popoverTransformOrigin?: PopoverOrigin;\n}\n\nconst ColorPicker = ({\n label,\n value,\n converter,\n onChange,\n buttonClassName,\n popoverAnchorOrigin,\n popoverTransformOrigin,\n labelPosition,\n hideLabel,\n pickerComponent: PickerComponent,\n classes,\n lensColor,\n enableTransparencyPalette,\n 'data-testid': PAGE_NAME,\n tooltipProps,\n}: ColorPickerProps): JSX.Element => {\n const [anchorEl, setAnchorEl] = useState(null);\n const [color, setColor] = useState(DEFAULT_COLOR);\n const popperInstanceRef = useRef<PopoverActions>();\n\n useEffect(() => {\n const newColor = value?.trim();\n if (newColor && validateColor(newColor)) setColor(newColor);\n else console.error(`The color value(${value}) is not valid, please check it.`);\n }, [value]);\n\n const handleOpen = e => {\n setAnchorEl(e.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const handleChange = nextColor => {\n const convertedColor = converters[converter](nextColor);\n setColor(convertedColor);\n onChange(convertedColor);\n };\n\n const updatePopperPosition = () => {\n if (popperInstanceRef.current) {\n popperInstanceRef.current.updatePosition();\n }\n };\n\n return (\n <div\n className={classNames(classes.root, {\n [classes.topLabelRoot]: labelPosition === 'top',\n [classes.rightLabelRoot]: labelPosition === 'right',\n })}\n >\n {!hideLabel && (\n <InputLabel\n className={classNames({\n [classes.topLabel]: labelPosition === 'top',\n [classes.rightLabel]: labelPosition === 'right',\n })}\n shrink\n >\n {label}\n </InputLabel>\n )}\n <Tooltip title={tooltipProps.title} {...tooltipProps as TooltipProps}>\n <IconButton\n data-testid={`${PAGE_NAME}_icon_${label}`}\n className={classNames(classes.button, buttonClassName, {\n [classes.buttonTransparrent]: chroma(color).alpha() === 0,\n })}\n disableRipple\n style={{ backgroundColor: color, color: lensColor }}\n onClick={handleOpen}\n >\n <ColorLensIcon fontSize=\"small\" className={classes.colorLensIcon} />\n </IconButton>\n </Tooltip>\n <Popover\n id=\"colors-popper\"\n action={popperInstanceRef}\n open={Boolean(anchorEl)}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={popoverAnchorOrigin}\n transformOrigin={popoverTransformOrigin}\n >\n <PickerComponent\n color={color}\n onChange={handleChange}\n onSizeChange={updatePopperPosition}\n enableTransparencyPalette={enableTransparencyPalette}\n />\n </Popover>\n </div>\n );\n};\n\nconst popoverOriginPropType = PropTypes.shape({\n vertical: PropTypes.oneOfType([PropTypes.oneOf(['top', 'center', 'bottom']), PropTypes.number]),\n horizontal: PropTypes.oneOfType([PropTypes.oneOf(['left', 'center', 'right']), PropTypes.number]),\n});\nconst colorPickerPropTypes = {\n buttonClassName: PropTypes.string,\n\n label: PropTypes.string,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n converter: PropTypes.oneOf(Object.keys(converters)),\n\n classes: PropTypes.shape({\n button: PropTypes.string.isRequired,\n root: PropTypes.string,\n topLabelRoot: PropTypes.string,\n rightLabelRoot: PropTypes.string,\n topLabel: PropTypes.string,\n rightLabel: PropTypes.string,\n buttonTransparrent: PropTypes.string,\n colorLensIcon: PropTypes.string,\n }).isRequired,\n pickerComponent: PropTypes.elementType,\n\n labelPosition: PropTypes.oneOf(['top', 'right']),\n popoverAnchorOrigin: popoverOriginPropType,\n popoverTransformOrigin: popoverOriginPropType,\n\n tooltipProps: PropTypes.shape({ title: PropTypes.string }),\n\n hideLabel: PropTypes.bool,\n lensColor: PropTypes.string,\n\n enableTransparencyPalette: PropTypes.bool,\n 'data-testid': PropTypes.string,\n};\n\nColorPicker.propTypes = colorPickerPropTypes;\n\nColorPicker.defaultProps = {\n label: 'Color',\n buttonClassName: null,\n converter: 'rgba_hex',\n pickerComponent: PaletteChromePicker,\n hideLabel: false,\n popoverAnchorOrigin: {\n vertical: 'bottom',\n horizontal: 'left',\n },\n popoverTransformOrigin: {\n vertical: 'top',\n horizontal: 'left',\n },\n\n tooltipProps: { title: 'Change color' },\n\n labelPosition: 'top',\n lensColor: '#fff',\n enableTransparencyPalette: false,\n 'data-testid': 'ColorPicker',\n};\n\nexport default withStyles({\n root: {\n position: 'relative',\n display: 'flex',\n },\n topLabelRoot: {\n flexDirection: 'column',\n },\n rightLabelRoot: {\n flexDirection: 'row-reverse',\n justifyContent: 'flex-end',\n alignItems: 'center',\n },\n button: {\n width: '36px',\n height: '24px',\n boxShadow: '0px 3px 6px rgba(0, 0, 0, 0.161)',\n borderRadius: '5px',\n },\n buttonTransparrent: {\n position: 'relative',\n backgroundImage: `url(${Checkboard})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n display: 'block',\n width: '100%',\n height: '3px',\n background: '#FF0000',\n transform: 'rotate(148deg)',\n borderRadius: '2px',\n },\n },\n colorLensIcon: {\n position: 'relative',\n zIndex: 2,\n },\n popper: {\n zIndex: 1500,\n },\n topLabel: {\n marginBottom: '8px',\n fontSize: '15px',\n lineHeight: '17px',\n letterSpacing: '0.4px',\n color: '#BDBDBD',\n whiteSpace: 'nowrap',\n },\n rightLabel: {\n marginLeft: '8px',\n fontSize: '16px',\n },\n})(ColorPicker as FC);\n"],"names":["DEFAULT_COLOR","converters","rgba","c","rgb","r","g","b","a","hex","rgba_rgb","rgba_hex","ColorPicker","label","value","converter","onChange","buttonClassName","popoverAnchorOrigin","popoverTransformOrigin","labelPosition","hideLabel","PickerComponent","pickerComponent","classes","lensColor","enableTransparencyPalette","PAGE_NAME","tooltipProps","useState","anchorEl","setAnchorEl","color","setColor","popperInstanceRef","useRef","useEffect","newColor","trim","validateColor","console","error","handleOpen","e","currentTarget","handleClose","handleChange","nextColor","convertedColor","updatePopperPosition","current","updatePosition","_jsxs","classNames","root","topLabelRoot","rightLabelRoot","_jsx","topLabel","rightLabel","title","button","buttonTransparrent","chroma","alpha","backgroundColor","ColorLensIcon","colorLensIcon","Boolean","popoverOriginPropType","PropTypes","shape","vertical","oneOfType","oneOf","number","horizontal","colorPickerPropTypes","string","isRequired","func","Object","keys","elementType","bool","propTypes","defaultProps","PaletteChromePicker","withStyles","position","display","flexDirection","justifyContent","alignItems","width","height","boxShadow","borderRadius","backgroundImage","Checkboard","backgroundSize","backgroundPosition","content","background","transform","zIndex","popper","marginBottom","fontSize","lineHeight","letterSpacing","whiteSpace","marginLeft"],"mappings":";;;;;;;;;;;;;;AAiBwD,IAAA,UAAA,GAAA,oDAAA,CAAA;AAIxD,IAAMA,aAAa,GAAG,SAAS,CAAA;AAE/B,IAAMC,UAAU,GAAG;EACjBC,IAAI,EAAE,cAAAC,CAAC,EAAA;IAAA,OAAYA,OAAAA,CAAAA,MAAAA,CAAAA,CAAC,CAACC,GAAG,CAACC,CAAC,EAAKF,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,CAAC,CAACC,GAAG,CAACE,CAAC,eAAKH,CAAC,CAACC,GAAG,CAACG,CAAC,eAAKJ,CAAC,CAACC,GAAG,CAACI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG;EACjEJ,GAAG,EAAE,aAAAD,CAAC,EAAA;AAAA,IAAA,OAAA,MAAA,CAAA,MAAA,CAAWA,CAAC,CAACC,GAAG,CAACC,CAAC,eAAKF,CAAC,CAACC,GAAG,CAACE,CAAC,EAAKH,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,CAAC,CAACC,GAAG,CAACG,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG;EACnDE,GAAG,EAAE,aAAAN,CAAC,EAAA;IAAA,OAAIA,CAAC,CAACM,GAAG,CAAA;AAAA,GAAA;EACfC,QAAQ,EAAE,kBAAAP,CAAC,EAAA;IAAA,OAAKA,CAAC,CAACC,GAAG,CAACI,CAAC,KAAK,CAAC,GAAGP,UAAU,CAACG,GAAG,CAACD,CAAC,CAAC,GAAGF,UAAU,CAACC,IAAI,CAACC,CAAC,CAAC,CAAA;GAAC;EACvEQ,QAAQ,EAAE,kBAAAR,CAAC,EAAA;IAAA,OAAKA,CAAC,CAACC,GAAG,CAACI,CAAC,KAAK,CAAC,GAAGP,UAAU,CAACQ,GAAG,CAACN,CAAC,CAAC,GAAGF,UAAU,CAACC,IAAI,CAACC,CAAC,CAAC,CAAA;AAAA,GAAA;AACxE,CAAC,CAAA;AAOD,IAAMS,WAAW,GAAG,SAAdA,WAAW,CAgBoB,IAAA,EAAA;AAAA,EAAA,IAAA,WAAA,EAAA,YAAA,CAAA;EAAA,IAfnCC,KAAK,QAALA,KAAK;AACLC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,eAAe,QAAfA,eAAe;AACfC,IAAAA,mBAAmB,QAAnBA,mBAAmB;AACnBC,IAAAA,sBAAsB,QAAtBA,sBAAsB;AACtBC,IAAAA,aAAa,QAAbA,aAAa;AACbC,IAAAA,SAAS,QAATA,SAAS;AACQC,IAAAA,eAAe,QAAhCC,eAAe;AACfC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,yBAAyB,QAAzBA,yBAAyB;AACVC,IAAAA,SAAS,QAAxB,aAAa,CAAA;AACbC,IAAAA,YAAY,QAAZA,YAAY,CAAA;EAEZ,IAAgCC,SAAAA,GAAAA,QAAQ,CAAC,IAAI,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAvCC,QAAQ,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAC5B,IAA0BF,UAAAA,GAAAA,QAAQ,CAAC7B,aAAa,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA1CgC,KAAK,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,QAAQ,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EACtB,IAAMC,iBAAiB,GAAGC,MAAM,EAAkB,CAAA;AAElDC,EAAAA,SAAS,CAAC,YAAM;IACd,IAAMC,QAAQ,GAAGvB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEwB,IAAI,EAAE,CAAA;AAC9B,IAAA,IAAID,QAAQ,IAAIE,aAAa,CAACF,QAAQ,CAAC,EAAEJ,QAAQ,CAACI,QAAQ,CAAC,CAAC,KACvDG,OAAO,CAACC,KAAK,CAAA,kBAAA,CAAA,MAAA,CAAoB3B,KAAK,EAAmC,kCAAA,CAAA,CAAA,CAAA;AAChF,GAAC,EAAE,CAACA,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,IAAM4B,UAAU,GAAG,SAAbA,UAAU,CAAGC,CAAC,EAAI;AACtBZ,IAAAA,WAAW,CAACY,CAAC,CAACC,aAAa,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxBd,WAAW,CAAC,IAAI,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMe,YAAY,GAAG,SAAfA,YAAY,CAAGC,SAAS,EAAI;IAChC,IAAMC,cAAc,GAAG/C,UAAU,CAACc,SAAS,CAAC,CAACgC,SAAS,CAAC,CAAA;IACvDd,QAAQ,CAACe,cAAc,CAAC,CAAA;IACxBhC,QAAQ,CAACgC,cAAc,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,GAAS;IACjC,IAAIf,iBAAiB,CAACgB,OAAO,EAAE;AAC7BhB,MAAAA,iBAAiB,CAACgB,OAAO,CAACC,cAAc,EAAE,CAAA;AAC5C,KAAA;GACD,CAAA;EAED,oBACEC,IAAA,CAAA,KAAA,EAAA;IACE,SAAS,EAAEC,UAAU,CAAC7B,OAAO,CAAC8B,IAAI,GAAA,WAAA,GAAA,EAAA,EAAA,eAAA,CAAA,WAAA,EAC/B9B,OAAO,CAAC+B,YAAY,EAAGnC,aAAa,KAAK,KAAK,gCAC9CI,OAAO,CAACgC,cAAc,EAAGpC,aAAa,KAAK,OAAO,CAClD,EAAA,WAAA,EAAA;AAAA,IAAA,QAAA,EAAA,CAEF,CAACC,SAAS,iBACToC,GAAA,CAAC,UAAU,EAAA;AACT,MAAA,SAAS,EAAEJ,UAAU,EAAA,YAAA,GAAA,EAAA,EAAA,eAAA,CAAA,YAAA,EAClB7B,OAAO,CAACkC,QAAQ,EAAGtC,aAAa,KAAK,KAAK,CAAA,EAAA,eAAA,CAAA,YAAA,EAC1CI,OAAO,CAACmC,UAAU,EAAGvC,aAAa,KAAK,OAAO,CAC9C,EAAA,YAAA,EAAA;MACH,MAAM,EAAA,IAAA;MAAA,QAELP,EAAAA,KAAAA;KAEJ,CAAA,eACD4C,IAAC,OAAO,EAAA,aAAA,CAAA,aAAA,CAAA;MAAC,KAAK,EAAE7B,YAAY,CAACgC,KAAAA;AAAM,KAAA,EAAKhC,YAAY,CAAA,EAAA,EAAA,EAAA;AAAA,MAAA,QAAA,eAClD6B,IAAC,UAAU,EAAA;QACT,aAAgB9B,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAASd,QAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAK,CAAG;QAC1C,SAAS,EAAEwC,UAAU,CAAC7B,OAAO,CAACqC,MAAM,EAAE5C,eAAe,EAAA,eAAA,CAAA,EAAA,EAClDO,OAAO,CAACsC,kBAAkB,EAAGC,MAAM,CAAC/B,KAAK,CAAC,CAACgC,KAAK,EAAE,KAAK,CAAC,CACxD,CAAA;QACH,aAAa,EAAA,IAAA;AACb,QAAA,KAAK,EAAE;AAAEC,UAAAA,eAAe,EAAEjC,KAAK;AAAEA,UAAAA,KAAK,EAAEP,SAAAA;SAAY;AACpD,QAAA,OAAO,EAAEiB,UAAW;AAAA,QAAA,QAAA,eAEpBe,IAACS,SAAa,EAAA;AAAC,UAAA,QAAQ,EAAC,OAAO;UAAC,SAAS,EAAE1C,OAAO,CAAC2C,aAAAA;AAAc,SAAA,CAAA;AAAG,OAAA,CAAA;KAE9D,CAAA,CAAA,eACVV,IAAC,OAAO,EAAA;AACN,MAAA,EAAE,EAAC,eAAe;AAClB,MAAA,MAAM,EAAEvB,iBAAkB;AAC1B,MAAA,IAAI,EAAEkC,OAAO,CAACtC,QAAQ,CAAE;AACxB,MAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,OAAO,EAAEe,WAAY;AACrB,MAAA,YAAY,EAAE3B,mBAAoB;AAClC,MAAA,eAAe,EAAEC,sBAAuB;AAAA,MAAA,QAAA,eAExCsC,IAAC,eAAe,EAAA;AACd,QAAA,KAAK,EAAEzB,KAAM;AACb,QAAA,QAAQ,EAAEc,YAAa;AACvB,QAAA,YAAY,EAAEG,oBAAqB;AACnC,QAAA,yBAAyB,EAAEvB,yBAAAA;AAA0B,OAAA,CAAA;KAE/C,CAAA,CAAA;GACN,CAAA,CAAA;AAEV,CAAC,CAAA;AAED,IAAM2C,qBAAqB,GAAGC,SAAS,CAACC,KAAK,CAAC;EAC5CC,QAAQ,EAAEF,SAAS,CAACG,SAAS,CAAC,CAACH,SAAS,CAACI,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAEJ,SAAS,CAACK,MAAM,CAAC,CAAC;EAC/FC,UAAU,EAAEN,SAAS,CAACG,SAAS,CAAC,CAACH,SAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAEJ,SAAS,CAACK,MAAM,CAAC,CAAA;AAClG,CAAC,CAAC,CAAA;AACF,IAAME,oBAAoB,GAAG;EAC3B5D,eAAe,EAAEqD,SAAS,CAACQ,MAAM;EAEjCjE,KAAK,EAAEyD,SAAS,CAACQ,MAAM;AACvBhE,EAAAA,KAAK,EAAEwD,SAAS,CAACQ,MAAM,CAACC,UAAU;AAClC/D,EAAAA,QAAQ,EAAEsD,SAAS,CAACU,IAAI,CAACD,UAAU;EACnChE,SAAS,EAAEuD,SAAS,CAACI,KAAK,CAACO,MAAM,CAACC,IAAI,CAACjF,UAAU,CAAC,CAAC;AAEnDuB,EAAAA,OAAO,EAAE8C,SAAS,CAACC,KAAK,CAAC;AACvBV,IAAAA,MAAM,EAAES,SAAS,CAACQ,MAAM,CAACC,UAAU;IACnCzB,IAAI,EAAEgB,SAAS,CAACQ,MAAM;IACtBvB,YAAY,EAAEe,SAAS,CAACQ,MAAM;IAC9BtB,cAAc,EAAEc,SAAS,CAACQ,MAAM;IAChCpB,QAAQ,EAAEY,SAAS,CAACQ,MAAM;IAC1BnB,UAAU,EAAEW,SAAS,CAACQ,MAAM;IAC5BhB,kBAAkB,EAAEQ,SAAS,CAACQ,MAAM;IACpCX,aAAa,EAAEG,SAAS,CAACQ,MAAAA;GAC1B,CAAC,CAACC,UAAU;EACbxD,eAAe,EAAE+C,SAAS,CAACa,WAAW;EAEtC/D,aAAa,EAAEkD,SAAS,CAACI,KAAK,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAChDxD,EAAAA,mBAAmB,EAAEmD,qBAAqB;AAC1ClD,EAAAA,sBAAsB,EAAEkD,qBAAqB;AAE7CzC,EAAAA,YAAY,EAAE0C,SAAS,CAACC,KAAK,CAAC;IAAEX,KAAK,EAAEU,SAAS,CAACQ,MAAAA;AAAO,GAAC,CAAC;EAE1DzD,SAAS,EAAEiD,SAAS,CAACc,IAAI;EACzB3D,SAAS,EAAE6C,SAAS,CAACQ,MAAM;EAE3BpD,yBAAyB,EAAE4C,SAAS,CAACc,IAAI;EACzC,aAAa,EAAEd,SAAS,CAACQ,MAAAA;AAC3B,CAAC,CAAA;AAEDlE,WAAW,CAACyE,SAAS,GAAGR,oBAAoB,CAAA;AAE5CjE,WAAW,CAAC0E,YAAY,GAAG;AACzBzE,EAAAA,KAAK,EAAE,OAAO;AACdI,EAAAA,eAAe,EAAE,IAAI;AACrBF,EAAAA,SAAS,EAAE,UAAU;AACrBQ,EAAAA,eAAe,EAAEgE,mBAAmB;AACpClE,EAAAA,SAAS,EAAE,KAAK;AAChBH,EAAAA,mBAAmB,EAAE;AACnBsD,IAAAA,QAAQ,EAAE,QAAQ;AAClBI,IAAAA,UAAU,EAAE,MAAA;GACb;AACDzD,EAAAA,sBAAsB,EAAE;AACtBqD,IAAAA,QAAQ,EAAE,KAAK;AACfI,IAAAA,UAAU,EAAE,MAAA;GACb;AAEDhD,EAAAA,YAAY,EAAE;AAAEgC,IAAAA,KAAK,EAAE,cAAA;GAAgB;AAEvCxC,EAAAA,aAAa,EAAE,KAAK;AACpBK,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,yBAAyB,EAAE,KAAK;AAChC,EAAA,aAAa,EAAE,aAAA;AACjB,CAAC,CAAA;AAED,oBAAe8D,UAAU,CAAC;AACxBlC,EAAAA,IAAI,EAAE;AACJmC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAA;GACV;AACDnC,EAAAA,YAAY,EAAE;AACZoC,IAAAA,aAAa,EAAE,QAAA;GAChB;AACDnC,EAAAA,cAAc,EAAE;AACdmC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,cAAc,EAAE,UAAU;AAC1BC,IAAAA,UAAU,EAAE,QAAA;GACb;AACDhC,EAAAA,MAAM,EAAE;AACNiC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,SAAS,EAAE,kCAAkC;AAC7CC,IAAAA,YAAY,EAAE,KAAA;GACf;AACDnC,EAAAA,kBAAkB,EAAE;AAClB2B,IAAAA,QAAQ,EAAE,UAAU;IACpBS,eAAe,EAAA,MAAA,CAAA,MAAA,CAASC,UAAU,EAAG,GAAA,CAAA;AACrCC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,kBAAkB,EAAE,QAAQ;AAE5B,IAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,IAAI;AACbb,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,OAAO,EAAE,OAAO;AAChBI,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,KAAK;AACbQ,MAAAA,UAAU,EAAE,SAAS;AACrBC,MAAAA,SAAS,EAAE,gBAAgB;AAC3BP,MAAAA,YAAY,EAAE,KAAA;AAChB,KAAA;GACD;AACD9B,EAAAA,aAAa,EAAE;AACbsB,IAAAA,QAAQ,EAAE,UAAU;AACpBgB,IAAAA,MAAM,EAAE,CAAA;GACT;AACDC,EAAAA,MAAM,EAAE;AACND,IAAAA,MAAM,EAAE,IAAA;GACT;AACD/C,EAAAA,QAAQ,EAAE;AACRiD,IAAAA,YAAY,EAAE,KAAK;AACnBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,OAAO;AACtB9E,IAAAA,KAAK,EAAE,SAAS;AAChB+E,IAAAA,UAAU,EAAE,QAAA;GACb;AACDpD,EAAAA,UAAU,EAAE;AACVqD,IAAAA,UAAU,EAAE,KAAK;AACjBJ,IAAAA,QAAQ,EAAE,MAAA;AACZ,GAAA;AACF,CAAC,CAAC,CAAChG,WAAW,CAAO;;;;"}

package/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorSquare.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CheckRoundedIcon from '@material-ui/icons/CheckRounded';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport Checkboard from '~/assets/checkboard.svg';\n\nconst PAGE_NAME = 'ColorSquare';\n\nconst useStyles = makeStyles({\n container: {\n position: 'relative',\n cursor: 'pointer',\n width: '16px',\n height: '16px',\n borderRadius: '2px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '&:hover': {\n border: '1px solid white',\n },\n },\n containerSelected: {\n border: '1px solid white',\n '& $squareCheck': {\n visibility: 'visible',\n },\n },\n transparentContainer: {\n position: 'relative',\n border: '1px solid #C4C4C4;',\n backgroundImage: `url(${Checkboard})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n display: 'block',\n width: '100%',\n height: '2px',\n background: '#FF0000',\n transform: 'rotate(135deg)',\n borderRadius: '2px',\n },\n },\n squareCheck: {\n width: '16px',\n height: '16px',\n color: 'white',\n visibility: 'hidden',\n zIndex: 2,\n },\n});\n\nfunction ColorSquare({ color, isSelected, onClick }) {\n const classes = useStyles();\n\n return (\n <div\n data-testid={`${PAGE_NAME}_color_${color}_selected_${isSelected}`}\n className={classNames(classes.container, {\n [classes.transparentContainer]: chroma(color).alpha() === 0,\n [classes.containerSelected]: isSelected,\n })}\n style={{ backgroundColor: color }}\n onClick={onClick}\n >\n <CheckRoundedIcon fontSize=\"small\" className={classes.squareCheck} />\n </div>\n );\n}\n\nColorSquare.propTypes = {\n color: PropTypes.string.isRequired,\n isSelected: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default ColorSquare;\n"],"names":["PAGE_NAME","useStyles","makeStyles","container","position","cursor","width","height","borderRadius","display","justifyContent","alignItems","border","containerSelected","visibility","transparentContainer","backgroundImage","Checkboard","backgroundSize","backgroundPosition","content","background","transform","squareCheck","color","zIndex","ColorSquare","isSelected","onClick","classes","_jsx","classNames","chroma","alpha","backgroundColor","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":"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"}

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Palette.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/Palette.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { CustomPicker } from 'react-color';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport ColorSquare from '../ColorSquare';\nimport { paletteColors, paletteColorsWithTransparent } from './PaletteConstants';\n\nimport styles from './Palette.css';\n\nconst isSelected = (currentColor, predefinedColor) => {\n const currentColorAlpha = chroma(currentColor).alpha();\n const predefinedColorAlpha = chroma(predefinedColor).alpha();\n\n if (!currentColorAlpha) return currentColorAlpha === predefinedColorAlpha;\n return currentColor === predefinedColor;\n};\n\nconst Palette = ({ onChange, color, className, enableTransparencyPalette }) => {\n const colors = enableTransparencyPalette ? paletteColorsWithTransparent : paletteColors;\n\n return (\n <div className={classNames(styles.paletteContainer, className)}>\n {colors.map(predefinedColor => (\n <ColorSquare\n key={predefinedColor}\n color={predefinedColor}\n isSelected={isSelected(color, predefinedColor)}\n onClick={() => {\n onChange(predefinedColor);\n }}\n />\n ))}\n </div>\n );\n};\n\nPalette.propTypes = {\n onChange: PropTypes.func.isRequired,\n color: PropTypes.string.isRequired,\n className: PropTypes.string,\n enableTransparencyPalette: PropTypes.bool.isRequired,\n};\n\nPalette.defaultProps = {\n className: null,\n};\n\nexport default CustomPicker(Palette);\n"],"names":["isSelected","currentColor","predefinedColor","currentColorAlpha","chroma","alpha","predefinedColorAlpha","Palette","onChange","color","className","enableTransparencyPalette","colors","paletteColorsWithTransparent","paletteColors","_jsx","classNames","styles","paletteContainer","map","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","CustomPicker"],"mappings":";;;;;;;;;AAUA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,YAAY,EAAEC,eAAe,EAAK;EACpD,IAAMC,iBAAiB,GAAGC,MAAM,CAACH,YAAY,CAAC,CAACI,KAAK,EAAE,CAAA;EACtD,IAAMC,oBAAoB,GAAGF,MAAM,CAACF,eAAe,CAAC,CAACG,KAAK,EAAE,CAAA;AAE5D,EAAA,IAAI,CAACF,iBAAiB,EAAE,OAAOA,iBAAiB,KAAKG,oBAAoB,CAAA;EACzE,OAAOL,YAAY,KAAKC,eAAe,CAAA;AACzC,CAAC,CAAA;AAED,IAAMK,OAAO,GAAG,SAAVA,OAAO,CAAkE,IAAA,EAAA;EAAA,IAA5DC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,yBAAyB,QAAzBA,yBAAyB,CAAA;AACtE,EAAA,IAAMC,MAAM,GAAGD,yBAAyB,GAAGE,4BAA4B,GAAGC,aAAa,CAAA;EAEvF,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,gBAAgB,EAAER,SAAS,CAAE;AAAA,IAAA,QAAA,EAC5DE,MAAM,CAACO,GAAG,CAAC,UAAAjB,eAAe,EAAA;AAAA,MAAA,oBACzBa,IAAC,WAAW,EAAA;AAEV,QAAA,KAAK,EAAEb,eAAgB;AACvB,QAAA,UAAU,EAAEF,UAAU,CAACS,KAAK,EAAEP,eAAe,CAAE;AAC/C,QAAA,OAAO,EAAE,SAAM,OAAA,GAAA;UACbM,QAAQ,CAACN,eAAe,CAAC,CAAA;AAC3B,SAAA;AAAE,OAAA,EALGA,eAAe,CAMpB,CAAA;KACH,CAAA;GACG,CAAA,CAAA;AAEV,CAAC,CAAA;AAEDK,OAAO,CAACa,SAAS,GAAG;AAClBZ,EAAAA,QAAQ,EAAEa,SAAS,CAACC,IAAI,CAACC,UAAU;AACnCd,EAAAA,KAAK,EAAEY,SAAS,CAACG,MAAM,CAACD,UAAU;EAClCb,SAAS,EAAEW,SAAS,CAACG,MAAM;AAC3Bb,EAAAA,yBAAyB,EAAEU,SAAS,CAACI,IAAI,CAACF,UAAAA;AAC5C,CAAC,CAAA;AAEDhB,OAAO,CAACmB,YAAY,GAAG;AACrBhB,EAAAA,SAAS,EAAE,IAAA;AACb,CAAC,CAAA;AAED,gBAAeiB,YAAY,CAACpB,OAAO,CAAC;;;;"}

package/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PaletteConstants.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js"],"sourcesContent":["export const paletteColors = [\n // row 1\n '#c4c4c4',\n '#9b2310',\n '#ac5d09',\n '#a99704',\n '#6f920d',\n '#408e00',\n '#05907b',\n '#028597',\n '#295abb',\n '#4d2fbf',\n '#8a1caa',\n '#921d48',\n '#445f6c',\n // row 2\n '#000000',\n '#eb3f24',\n '#ff8200',\n '#ffe300',\n '#b9ed24',\n '#7eed24',\n '#1edcc1',\n '#00e0ff',\n '#558dfc',\n '#714cff',\n '#cc2afb',\n '#f6377c',\n '#738e9d',\n // row 3\n '#ffffff',\n '#fe8977',\n '#fbb368',\n '#fff17f',\n '#d6ff61',\n '#b9ff81',\n '#78feea',\n '#79efff',\n '#97baff',\n '#ad99fb',\n '#e488ff',\n '#ff87b3',\n '#bbc6cc',\n];\n\nexport const TRANSPARENT_HEX = '#00000000';\n\nexport const paletteColorsWithTransparent = paletteColors.map((color, i) => {\n return i === 0 ? TRANSPARENT_HEX : color;\n});\n"],"names":["paletteColors","TRANSPARENT_HEX","paletteColorsWithTransparent","map","color","i"],"mappings":"AAAO,IAAMA,aAAa,GAAG;AAC3B;AACA,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS;AACT;AACA,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS;AACT;AACA,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACV;AAEM,IAAMC,eAAe,GAAG,YAAW;AAEnC,IAAMC,4BAA4B,GAAGF,aAAa,CAACG,GAAG,CAAC,UAACC,KAAK,EAAEC,CAAC,EAAK;AAC1E,EAAA,OAAOA,CAAC,KAAK,CAAC,GAAGJ,eAAe,GAAGG,KAAK,CAAA;AAC1C,CAAC;;;;"}

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PaletteChromePicker.js","sources":["../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js"],"sourcesContent":["import { useState, useLayoutEffect, forwardRef } from 'react';\nimport { ChromePicker } from 'react-color';\nimport classNames from 'classnames';\n\nimport { makeStyles, IconButton, Tooltip } from '@material-ui/core';\nimport PaletteIcon from '@material-ui/icons/Palette';\nimport ColorizeIcon from '@material-ui/icons/Colorize';\n\nimport Palette from './Palette';\n\nconst PAGE_NAME = 'PaletteChromePicker';\n\nconst COLOR_PICK_MODE = {\n PALETTE: 'PALETTE',\n CHROME_PICKER: 'CHROME_PICKER',\n};\n\nconst chromePickerStyles = {\n default: {\n picker: {\n width: '100%',\n boxShadow: 'none',\n },\n body: {\n backgroundColor: '#3b3b3b',\n padding: '16px 16px 0',\n },\n color: {\n width: '32px',\n height: '32px',\n marginRight: '16px',\n borderRadius: '2px',\n },\n swatch: {\n marginTop: 0,\n width: '100%',\n height: '100%',\n borderRadius: 0,\n position: 'relative',\n overflow: 'hidden',\n },\n toggles: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n Alpha: {\n checkboard: {\n display: 'none',\n },\n gradient: {\n borderRadius: '5px',\n },\n },\n },\n};\n\nconst useStyles = makeStyles({\n container: {\n backgroundColor: '#3b3b3b',\n boxShadow: '0px 3px 10px rgba(0, 0, 0, 0.4)',\n width: '250px',\n paddingBottom: '8px',\n borderRadius: '4px',\n\n '& input': {\n border: '1px solid #616161 !important',\n backgroundColor: '#3b3b3b',\n color: '#fff !important',\n boxShadow: 'none !important',\n outline: 'none',\n },\n\n '& svg:not(.MuiSvgIcon-root)': {\n fill: '#bdbdbd !important',\n },\n },\n chromePickerPalette: {\n margin: '0 8px',\n paddingTop: '8px',\n },\n buttonsContainer: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: '8px',\n },\n iconButton: {\n padding: '8px',\n '&:hover': {\n backgroundColor: '#333333',\n },\n '&:hover $icon': {\n color: '#fff',\n },\n },\n icon: { color: '#bdbdbd', fontSize: '24px' },\n iconActive: { color: '#fff' },\n tooltip: {\n background: '#414141',\n color: '#fff',\n boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n borderRadius: '4px',\n opacity: 1,\n fontSize: '11px',\n },\n});\n\n/**\n * @typedef PaletteChromePickerProps\n * @property {string} color\n * @property {(color: { hex: string; hsl: any; rgb: any; }) => void} onChange\n * @property {() => void} [onSizeChange]\n * @property {boolean} [enableTransparencyPalette]\n */\n\nconst PaletteChromePicker = forwardRef(\n /**\n * @param {PaletteChromePickerProps} props\n * @param ref\n */\n ({ color, onChange, onSizeChange, enableTransparencyPalette }, ref) => {\n const classes = useStyles();\n const [pickMode, setPickMode] = useState(COLOR_PICK_MODE.PALETTE);\n\n useLayoutEffect(onSizeChange, [pickMode]);\n\n return (\n <div className={classes.container} ref={ref}>\n {pickMode === COLOR_PICK_MODE.PALETTE && (\n <Palette\n className={classes.chromePickerPalette}\n color={color}\n onChange={onChange}\n enableTransparencyPalette={enableTransparencyPalette}\n />\n )}\n {pickMode === COLOR_PICK_MODE.CHROME_PICKER && (\n <ChromePicker styles={chromePickerStyles} color={color} onChange={onChange} />\n )}\n <div className={classes.buttonsContainer}>\n <Tooltip title=\"Palette\" classes={{ tooltip: classes.tooltip }}>\n <IconButton\n data-testid={`${PAGE_NAME}_palette`}\n className={classes.iconButton}\n onClick={() => setPickMode(COLOR_PICK_MODE.PALETTE)}\n >\n <PaletteIcon\n className={classNames(classes.icon, {\n [classes.iconActive]: pickMode === COLOR_PICK_MODE.PALETTE,\n })}\n fontSize=\"small\"\n />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Pick your own\" classes={{ tooltip: classes.tooltip }}>\n <IconButton\n data-testid={`${PAGE_NAME}_pickOwn`}\n className={classes.iconButton}\n onClick={() => setPickMode(COLOR_PICK_MODE.CHROME_PICKER)}\n >\n <ColorizeIcon\n className={classNames(classes.icon, {\n [classes.iconActive]: pickMode === COLOR_PICK_MODE.CHROME_PICKER,\n })}\n fontSize=\"small\"\n />\n </IconButton>\n </Tooltip>\n </div>\n </div>\n );\n }\n);\n\nexport default PaletteChromePicker;\n"],"names":["PAGE_NAME","COLOR_PICK_MODE","PALETTE","CHROME_PICKER","chromePickerStyles","default","picker","width","boxShadow","body","backgroundColor","padding","color","height","marginRight","borderRadius","swatch","marginTop","position","overflow","toggles","display","flexDirection","justifyContent","Alpha","checkboard","gradient","useStyles","makeStyles","container","paddingBottom","border","outline","fill","chromePickerPalette","margin","paddingTop","buttonsContainer","iconButton","icon","fontSize","iconActive","tooltip","background","opacity","PaletteChromePicker","forwardRef","ref","onChange","onSizeChange","enableTransparencyPalette","classes","useState","pickMode","setPickMode","useLayoutEffect","_jsxs","_jsx","classNames"],"mappings":"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"}

package/components/ColorPickerPalette/ColorPickerPalette.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPickerPalette.js","sources":["../../../src/components/ColorPickerPalette/ColorPickerPalette.tsx"],"sourcesContent":["import { useRef, FC, ElementType } from 'react';\nimport { withStyles, Popover, PopoverActions, PopoverOrigin } from '@material-ui/core';\n\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker/PaletteChromePicker';\n\nconst converters = {\n rgba: c => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n rgb: c => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n hex: c => c.hex,\n rgba_rgb: c => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n rgba_hex: c => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\ninterface ColorPickerPaletteProps {\n color: string;\n onChange: (convertedColor: string) => void;\n handleClose: () => void;\n anchorEl?: null | Element | ((element: Element) => Element);\n converter?: string;\n popoverAnchorOrigin?: PopoverOrigin;\n popoverTransformOrigin?: PopoverOrigin;\n pickerComponent?: ElementType;\n classes?: { root: string; }\n enableTransparencyPalette?: boolean;\n}\n\nconst ColorPickerPalette = ({\n color,\n onChange,\n anchorEl,\n handleClose,\n converter,\n popoverAnchorOrigin,\n popoverTransformOrigin,\n pickerComponent: PickerComponent,\n classes,\n enableTransparencyPalette,\n}: ColorPickerPaletteProps): JSX.Element => {\n const popperInstanceRef = useRef<PopoverActions>();\n\n const handleChange = nextColor => {\n const convertedColor = converters[converter](nextColor);\n onChange(convertedColor);\n };\n\n const updatePopperPosition = () => {\n if (popperInstanceRef.current) {\n popperInstanceRef.current.updatePosition();\n }\n };\n\n return (\n <div className={classes.root}>\n <Popover\n id=\"colors-popper\"\n action={popperInstanceRef}\n open={Boolean(anchorEl)}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={popoverAnchorOrigin}\n transformOrigin={popoverTransformOrigin}\n >\n <PickerComponent\n color={color}\n onChange={handleChange}\n onSizeChange={updatePopperPosition}\n enableTransparencyPalette={enableTransparencyPalette}\n />\n </Popover>\n </div>\n );\n};\n\nColorPickerPalette.defaultProps = {\n converter: 'rgba_hex',\n pickerComponent: PaletteChromePicker,\n popoverAnchorOrigin: {\n vertical: 'bottom',\n horizontal: 'left',\n },\n popoverTransformOrigin: {\n vertical: 'top',\n horizontal: 'left',\n },\n enableTransparencyPalette: false,\n anchorEl: null,\n};\n\nexport default withStyles({\n root: {\n position: 'relative',\n display: 'flex',\n },\n popper: {\n zIndex: 1500,\n },\n topLabel: {\n marginBottom: '8px',\n fontSize: '15px',\n lineHeight: '17px',\n letterSpacing: '0.4px',\n color: '#BDBDBD',\n whiteSpace: 'nowrap',\n },\n rightLabel: {\n marginLeft: '8px',\n fontSize: '16px',\n },\n})(ColorPickerPalette as FC);\n"],"names":["converters","rgba","c","rgb","r","g","b","a","hex","rgba_rgb","rgba_hex","ColorPickerPalette","color","onChange","anchorEl","handleClose","converter","popoverAnchorOrigin","popoverTransformOrigin","PickerComponent","pickerComponent","classes","enableTransparencyPalette","popperInstanceRef","useRef","handleChange","nextColor","convertedColor","updatePopperPosition","current","updatePosition","_jsx","root","Boolean","defaultProps","PaletteChromePicker","vertical","horizontal","withStyles","position","display","popper","zIndex","topLabel","marginBottom","fontSize","lineHeight","letterSpacing","whiteSpace","rightLabel","marginLeft"],"mappings":"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"}

package/components/Comment/CommentIcon/BadgeIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BadgeIcon.js","sources":["../../../../src/components/Comment/CommentIcon/BadgeIcon.js"],"sourcesContent":["import { memo } from 'react';\n\nfunction BadgeIcon() {\n return (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z\"\n fill=\"#03BCD4\"\n stroke=\"#212121\"\n />\n <path\n d=\"M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z\"\n fill=\"#212121\"\n />\n </svg>\n );\n}\n\nexport default memo(BadgeIcon);\n"],"names":["BadgeIcon","_jsxs","_jsx","memo"],"mappings":";;;AAEA,SAASA,SAAS,GAAG;EACnB,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,IAAI;AAAC,IAAA,MAAM,EAAC,IAAI;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,MAAM;AAAC,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAC5F,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,4oBAA4oB;AAC9oB,MAAA,IAAI,EAAC,SAAS;AACd,MAAA,MAAM,EAAC,SAAA;AAAS,KAAA,CAChB,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,sOAAsO;AACxO,MAAA,IAAI,EAAC,SAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAEV,CAAA;AAEA,kBAAeC,IAAI,CAACH,SAAS,CAAC;;;;"}

package/components/Comment/CommentIcon/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/Comment/CommentIcon/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Badge, IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport { isNativeDetected, isMobileDetected } from '~/utils/mobileDetect';\n\nimport Avatar from '../../Avatar';\n\nimport BadgeIcon from './BadgeIcon';\n\nconst isMobileView = isNativeDetected || isMobileDetected;\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n padding: 0,\n '&:hover': {\n '& .MuiBadge-root .MuiBadge-badge svg path': {\n '&:first-of-type': { fill: theme.palette.primary.light },\n },\n '& .MuiAvatar-root': {\n outline: `1px solid ${theme.palette.primary.light}`,\n },\n },\n marginTop: 4,\n },\n badge: {\n top: 2,\n right: 6,\n '&:hover': {\n '& svg path': { '&:first-of-type': { fill: theme.palette.primary.light } },\n },\n },\n tooltip: {\n marginTop: 8,\n },\n}));\n\ninterface CommentIconProps extends PropTypes.InferProps<typeof commentIconProps> {}\n\nconst CommentIcon = ({ displayName, imgSrc, size }: CommentIconProps): JSX.Element => {\n const classes = useStyles();\n\n return (\n <Tooltip title={!isMobileView && \"Add Comment\"} placement=\"bottom\" classes={{ tooltip: classes.tooltip }}>\n <IconButton classes={{ root: classes.icon }}>\n <Badge classes={{ badge: classes.badge }} badgeContent={<BadgeIcon />}>\n <Avatar displayName={displayName} size={size} imgSrc={imgSrc} />\n </Badge>\n </IconButton>\n </Tooltip>\n );\n};\n\nconst commentIconProps = {\n displayName: PropTypes.string,\n imgSrc: PropTypes.string,\n size: PropTypes.number,\n};\n\nCommentIcon.propTypes = commentIconProps;\n\nCommentIcon.defaultProps = {\n displayName: '',\n imgSrc: undefined,\n size: 24,\n};\n\nexport default CommentIcon;\n"],"names":["isMobileView","isNativeDetected","isMobileDetected","useStyles","makeStyles","theme","icon","padding","fill","palette","primary","light","outline","marginTop","badge","top","right","tooltip","CommentIcon","displayName","imgSrc","size","classes","_jsx","root","commentIconProps","PropTypes","string","number","propTypes","defaultProps","undefined"],"mappings":";;;;;;;AASA,IAAMA,YAAY,GAAGC,gBAAgB,IAAIC,gBAAgB,CAAA;AAEzD,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,CAAC;AACV,MAAA,SAAS,EAAE;AACT,QAAA,2CAA2C,EAAE;AAC3C,UAAA,iBAAiB,EAAE;AAAEC,YAAAA,IAAI,EAAEH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,KAAAA;AAAM,WAAA;SACxD;AACD,QAAA,mBAAmB,EAAE;AACnBC,UAAAA,OAAO,sBAAeP,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,KAAK,CAAA;AACnD,SAAA;OACD;AACDE,MAAAA,SAAS,EAAE,CAAA;KACZ;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,KAAK,EAAE,CAAC;AACR,MAAA,SAAS,EAAE;AACT,QAAA,YAAY,EAAE;AAAE,UAAA,iBAAiB,EAAE;AAAER,YAAAA,IAAI,EAAEH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,KAAAA;AAAM,WAAA;AAAE,SAAA;AAC3E,OAAA;KACD;AACDM,IAAAA,OAAO,EAAE;AACPJ,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAIH,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAqE,IAAA,EAAA;EAAA,IAA/DC,WAAW,QAAXA,WAAW;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,IAAI,QAAJA,IAAI,CAAA;EAC9C,IAAMC,OAAO,GAAGnB,SAAS,EAAE,CAAA;AAE3B,EAAA,oBACEoB,IAAC,OAAO,EAAA;AAAC,IAAA,KAAK,EAAE,CAACvB,YAAY,IAAI,aAAc;AAAC,IAAA,SAAS,EAAC,QAAQ;AAAC,IAAA,OAAO,EAAE;MAAEiB,OAAO,EAAEK,OAAO,CAACL,OAAAA;KAAU;AAAA,IAAA,QAAA,eACvGM,IAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAE;QAAEC,IAAI,EAAEF,OAAO,CAAChB,IAAAA;OAAO;AAAA,MAAA,QAAA,eAC1CiB,IAAC,KAAK,EAAA;AAAC,QAAA,OAAO,EAAE;UAAET,KAAK,EAAEQ,OAAO,CAACR,KAAAA;SAAQ;QAAC,YAAY,eAAES,GAAC,CAAA,SAAS,EAAI,EAAA,CAAA;AAAA,QAAA,QAAA,eACpEA,IAAC,MAAM,EAAA;AAAC,UAAA,WAAW,EAAEJ,WAAY;AAAC,UAAA,IAAI,EAAEE,IAAK;AAAC,UAAA,MAAM,EAAED,MAAAA;AAAO,SAAA,CAAA;AAAG,OAAA,CAAA;AAC1D,KAAA,CAAA;GAEF,CAAA,CAAA;AAEd,EAAC;AAED,IAAMK,gBAAgB,GAAG;EACvBN,WAAW,EAAEO,SAAS,CAACC,MAAM;EAC7BP,MAAM,EAAEM,SAAS,CAACC,MAAM;EACxBN,IAAI,EAAEK,SAAS,CAACE,MAAAA;AAClB,CAAC,CAAA;AAEDV,WAAW,CAACW,SAAS,GAAGJ,gBAAgB,CAAA;AAExCP,WAAW,CAACY,YAAY,GAAG;AACzBX,EAAAA,WAAW,EAAE,EAAE;AACfC,EAAAA,MAAM,EAAEW,SAAS;AACjBV,EAAAA,IAAI,EAAE,EAAA;AACR,CAAC;;;;"}

package/components/Comment/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/Comment/index.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { get, noop, includes } from 'lodash';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport CommentWrapper from '~components/CommentWrapper';\nimport CommentLoader from '~components/CommentLoader';\nimport CommentInput from '~components/CommentInput';\nimport Avatar from '~components/Avatar';\nimport Attachment from '~components/Attachment';\nimport IconButton from '~components/IconButton';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport UserCardPopover from '~components/UserCardPopover';\n\nimport { formatMentionText } from '~components/UserMention/utils';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nimport { deleteFeedItemComment } from '../../clients/jsonApi';\n\nimport utils from '~utils/main';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'comment';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY HH:mm';\nconst CREATED_AT_FORMAT_NATIVE = 'MM/DD HH:mm';\n\nconst style = {\n chatAvatarWrapper: {\n paddingTop: 2,\n position: 'absolute',\n top: 6,\n left: 0,\n },\n commentInfoContainer: {\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n paddingTop: 5,\n },\n userNameWrapper: { overflow: 'hidden' },\n infoContainer: {\n display: 'inline-block',\n verticalAlign: 'top',\n width: '100%',\n paddingLeft: 33,\n },\n};\n\nconst muiStyles = theme => ({\n commentWrapper: { width: '100%' },\n timeRoot: {\n color: theme.palette.primary.text7,\n float: 'right',\n marginRight: 5,\n marginLeft: 8,\n fontSize: '12px',\n },\n textRoot: {\n marginTop: 5,\n color: '#CCC',\n fontWeight: 'normal',\n fontSize: '14px',\n },\n iconButtonRoot: {\n float: 'right',\n visibility: 'hidden',\n color: theme.palette.primary.text7,\n },\n userName: {\n fontSize: '12px',\n fontWeight: 'bold',\n },\n});\n\nclass Comment extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n actionsMenuAnchorEl: null,\n isLoading: false,\n isEditing: false,\n openDeleteDialog: false,\n };\n this.inputEl = createRef();\n this.commentEl = createRef();\n }\n\n componentDidMount() {\n if (this.props.showOnMount) {\n this.showIntoView();\n }\n }\n\n get isCurrentUserCommentCreator() {\n return Number(get(this.props.comment, ['user', 'id'])) === Number(this.props.currentUser.id);\n }\n\n deleteComment = async (feedItemId, commentId) => {\n let commentResponse;\n\n try {\n commentResponse = await deleteFeedItemComment(feedItemId, commentId);\n } catch (e) {\n console.error(e);\n }\n\n return commentResponse;\n };\n\n showIntoView = () => {\n this.props.handleShowOnMount();\n this.commentEl.current.scrollIntoView({ block: 'end' });\n };\n\n handleToggleActionsMenu = event => {\n const currentT = event.currentTarget;\n this.setState(({ actionsMenuAnchorEl }) => ({\n actionsMenuAnchorEl: actionsMenuAnchorEl ? null : currentT,\n }));\n };\n\n handleKeyDown = event => {\n if (event.keyCode === 27) {\n this.setState({\n isEditing: false,\n });\n }\n document.removeEventListener('keydown', this.handleKeyDown, false);\n };\n\n handleEditMenuItem = () => {\n document.addEventListener('keydown', this.handleKeyDown, false);\n this.setState(\n {\n isEditing: true,\n },\n () => {\n if (this.inputEl.current) this.inputEl.current.focus();\n }\n );\n };\n\n // TODO: move to one prop, not multiple\n getEditCommentProps = () => {\n const { comment } = this.props;\n const editCommentId = comment.id;\n const editComment = comment.body;\n const editAttachment = comment.attachment;\n const editFeedItemId = comment.feed_activity_id;\n return {\n editFeedItemId,\n editCommentId,\n editComment,\n editAttachment,\n };\n };\n\n onEditFinish = () => {\n this.setState({ isEditing: false, isLoading: false });\n };\n\n handleDeleteMenuItem = () => {\n this.setState({ openDeleteDialog: true });\n };\n\n handleDelete = async () => {\n const { id } = this.props.comment;\n const feedItemId = this.props.comment.feed_activity_id;\n\n this.setState({ isLoading: true });\n\n const response = await this.deleteComment(feedItemId, id);\n\n this.setState({ isLoading: false, openDeleteDialog: false });\n if (response) this.props.handleDeleteCallback(id);\n };\n\n renderMenuIcon() {\n const showEdit = this.isCurrentUserCommentCreator;\n\n const showDelete =\n this.isCurrentUserCommentCreator || includes(this.props.comment.allowed_actions, 'destroy');\n\n if (!(showDelete || showEdit)) return null;\n\n return (\n <div className={styles.cCommentMenu}>\n <IconButton\n data-testid={`${PAGE_NAME}_menuButton`}\n aria-label=\"Actions\"\n aria-owns={this.state.actionsMenuAnchorEl ? 'c-comment__actions-menu' : undefined}\n aria-haspopup=\"true\"\n className={this.props.classes.iconButtonRoot}\n size=\"small\"\n onClick={this.handleToggleActionsMenu}\n >\n <MoreVertIcon />\n </IconButton>\n\n <Menu\n id=\"c-comment__actions-menu\"\n anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n anchorEl={this.state.actionsMenuAnchorEl}\n open={!!this.state.actionsMenuAnchorEl}\n onClick={this.handleToggleActionsMenu}\n >\n {showEdit && (\n <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={this.handleEditMenuItem}>\n Edit\n </MenuItem>\n )}\n\n {showDelete && (\n <MenuItem\n data-testid={`${PAGE_NAME}_deleteMenuItem`}\n onClick={this.handleDeleteMenuItem}\n >\n Delete\n </MenuItem>\n )}\n </Menu>\n </div>\n );\n }\n\n render() {\n const { isLoading, isEditing } = this.state;\n\n if (isLoading) {\n const { spaceAround } = this.props;\n return <CommentLoader spaceAround={spaceAround} />;\n }\n\n const { comment, classes, spaceAround, isNative, patchCommentCallback, companyId } = this.props;\n\n if (isEditing) {\n return (\n <CommentInput\n inputRef={this.inputEl}\n postComment={noop}\n exitEditMode={this.onEditFinish}\n setIsEditting={() => this.setState({ isLoading: true })}\n patchCommentCallback={patchCommentCallback}\n companyId={companyId}\n currentUser={this.props.currentUser}\n {...this.getEditCommentProps()}\n />\n );\n }\n\n const userFullName = utils.getUserFullName(comment.user);\n\n const format = isNative ? CREATED_AT_FORMAT_NATIVE : CREATED_AT_FORMAT;\n const time = moment(comment.created_at).format(format);\n\n const attachmentUrl = comment?.attachment?.signed_url || comment?.attachment?.url;\n const attachmentSize = get(comment, ['attachment', 'size']);\n const attachmentFileName = get(comment, ['attachment', 'file_name']);\n\n return (\n <div\n data-testid={`${PAGE_NAME}_commentItem_${comment.body}`}\n className={classNames(styles.cComment, { [styles.cCommentNative]: isNative })}\n ref={this.commentEl}\n >\n <CommentWrapper spaceAround={spaceAround} className={this.props.classes.commentWrapper}>\n <div style={style.chatAvatarWrapper}>\n {isNative ? (\n <Avatar\n size={24}\n displayName={userFullName}\n imgSrc={get(comment, ['user', 'profile_photo'])}\n className={this.props.classes.avatar}\n />\n ) : (\n <UserCardPopover user={comment.user} currentUser={this.props.currentUser}>\n <Avatar\n size={24}\n displayName={userFullName}\n imgSrc={get(comment, ['user', 'profile_photo'])}\n className={this.props.classes.avatar}\n />\n </UserCardPopover>\n )}\n </div>\n\n <div style={style.infoContainer}>\n <div>\n <div style={style.commentInfoContainer}>\n <div style={style.userNameWrapper}>\n <Typography\n data-testid={`${PAGE_NAME}_userName`}\n variant=\"subtitle2\"\n noWrap\n className={classes.userName}\n >\n {userFullName}\n </Typography>\n </div>\n\n <div style={style.timeWrapper}>\n <Typography\n data-testid={`${PAGE_NAME}_addTime`}\n variant=\"caption\"\n classes={{ root: classes.timeRoot }}\n >\n {time}\n </Typography>\n </div>\n </div>\n </div>\n\n <div className={styles.cCommentBody}>\n {this.renderMenuIcon()}\n <Typography\n data-testid={`${PAGE_NAME}_commentMessage`}\n variant=\"body1\"\n classes={{ root: classes.textRoot }}\n >\n {formatMentionText(\n comment.body,\n comment.mentioned_users,\n isNative,\n '#00bcd4',\n this.props.currentUser\n )}\n </Typography>\n\n {attachmentUrl && (\n <Attachment\n attachmentUrl={attachmentUrl}\n attachmentSize={attachmentSize}\n size=\"small\"\n fileName={attachmentFileName}\n />\n )}\n </div>\n </div>\n </CommentWrapper>\n\n {this.state.openDeleteDialog && (\n <ConfirmationDialog\n open={this.state.openDeleteDialog}\n text=\"Do you really want to delete comment?\"\n handleClose={() => this.setState({ openDeleteDialog: false })}\n handleOk={this.handleDelete}\n okText=\"Delete\"\n />\n )}\n </div>\n );\n }\n}\n\nComment.propTypes = {\n comment: PropTypes.shape({}).isRequired,\n showOnMount: PropTypes.bool,\n spaceAround: PropTypes.bool,\n handleShowOnMount: PropTypes.func,\n handleEdit: PropTypes.func,\n handleDeleteCallback: PropTypes.func.isRequired,\n patchCommentCallback: PropTypes.func.isRequired,\n companyId: PropTypes.number,\n currentUser: PropTypes.shape(),\n\n classes: PropTypes.shape({}).isRequired,\n isNative: PropTypes.bool,\n};\n\nComment.defaultProps = {\n showOnMount: false,\n spaceAround: false,\n handleShowOnMount: noop,\n handleEdit: noop,\n companyId: null,\n\n isNative: isNativeDetected,\n\n currentUser: {},\n};\n\nexport default withStyles(muiStyles)(Comment);\n"],"names":["PAGE_NAME","CREATED_AT_FORMAT","CREATED_AT_FORMAT_NATIVE","style","chatAvatarWrapper","paddingTop","position","top","left","commentInfoContainer","display","alignItems","width","userNameWrapper","overflow","infoContainer","verticalAlign","paddingLeft","muiStyles","theme","commentWrapper","timeRoot","color","palette","primary","text7","float","marginRight","marginLeft","fontSize","textRoot","marginTop","fontWeight","iconButtonRoot","visibility","userName","Comment","props","feedItemId","commentId","deleteFeedItemComment","commentResponse","console","error","handleShowOnMount","commentEl","current","scrollIntoView","block","event","currentT","currentTarget","setState","actionsMenuAnchorEl","keyCode","isEditing","document","removeEventListener","handleKeyDown","addEventListener","inputEl","focus","comment","editCommentId","id","editComment","body","editAttachment","attachment","editFeedItemId","feed_activity_id","isLoading","openDeleteDialog","deleteComment","response","handleDeleteCallback","state","createRef","showOnMount","showIntoView","get","Number","currentUser","showEdit","isCurrentUserCommentCreator","showDelete","includes","allowed_actions","_jsxs","styles","cCommentMenu","_jsx","undefined","classes","handleToggleActionsMenu","vertical","horizontal","handleEditMenuItem","handleDeleteMenuItem","spaceAround","isNative","patchCommentCallback","companyId","noop","onEditFinish","getEditCommentProps","userFullName","utils","getUserFullName","user","format","time","moment","created_at","attachmentUrl","signed_url","url","attachmentSize","attachmentFileName","classNames","cComment","cCommentNative","avatar","timeWrapper","root","cCommentBody","renderMenuIcon","formatMentionText","mentioned_users","handleDelete","PureComponent","propTypes","PropTypes","shape","isRequired","bool","func","handleEdit","number","defaultProps","isNativeDetected","withStyles"],"mappings":"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"}

package/components/Comment/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/CommentInput/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/CommentInput/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapse, Typography, TextField, InputAdornment, Paper } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { get } from 'lodash';\n\nimport grey from '@material-ui/core/colors/grey';\n\nimport Avatar from '~components/Avatar';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport UserMention from '~components/UserMention';\nimport FilePreview from '~components/FilePreview';\nimport IconButton from '~components/IconButton';\nimport SendIcon from '~components/Icons/SendIcon';\n\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\n\nimport utils from '~utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { notifyCommentEdit, notifyCommentPost } from '~utils/nativeMessages'; // question here\n\nimport { patchFeedItemComment } from '../../clients/jsonApi';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'commentInput';\n\nconst INPUT_HEIGHT = 32;\nconst AVATAR_SIZE = 32;\n\nconst style = {\n chatAvatarWrapper: {\n display: 'flex',\n alignItems: 'center',\n position: 'absolute',\n left: 0,\n height: INPUT_HEIGHT,\n },\n commentTextFieldContainer: { position: 'relative', margin: '0' },\n commentTextFieldContainerSpaceAround: { position: 'relative', margin: '20px 10px' },\n};\n\nconst muiStyles = theme => ({\n paperRoot: {\n width: 'calc(100% - 48px)',\n marginLeft: AVATAR_SIZE + 16,\n display: 'inline-block',\n height: INPUT_HEIGHT,\n border: '0',\n '&:focus-within': {\n boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n },\n boxShadow: 'none',\n background: '#4D4D4D',\n },\n input: {\n paddingLeft: 5,\n width: '100%',\n },\n inputRoot: {\n height: INPUT_HEIGHT,\n paddingRight: '8px',\n lineHeight: '29px',\n paddingLeft: '8px',\n },\n inputEl: { padding: '0 0 0 6px', height: '100%' },\n additionalActionButton: {\n padding: '6px',\n },\n nativeActionButton: {\n margin: '5px 10px',\n cursor: 'pointer',\n },\n fileUploadingError: {\n marginTop: 10,\n marginLeft: 24,\n },\n inputMain: {\n marginBottom: 0,\n fontSize: '11px',\n color: theme.palette.primary.text8,\n },\n inputHelper: {\n display: 'flex',\n paddingRight: 5,\n },\n cancelText: {\n cursor: 'pointer',\n },\n highlightedLabel: {\n color: theme.palette.primary.main,\n },\n iconTooltip: {\n marginTop: '3px',\n },\n sendButton: {\n '&:hover': {\n backgroundColor: 'rgba(3,188,212, 0.1)',\n },\n '&.MuiButtonBase-root': {\n padding: 7,\n },\n },\n inputAdornment: {\n marginBottom: '0!important',\n height: '100%',\n },\n});\n\nclass CommentInput extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n comment: '',\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n\n attachmentLoadingError: null,\n isInputFocused: false,\n };\n }\n\n componentDidMount() {\n if (this.isEditMode) {\n this.setInitialCommentValue();\n }\n }\n\n componentDidUpdate(prevProps) {\n const enteredEditMode = this.isEditMode && !prevProps.editFeedItemId;\n if (\n enteredEditMode ||\n (this.props.editCommentId && this.props.editCommentId !== prevProps.editCommentId)\n ) {\n this.setInitialCommentValue();\n }\n }\n\n get isEditMode() {\n return !!this.props.editFeedItemId;\n }\n\n setInitialCommentValue() {\n const attachmentUrl = this.props.editAttachment ? this.props.editAttachment.url : null;\n\n this.setState({\n comment: this.props.editComment,\n attachmentUrl,\n attachmentName: attachmentUrl\n ? this.props.editAttachment.file_name ||\n utils.getFileNameWithExtensionFromPath(attachmentUrl)\n : null,\n attachmentSize: this.props.editAttachment ? this.props.editAttachment.size : null,\n });\n }\n\n handleSelectEmoji = emoji =>\n this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n postComment = async comment => {\n let commentResponse;\n try {\n commentResponse = await this.props.postComment(comment);\n } catch (e) {\n console.error(e.message);\n }\n\n return commentResponse;\n };\n\n patchComment = async comment => {\n const { editFeedItemId, editCommentId } = this.props;\n\n let commentResponse;\n\n try {\n commentResponse = await patchFeedItemComment(editFeedItemId, editCommentId, comment);\n } catch (e) {\n console.error(e.message);\n }\n\n return commentResponse;\n };\n\n focusOnRef() {\n if (this.props.inputRef) this.props.inputRef.current.focus();\n }\n\n clearCommentField = callback => {\n this.setState(\n {\n comment: '',\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n },\n () => {\n this.focusOnRef();\n if (callback && typeof callback === 'function') callback();\n }\n );\n };\n\n handleKeyDown = event => {\n const { key } = event;\n\n if (key === 'Escape') this.props.exitEditMode();\n\n if (key === 'Enter') {\n if (!isSuggestionsListOpened()) {\n event.preventDefault();\n this.handleSendComment();\n }\n }\n };\n\n handleAttachmentLoadingError = attachmentLoadingError => {\n this.setState({\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n attachmentLoadingError,\n });\n };\n\n handleFileUpload = (attachmentUrl, attachmentName, attachmentSize) => {\n this.setState({\n attachmentUrl,\n attachmentName,\n attachmentSize,\n attachmentLoadingError: null,\n });\n };\n\n handleNativeFileUpload = () => {\n const { comment } = this.state;\n\n if (this.isEditMode) {\n notifyCommentEdit(comment);\n this.clearCommentField(this.props.exitEditMode);\n } else {\n notifyCommentPost(comment);\n this.clearCommentField();\n }\n };\n\n handleFileDelete = () =>\n this.setState({ attachmentUrl: null, attachmentName: null, attachmentSize: null });\n\n handleSendComment = async () => {\n const textComment = this.state.comment ? this.state.comment.trim() : null;\n if (!textComment && !this.state.attachmentUrl) return;\n\n const comment = {\n comment: {\n body: textComment,\n attachment: {\n url: this.state.attachmentUrl,\n size: this.state.attachmentSize,\n file_name: this.state.attachmentName,\n },\n },\n };\n\n let commentResponse;\n\n if (this.isEditMode) {\n this.props.setIsEditting(true);\n\n commentResponse = await this.patchComment(comment);\n await this.props.patchCommentCallback(commentResponse);\n\n this.props.setIsEditting(false);\n this.clearCommentField();\n this.props.exitEditMode();\n } else {\n this.props.setIsPosting(true);\n\n commentResponse = await this.postComment(comment);\n await this.props.postCommentCallback(commentResponse);\n\n this.props.setIsPosting(false);\n this.clearCommentField();\n }\n };\n\n handleCancelClick = () => {\n this.setState(\n {\n comment: '',\n attachmentUrl: null,\n attachmentName: null,\n attachmentSize: null,\n },\n this.props.exitEditMode()\n );\n };\n\n render() {\n const { classes, currentUser } = this.props;\n\n const currentUserFullName = `${\n get(currentUser, ['attributes', 'first_name']) || get(currentUser, 'first_name')\n } ${get(currentUser, ['attributes', 'last_name']) || get(currentUser, 'last_name')}`;\n\n const isVisibleActionBar =\n this.state.isInputFocused ||\n this.state.attachmentUrl ||\n this.state.comment ||\n this.props.editComment ||\n this.props.editAttachment?.url;\n\n return (\n <div\n style={\n this.props.spaceAround\n ? style.commentTextFieldContainerSpaceAround\n : style.commentTextFieldContainer\n }\n >\n <div style={style.chatAvatarWrapper}>\n <Avatar\n displayName={currentUserFullName}\n size={AVATAR_SIZE}\n imgSrc={this.props.currentUser && this.props.currentUser.profile_photo}\n />\n </div>\n <Paper className={this.props.classes.paperRoot}>\n <TextField\n data-testid={`${PAGE_NAME}_input`}\n placeholder=\"Type Comment\"\n FormHelperTextProps={{\n component: 'div',\n margin: 'dense',\n }}\n InputProps={{\n inputComponent: UserMention,\n inputProps: {\n onChange: comment => this.setState({ comment }),\n singleLine: true,\n value: this.state.comment || '',\n inputRef: this.props.inputRef,\n withLightTheme: false,\n onMount: this.props.onMount,\n companyId: this.props.companyId,\n autoFocus: this.props.autoFocus,\n disabled: this.props.disabled,\n onFocus: () => this.setState({ isInputFocused: true }),\n onBlur: () => this.setState({ isInputFocused: false }),\n allowSuggestionsAboveCursor: true,\n },\n endAdornment: !this.props.isNative && (\n <InputAdornment position=\"end\" className={this.props.classes.inputAdornment}>\n {!this.state.attachmentUrl && (\n <div\n className={classNames(\n styles.cCommentInputIconContainer,\n styles.cCommentInputIconUpload\n )}\n >\n <FileUploadIconButton\n openPreviewDialogOnUpload={false}\n disableRipple\n onFinish={this.handleFileUpload}\n onError={this.handleAttachmentLoadingError}\n fileUploadIconClassName={this.props.classes.additionalActionButton}\n htmlColor={grey[400]}\n inputId={`comment-attachment-${\n this.props.editCommentId || this.props.parentId\n }`}\n tooltipProps={{\n title: 'Attach File',\n classes: { tooltip: classes.iconTooltip },\n placement: 'top',\n }}\n />\n </div>\n )}\n <div className={styles.cCommentInputIconContainer}>\n <EmojiIconButton\n data-testid={`${PAGE_NAME}_emojiButton`}\n handleSelectEmoji={this.handleSelectEmoji}\n emojiIconClassName={this.props.classes.additionalActionButton}\n htmlColor={grey[400]}\n disableRipple\n tooltipProps={{\n title: 'Add Emoji',\n classes: { tooltip: classes.iconTooltip },\n placement: 'top',\n }}\n />\n </div>\n </InputAdornment>\n ),\n disableUnderline: true,\n classes: {\n root: this.props.classes.inputRoot,\n input: this.props.classes.inputEl,\n },\n }}\n className={this.props.classes.input}\n onKeyDown={this.handleKeyDown}\n />\n </Paper>\n\n {this.state.attachmentLoadingError && (\n <FailedFileUploading\n errorMessage={this.state.attachmentLoadingError}\n className={this.props.classes.fileUploadingError}\n />\n )}\n\n {this.state.attachmentUrl && (\n <FilePreview\n fileName={this.state.attachmentName}\n fileUrl={this.state.attachmentUrl}\n handleFileDelete={this.handleFileDelete}\n classes={this.props.classes}\n />\n )}\n <Collapse in={isVisibleActionBar} mountOnEnter unmountOnExit>\n <div className={styles.cCommentInputSendContainer}>\n <div className={styles.cCommentInputSendContainerCancel}>\n <Typography\n data-testid={`${PAGE_NAME}_cancel`}\n variant=\"caption\"\n className={classNames(\n this.props.classes.inputMain,\n this.props.classes.cancelText,\n this.props.classes.highlightedLabel\n )}\n component=\"div\"\n gutterBottom\n onClick={this.handleCancelClick}\n >\n Cancel\n </Typography>\n </div>\n <div className={styles.cCommentInputSendContainerSend}>\n <Typography\n variant=\"caption\"\n className={classNames(this.props.classes.inputMain, this.props.classes.inputHelper)}\n component=\"div\"\n gutterBottom\n >\n Press \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(\n this.props.classes.inputMain,\n this.props.classes.highlightedLabel\n )}\n >\n Enter\n </Typography>\n  to send\n </Typography>\n <IconButton\n size=\"large\"\n tooltipProps={{ title: 'Send' }}\n data-testid={`${PAGE_NAME}_sendButton`}\n onClick={this.handleSendComment}\n classes={{ root: this.props.classes.sendButton }}\n >\n <SendIcon />\n </IconButton>\n </div>\n </div>\n </Collapse>\n </div>\n );\n }\n}\n\nCommentInput.propTypes = {\n inputRef: PropTypes.shape({ current: PropTypes.shape({ focus: PropTypes.shape({}) }) }),\n editFeedItemId: PropTypes.number,\n editCommentId: PropTypes.number,\n editComment: PropTypes.string,\n editAttachment: PropTypes.shape({\n url: PropTypes.string,\n size: PropTypes.number,\n file_name: PropTypes.string,\n }),\n spaceAround: PropTypes.bool,\n postComment: PropTypes.func.isRequired,\n postCommentCallback: PropTypes.func,\n patchCommentCallback: PropTypes.func,\n exitEditMode: PropTypes.func,\n setIsPosting: PropTypes.func,\n setIsEditting: PropTypes.func,\n onMount: PropTypes.func,\n autoFocus: PropTypes.bool,\n disabled: PropTypes.bool,\n\n classes: PropTypes.shape({}).isRequired,\n\n currentUser: PropTypes.shape(),\n isNative: PropTypes.bool,\n companyId: PropTypes.number,\n parentId: PropTypes.string,\n};\n\nCommentInput.defaultProps = {\n inputRef: null,\n editFeedItemId: null,\n editCommentId: null,\n parentId: null,\n editComment: null,\n editAttachment: {},\n spaceAround: false,\n setIsPosting: noop,\n setIsEditting: noop,\n onMount: noop,\n autoFocus: undefined,\n disabled: false,\n patchCommentCallback: noop,\n postCommentCallback: noop,\n exitEditMode: noop,\n companyId: null,\n currentUser: {},\n\n isNative: isNativeDetected,\n};\n\nexport default withStyles(muiStyles)(CommentInput);\n"],"names":["PAGE_NAME","INPUT_HEIGHT","AVATAR_SIZE","style","chatAvatarWrapper","display","alignItems","position","left","height","commentTextFieldContainer","margin","commentTextFieldContainerSpaceAround","muiStyles","theme","paperRoot","width","marginLeft","border","boxShadow","palette","primary","main","background","input","paddingLeft","inputRoot","paddingRight","lineHeight","inputEl","padding","additionalActionButton","nativeActionButton","cursor","fileUploadingError","marginTop","inputMain","marginBottom","fontSize","color","text8","inputHelper","cancelText","highlightedLabel","iconTooltip","sendButton","backgroundColor","inputAdornment","CommentInput","props","emoji","setState","comment","native","postComment","commentResponse","console","error","message","editFeedItemId","editCommentId","patchFeedItemComment","callback","attachmentUrl","attachmentName","attachmentSize","focusOnRef","event","key","exitEditMode","isSuggestionsListOpened","preventDefault","handleSendComment","attachmentLoadingError","state","isEditMode","notifyCommentEdit","clearCommentField","notifyCommentPost","textComment","trim","body","attachment","url","size","file_name","setIsEditting","patchComment","patchCommentCallback","setIsPosting","postCommentCallback","isInputFocused","setInitialCommentValue","prevProps","enteredEditMode","editAttachment","editComment","utils","getFileNameWithExtensionFromPath","inputRef","current","focus","classes","currentUser","currentUserFullName","get","isVisibleActionBar","_jsxs","spaceAround","_jsx","profile_photo","component","inputComponent","UserMention","inputProps","onChange","singleLine","value","withLightTheme","onMount","companyId","autoFocus","disabled","onFocus","onBlur","allowSuggestionsAboveCursor","endAdornment","isNative","classNames","styles","cCommentInputIconContainer","cCommentInputIconUpload","handleFileUpload","handleAttachmentLoadingError","grey","parentId","title","tooltip","placement","handleSelectEmoji","disableUnderline","root","handleKeyDown","handleFileDelete","cCommentInputSendContainer","cCommentInputSendContainerCancel","handleCancelClick","cCommentInputSendContainerSend","PureComponent","propTypes","PropTypes","shape","number","string","bool","func","isRequired","defaultProps","noop","undefined","isNativeDetected","withStyles"],"mappings":"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"}

package/components/CommentInput/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/CommentLoader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentLoader.js","sources":["../../src/components/CommentLoader.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n // NOTE: Centers the LoadingIndicator\n loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n commentWrapper: {\n width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n },\n};\n\nclass CommentLoader extends PureComponent {\n constructor(props) {\n super(props);\n\n this.commentLoaderEl = createRef();\n }\n\n componentDidMount() {\n if (this.props.showOnMount) {\n this.showIntoView();\n }\n }\n\n showIntoView = () => {\n this.commentLoaderEl.current.scrollIntoView({ block: 'end' });\n };\n\n render() {\n return (\n <div ref={this.commentLoaderEl}>\n <CommentWrapper\n spaceAround={this.props.spaceAround}\n isLoader\n className={this.props.classes.commentWrapper}\n >\n <div style={styles.loadingIndicatorWrapper}>\n <LoadingIndicator fullscreen={false} size={30} />\n </div>\n </CommentWrapper>\n </div>\n );\n }\n}\n\nCommentLoader.propTypes = {\n showOnMount: PropTypes.bool,\n spaceAround: PropTypes.bool,\n\n classes: PropTypes.shape({}).isRequired\n};\n\nCommentLoader.defaultProps = {\n showOnMount: false,\n spaceAround: false,\n};\n\nexport default withStyles(muiStyles)(CommentLoader);\n"],"names":["styles","loadingIndicatorWrapper","padding","muiStyles","commentWrapper","width","CommentLoader","props","commentLoaderEl","current","scrollIntoView","block","createRef","showOnMount","showIntoView","_jsx","spaceAround","classes","PureComponent","propTypes","PropTypes","bool","shape","isRequired","defaultProps","withStyles"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,MAAM,GAAG;AACb;AACAC,EAAAA,uBAAuB,EAAE;AAAEC,IAAAA,OAAO,EAAE,YAAA;AAAa,GAAA;AACnD,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG;AAChBC,EAAAA,cAAc,EAAE;IACdC,KAAK,EAAE,mBAAmB;AAC5B,GAAA;AACF,CAAC,CAAA;AAAC,IAEIC,aAAa,gBAAA,UAAA,cAAA,EAAA;AAAA,EAAA,SAAA,CAAA,aAAA,EAAA,cAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,aAAA,CAAA,CAAA;AACjB,EAAA,SAAA,aAAA,CAAYC,KAAK,EAAE;AAAA,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AACjB,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMA,KAAK,CAAA,CAAA;AAAE,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,cAAA,EAWA,YAAM;AACnB,MAAA,KAAA,CAAKC,eAAe,CAACC,OAAO,CAACC,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;KAC9D,CAAA,CAAA;IAXC,KAAKH,CAAAA,eAAe,GAAGI,SAAS,EAAE,CAAA;AAAC,IAAA,OAAA,KAAA,CAAA;AACrC,GAAA;AAAC,EAAA,YAAA,CAAA,aAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EAED,SAAoB,iBAAA,GAAA;AAClB,MAAA,IAAI,IAAI,CAACL,KAAK,CAACM,WAAW,EAAE;QAC1B,IAAI,CAACC,YAAY,EAAE,CAAA;AACrB,OAAA;AACF,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAMD,SAAS,MAAA,GAAA;MACP,oBACEC,GAAA,CAAA,KAAA,EAAA;QAAK,GAAG,EAAE,IAAI,CAACP,eAAgB;AAAA,QAAA,QAAA,eAC7BO,IAAC,cAAc,EAAA;AACb,UAAA,WAAW,EAAE,IAAI,CAACR,KAAK,CAACS,WAAY;UACpC,QAAQ,EAAA,IAAA;AACR,UAAA,SAAS,EAAE,IAAI,CAACT,KAAK,CAACU,OAAO,CAACb,cAAe;UAAA,QAE7C,eAAAW,GAAA,CAAA,KAAA,EAAA;YAAK,KAAK,EAAEf,MAAM,CAACC,uBAAwB;AAAA,YAAA,QAAA,eACzCc,IAAC,gBAAgB,EAAA;AAAC,cAAA,UAAU,EAAE,KAAM;AAAC,cAAA,IAAI,EAAE,EAAA;AAAG,aAAA,CAAA;AAAG,WAAA,CAAA;AAC7C,SAAA,CAAA;OAEJ,CAAA,CAAA;AAEV,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,aAAA,CAAA;AAAA,CAAA,CA/ByBG,aAAa,CAAA,CAAA;AAkCzCZ,aAAa,CAACa,SAAS,GAAG;EACxBN,WAAW,EAAEO,SAAS,CAACC,IAAI;EAC3BL,WAAW,EAAEI,SAAS,CAACC,IAAI;EAE3BJ,OAAO,EAAEG,SAAS,CAACE,KAAK,CAAC,EAAE,CAAC,CAACC,UAAAA;AAC/B,CAAC,CAAA;AAEDjB,aAAa,CAACkB,YAAY,GAAG;AAC3BX,EAAAA,WAAW,EAAE,KAAK;AAClBG,EAAAA,WAAW,EAAE,KAAA;AACf,CAAC,CAAA;AAED,sBAAeS,UAAU,CAACtB,SAAS,CAAC,CAACG,aAAa,CAAC;;;;"}

package/components/CommentWrapper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommentWrapper.js","sources":["../../src/components/CommentWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\n\nconst muiStyles = {\n paperBase: { backgroundColor: 'transparent', position: 'relative' },\n // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment\n paperRoot: { marginBottom: 8 },\n // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment\n paperRootSpaceAround: { margin: '5px 0 10px', padding: 11 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment\n paperRootLoader: { margin: '5px 0', minHeight: 60 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment with space around\n paperRootLoaderSpaceAround: { margin: '5px 0 10px', padding: '4px 0 6px' },\n};\n\nconst getPaperRoot = (classes, spaceAround, isLoader) => {\n if (isLoader && spaceAround) {\n return classes.paperRootLoaderSpaceAround;\n } else if (isLoader && !spaceAround) {\n return classes.paperRootLoader;\n } else if (!isLoader && spaceAround) {\n return classes.paperRootSpaceAround;\n } else if (!isLoader && !spaceAround) {\n return classes.paperRoot;\n }\n\n return null;\n};\n\nconst CommentWrapper = ({ spaceAround, isLoader, children, classes, className }) => (\n <Paper\n className={classNames(\n getPaperRoot(classes, spaceAround, isLoader),\n classes.paperBase,\n className\n )}\n elevation={0}\n >\n {children}\n </Paper>\n);\n\nCommentWrapper.propTypes = {\n spaceAround: PropTypes.bool,\n isLoader: PropTypes.bool,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n\n classes: PropTypes.shape({}).isRequired,\n};\n\nCommentWrapper.defaultProps = {\n spaceAround: false,\n isLoader: false,\n className: undefined,\n};\n\nexport default withStyles(muiStyles)(CommentWrapper);\n"],"names":["muiStyles","paperBase","backgroundColor","position","paperRoot","marginBottom","paperRootSpaceAround","margin","padding","paperRootLoader","minHeight","paperRootLoaderSpaceAround","getPaperRoot","classes","spaceAround","isLoader","CommentWrapper","children","className","_jsx","classNames","propTypes","PropTypes","bool","node","isRequired","string","shape","defaultProps","undefined","withStyles"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,eAAe,EAAE,aAAa;AAAEC,IAAAA,QAAQ,EAAE,UAAA;GAAY;AACnE;AACAC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,YAAY,EAAE,CAAA;GAAG;AAC9B;AACAC,EAAAA,oBAAoB,EAAE;AAAEC,IAAAA,MAAM,EAAE,YAAY;AAAEC,IAAAA,OAAO,EAAE,EAAA;GAAI;AAC3D;AACAC,EAAAA,eAAe,EAAE;AAAEF,IAAAA,MAAM,EAAE,OAAO;AAAEG,IAAAA,SAAS,EAAE,EAAA;GAAI;AACnD;AACAC,EAAAA,0BAA0B,EAAE;AAAEJ,IAAAA,MAAM,EAAE,YAAY;AAAEC,IAAAA,OAAO,EAAE,WAAA;AAAY,GAAA;AAC3E,CAAC,CAAA;AAED,IAAMI,YAAY,GAAG,SAAfA,YAAY,CAAIC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,EAAK;EACvD,IAAIA,QAAQ,IAAID,WAAW,EAAE;IAC3B,OAAOD,OAAO,CAACF,0BAA0B,CAAA;AAC3C,GAAC,MAAM,IAAII,QAAQ,IAAI,CAACD,WAAW,EAAE;IACnC,OAAOD,OAAO,CAACJ,eAAe,CAAA;AAChC,GAAC,MAAM,IAAI,CAACM,QAAQ,IAAID,WAAW,EAAE;IACnC,OAAOD,OAAO,CAACP,oBAAoB,CAAA;AACrC,GAAC,MAAM,IAAI,CAACS,QAAQ,IAAI,CAACD,WAAW,EAAE;IACpC,OAAOD,OAAO,CAACT,SAAS,CAAA;AAC1B,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,IAAMY,cAAc,GAAG,SAAjBA,cAAc,CAAA,IAAA,EAAA;EAAA,IAAMF,WAAW,QAAXA,WAAW;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEE,IAAAA,QAAQ,QAARA,QAAQ;AAAEJ,IAAAA,OAAO,QAAPA,OAAO;AAAEK,IAAAA,SAAS,QAATA,SAAS,CAAA;AAAA,EAAA,oBAC3EC,IAAC,KAAK,EAAA;AACJ,IAAA,SAAS,EAAEC,UAAU,CACnBR,YAAY,CAACC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,CAAC,EAC5CF,OAAO,CAACZ,SAAS,EACjBiB,SAAS,CACT;AACF,IAAA,SAAS,EAAE,CAAE;IAAA,QAEZD,EAAAA,QAAAA;GACK,CAAA,CAAA;AAAA,CACT,CAAA;AAEDD,cAAc,CAACK,SAAS,GAAG;EACzBP,WAAW,EAAEQ,SAAS,CAACC,IAAI;EAC3BR,QAAQ,EAAEO,SAAS,CAACC,IAAI;AACxBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,IAAI,CAACC,UAAU;EACnCP,SAAS,EAAEI,SAAS,CAACI,MAAM;EAE3Bb,OAAO,EAAES,SAAS,CAACK,KAAK,CAAC,EAAE,CAAC,CAACF,UAAAA;AAC/B,CAAC,CAAA;AAEDT,cAAc,CAACY,YAAY,GAAG;AAC5Bd,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,QAAQ,EAAE,KAAK;AACfG,EAAAA,SAAS,EAAEW,SAAAA;AACb,CAAC,CAAA;AAED,uBAAeC,UAAU,CAAC9B,SAAS,CAAC,CAACgB,cAAc,CAAC;;;;"}

package/components/CommentsInfo/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/CommentsInfo/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\n/*\n * Using Tooltip from material-ui here because MuiTooltipDcWrapper is broken when used inside popover\n * Here it makes no sense to use that wrapper, because tooltip doesn't go out of parent bounds\n * Bug ticket: https://corvaqa.atlassian.net/browse/DC-3803\n */\nimport { Typography, Tooltip } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines\n\nconst getUserFullName = user => (user ? `${user.first_name} ${user.last_name}` : '');\n\nconst ReactionsTooltip = ({ users, noReactionsText }) => {\n const reactionsAmount = users.length;\n if (!reactionsAmount) {\n return noReactionsText;\n }\n\n let reactionsInvisibleText = '';\n\n if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {\n const reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;\n reactionsInvisibleText = `\\nand ${reactionsInvisibleAmount} more...`;\n }\n\n const reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\\n');\n\n return `${reactionsVisibleText}${reactionsInvisibleText}`;\n};\n\nconst NO_LIKES_TEXT = 'Nobody likes this yet...';\nconst NO_COMMENTS_TEXT = 'Nobody commented this yet...';\n\nconst CommentsInfo = ({\n likesCount,\n usersWhoLike,\n commentsCount,\n usersWhoCommented,\n onCommentsClick,\n currentUser,\n activeUsersList,\n classes,\n isNative,\n small,\n}) => (\n <>\n {!!likesCount && (\n <Tooltip\n title={<ReactionsTooltip users={usersWhoLike} noReactionsText={NO_LIKES_TEXT} />}\n enterTouchDelay={0}\n classes={{ popper: classes.tooltip }}\n placement=\"top\"\n >\n <Typography\n data-testid={`${PAGE_NAME}_likesCounter_${likesCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Likes {likesCount}\n </Typography>\n </Tooltip>\n )}\n\n {!!commentsCount && (\n <span onClick={onCommentsClick}>\n <Tooltip\n title={<ReactionsTooltip users={usersWhoCommented} noReactionsText={NO_COMMENTS_TEXT} />}\n enterTouchDelay={0}\n classes={{ popper: classes.tooltip }}\n placement=\"top\"\n >\n <Typography\n data-testid={`${PAGE_NAME}_commentsCounter_${commentsCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Comments {commentsCount}\n </Typography>\n </Tooltip>\n </span>\n )}\n <div\n data-testid={`${PAGE_NAME}_activeUsersCounter_${activeUsersList && activeUsersList.length}`}\n className={styles.cCommentsInfoActiveUsersList}\n >\n {activeUsersList.map(user =>\n isNative ? (\n <Avatar\n key={user.id}\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n className={classes.avatarInList}\n size={small ? 24 : 32}\n />\n ) : (\n <UserCardPopover key={user.id} user={user} currentUser={currentUser}>\n <Avatar\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n size={small ? 24 : 32}\n className={classes.avatarInList}\n />\n </UserCardPopover>\n )\n )}\n </div>\n </>\n);\n\nconst muiStyles = {\n reactionTypographyRoot: {\n color: grey[400],\n margin: '0 8px',\n cursor: 'pointer',\n '&:hover': {\n textDecoration: 'underline',\n textUnderlineOffset: '4px',\n color: '#fff',\n },\n },\n avatarInList: {\n marginRight: 3,\n borderWidth: 1,\n },\n tooltip: {\n whiteSpace: 'pre-line',\n },\n};\n\nCommentsInfo.propTypes = {\n likesCount: PropTypes.number,\n usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),\n commentsCount: PropTypes.number,\n usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,\n onCommentsClick: PropTypes.func,\n activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n classes: PropTypes.shape({}).isRequired,\n isNative: PropTypes.bool,\n small: PropTypes.bool,\n currentUser: PropTypes.shape({}),\n};\n\nCommentsInfo.defaultProps = {\n likesCount: 0,\n usersWhoLike: [],\n commentsCount: 0,\n onCommentsClick: () => {},\n small: false,\n isNative: isNativeDetected,\n currentUser: {},\n};\n\nexport default withStyles(muiStyles)(CommentsInfo);\n"],"names":["PAGE_NAME","REACTIONS_VISIBLE_AMOUNT","getUserFullName","user","first_name","last_name","ReactionsTooltip","users","noReactionsText","reactionsAmount","length","reactionsInvisibleText","reactionsInvisibleAmount","reactionsVisibleText","slice","join","NO_LIKES_TEXT","NO_COMMENTS_TEXT","CommentsInfo","likesCount","usersWhoLike","commentsCount","usersWhoCommented","onCommentsClick","currentUser","activeUsersList","classes","isNative","small","_jsxs","_Fragment","_jsx","popper","tooltip","reactionTypographyRoot","styles","cCommentsInfoActiveUsersList","map","profile_photo","avatarInList","id","muiStyles","color","grey","margin","cursor","textDecoration","textUnderlineOffset","marginRight","borderWidth","whiteSpace","propTypes","PropTypes","number","arrayOf","shape","string","isRequired","func","bool","defaultProps","isNativeDetected","withStyles"],"mappings":"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"}

package/components/CommentsInfo/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ConfirmationDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\n\nconst PAGE_NAME = 'confirmationDialog';\n\nconst muiStyles = {\n actionButton: { marginLeft: 15 },\n confirmation: { marginTop: 10 },\n};\n\nclass ConfirmationDialog extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n confirmationTextField: '',\n };\n }\n\n get actions() {\n return (\n <>\n {this.props.isShowCancel && (\n <Button\n variant=\"text\"\n data-testid={`${PAGE_NAME}_cancelButton`}\n className={this.props.classes.actionButton}\n onClick={this.props.handleClose}\n color=\"primary\"\n >\n Cancel\n </Button>\n )}\n <Button\n variant=\"contained\"\n data-testid={`${PAGE_NAME}_confirmButton`}\n className={this.props.classes.actionButton}\n onClick={this.props.handleOk}\n disabled={\n this.props.disableOk ||\n (this.props.confirmationText &&\n this.props.confirmation !== this.state.confirmationTextField)\n }\n color=\"primary\"\n >\n {this.props.okText}\n </Button>\n </>\n );\n }\n\n render() {\n return (\n <Dialog\n open={this.props.open}\n onClose={this.props.handleClose}\n aria-labelledby=\"confirmation-dialog-title\"\n classes={{ paper: this.props.classes.paper }}\n >\n <DialogTitle id=\"confirmation-dialog-title\">{this.props.title}</DialogTitle>\n\n <DialogContent>\n <DialogContentText>\n <Typography variant=\"body2\" className={this.props.classes.content}>\n {this.props.text}\n </Typography>\n {this.props.confirmationText && (\n <TextField\n fullWidth\n data-testid={`${PAGE_NAME}_input`}\n label={this.props.confirmationText}\n value={this.state.confirmationTextField}\n onChange={e => this.setState({ confirmationTextField: e.target.value })}\n className={this.props.classes.confirmation}\n />\n )}\n </DialogContentText>\n </DialogContent>\n <DialogActions className={this.props.classes.actions}>{this.actions}</DialogActions>\n </Dialog>\n );\n }\n}\n\nConfirmationDialog.propTypes = {\n open: PropTypes.bool.isRequired,\n title: PropTypes.string,\n text: PropTypes.string.isRequired,\n confirmationText: PropTypes.string,\n confirmation: PropTypes.string,\n handleClose: PropTypes.func,\n handleOk: PropTypes.func,\n okText: PropTypes.string,\n disableOk: PropTypes.bool,\n isShowCancel: PropTypes.bool,\n\n classes: PropTypes.shape({}).isRequired,\n};\n\nConfirmationDialog.defaultProps = {\n title: undefined,\n confirmationText: null,\n confirmation: '',\n okText: 'Ok',\n handleOk: () => undefined,\n handleClose: () => undefined,\n disableOk: false,\n isShowCancel: true,\n};\n\nexport default withStyles(muiStyles)(ConfirmationDialog);\n"],"names":["PAGE_NAME","muiStyles","actionButton","marginLeft","confirmation","marginTop","ConfirmationDialog","props","state","confirmationTextField","_jsxs","_Fragment","isShowCancel","_jsx","classes","handleClose","handleOk","disableOk","confirmationText","okText","open","paper","title","content","text","e","setState","target","value","actions","Component","propTypes","PropTypes","bool","isRequired","string","func","shape","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/ContextMenuItem/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/ContextMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport { makeStyles } from '@material-ui/core';\n\nimport MenuItem from '../MenuItem';\n\nconst useStyles = makeStyles(theme => ({\n menuItem: {\n height: ({ small }) => (small ? 36 : 54),\n lineHeight: ({ small }) => (small ? '17px' : '24px'),\n '&:hover svg': {\n fill: ({ disabled }) =>\n disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText,\n },\n },\n listItemIcon: {\n paddingRight: theme.spacing(1),\n color: ({ disabled }) => (disabled ? theme.palette.primary.text9 : theme.palette.primary.text7),\n minWidth: 'auto',\n fontSize: ({ small }) => (small ? 16 : 24),\n '& .MuiSvgIcon-root': {\n fontSize: 'inherit',\n },\n },\n}));\n\nconst ContextMenuItem = ({ classes = {}, icon, children, small, ...otherProps }) => {\n const styles = useStyles({ small, disabled: otherProps.disabled });\n\n return (\n <MenuItem\n classes={{ ...classes, root: classNames(styles.menuItem, classes.root) }}\n {...otherProps}\n >\n <ListItemIcon classes={{ root: styles.listItemIcon }}>{icon}</ListItemIcon>\n {children}\n </MenuItem>\n );\n};\n\nContextMenuItem.propTypes = {\n children: PropTypes.node.isRequired,\n icon: PropTypes.node.isRequired,\n small: PropTypes.bool,\n};\n\nContextMenuItem.defaultProps = {\n small: false,\n};\n\nexport default ContextMenuItem;\n"],"names":["useStyles","makeStyles","theme","menuItem","height","small","lineHeight","fill","disabled","palette","primary","text9","contrastText","listItemIcon","paddingRight","spacing","color","text7","minWidth","fontSize","ContextMenuItem","classes","icon","children","otherProps","styles","_jsxs","root","classNames","_jsx","propTypes","PropTypes","node","isRequired","bool","defaultProps"],"mappings":"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"}

package/components/CopyToClipboard/CopyToClipboard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\n\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n cursor: 'pointer',\n },\n tooltip: {\n color: theme.palette.primary.text6,\n backgroundColor: 'rgba(20, 20, 20, 0.5)',\n },\n}));\n\nconst CopyToClipboard = ({ children, classes, dataTestId, IconComponent, tooltipProps }) => {\n const [isOpenedTooltip, setIsOpenedTooltip] = useState(false);\n const styles = useStyles();\n\n const handleCopyText = () => {\n setIsOpenedTooltip(true);\n utils.copyToClipboard(children);\n };\n\n useEffect(() => {\n const openedTooltipTimeout = setTimeout(() => {\n setIsOpenedTooltip(false);\n }, tooltipProps.delay);\n\n return () => clearTimeout(openedTooltipTimeout);\n }, [isOpenedTooltip]);\n\n return (\n <Tooltip\n classes={{\n tooltip: classNames(styles.tooltip, classes.tooltip),\n popper: classNames(styles.tooltipPopper, classes.tooltipPopper),\n }}\n title={tooltipProps.title}\n open={isOpenedTooltip}\n disableFocusListener\n disableHoverListener\n placement={tooltipProps.placement}\n >\n <IconComponent\n className={classNames(styles.icon, classes.icon)}\n data-testid={dataTestId}\n onClick={handleCopyText}\n />\n </Tooltip>\n );\n};\n\nCopyToClipboard.propTypes = {\n children: PropTypes.string.isRequired,\n dataTestId: PropTypes.string,\n IconComponent: PropTypes.shape({}),\n tooltipProps: PropTypes.shape({\n title: PropTypes.string,\n placement: PropTypes.string,\n delay: PropTypes.number,\n }),\n classes: PropTypes.shape({\n icon: PropTypes.string,\n tooltip: PropTypes.string,\n tooltipPopper: PropTypes.string,\n }),\n};\n\nCopyToClipboard.defaultProps = {\n dataTestId: null,\n IconComponent: FileCopyIcon,\n tooltipProps: {\n title: 'Copied',\n placement: 'top',\n delay: 1500,\n },\n classes: {},\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","icon","cursor","tooltip","color","palette","primary","text6","backgroundColor","CopyToClipboard","children","classes","dataTestId","IconComponent","tooltipProps","useState","isOpenedTooltip","setIsOpenedTooltip","styles","handleCopyText","utils","copyToClipboard","useEffect","openedTooltipTimeout","setTimeout","delay","clearTimeout","_jsx","classNames","popper","tooltipPopper","title","placement","propTypes","PropTypes","string","isRequired","shape","number","defaultProps","FileCopyIcon"],"mappings":"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"}