@corva/ui 3.75.0-16 → 3.75.0-18

package/cjs-bundle/components/CollapsableSidebar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("classnames"),t=require("lodash"),i=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeftRounded"),u=require("@material-ui/icons/ChevronRightRounded");require("./DevCenter/AppHeader/AppHeader.js"),require("./DevCenter/AppSideBar/AppSideBar.js"),require("./DevCenter/AppsDataProvider/AppsDataProvider.js"),require("./DevCenter/AppContext.js"),require("./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router-dom"),require("query-string");var p=require("react/jsx-runtime");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/alerts.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/completion.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("./GradientManager/configuration/constants.js"),require("../utils/index.js"),require("../utils/mobileDetect.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@material-ui/icons"),require("./EmptyState/EmptyState.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js"),require("@material-ui/pickers"),require("@date-io/moment"),require("moment"),require("../config/theme/index.js"),require("../hocs/withAssetEditorLockHOC.js"),require("./ErrorBoundary/ErrorBoundary.js"),require("./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("./Button/components/Button/index.js"),require("moment-timezone"),require("./Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("./Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all"),require("../icons/IconParkProvider.js"),require("../icons/customIcons/icons/AddMessage.js"),require("../icons/customIcons/icons/DragOne.js"),require("../icons/customIcons/icons/Attention.js"),require("../icons/customIcons/icons/Collapse.js"),require("../icons/customIcons/icons/Dashboard.js"),require("../icons/customIcons/icons/Expand.js"),require("../icons/customIcons/icons/FolderClosed.js"),require("../icons/customIcons/icons/FolderClosedFilled.js"),require("../icons/customIcons/icons/FolderOpened.js"),require("../icons/customIcons/icons/GreaterOrEqual.js"),require("../icons/customIcons/icons/LessOrEqual.js"),require("../icons/customIcons/icons/Search.js"),require("../icons/customIcons/icons/SearchOne.js"),require("../icons/customIcons/icons/Wellhub.js"),require("../icons/customIcons/icons/MultiRuler.js"),require("../icons/customIcons/icons/Checkbox.js"),require("../icons/customIcons/icons/CheckboxChecked.js"),require("../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../icons/customIcons/icons/Radio.js"),require("../icons/customIcons/icons/RadioChecked.js"),require("../icons/customIcons/icons/SimulFrac.js"),require("../icons/customIcons/icons/ZipperFrac.js"),require("../icons/customIcons/icons/CautionFilled.js"),require("../icons/customIcons/icons/InfoRounded.js"),require("../icons/customIcons/icons/FlameFilled.js"),require("../icons/customIcons/icons/MoreApp.js"),require("../icons/customIcons/icons/Pad.js"),require("../icons/customIcons/icons/DrilloutUnit.js"),require("../icons/customIcons/icons/FracFleet.js"),require("../icons/customIcons/icons/Global.js"),require("../icons/customIcons/icons/Program.js"),require("../icons/customIcons/icons/Rig.js"),require("../icons/customIcons/icons/Well.js"),require("../icons/customIcons/icons/Gap.js"),require("../icons/customIcons/icons/Pin.js"),require("../icons/customIcons/icons/CloseOneFilled.js"),require("../icons/customIcons/icons/AttentionFilled.js"),require("../icons/customIcons/icons/CheckOneFilled.js"),require("../icons/customIcons/icons/Archive.js"),require("../icons/customIcons/icons/ArchiveCancel.js"),require("../icons/customIcons/icons/Unarchive.js"),require("../icons/customIcons/icons/Archived.js"),require("../icons/customIcons/icons/InterventionUnit.js"),require("../icons/customIcons/icons/CloudDelete.js"),require("../icons/customIcons/icons/Lasso.js"),require("../icons/customIcons/icons/Radius.js"),require("../icons/customIcons/icons/ErrorOps.js"),require("../icons/customIcons/icons/DataTypeOps.js"),require("../icons/customIcons/icons/FalsePositiveOps.js"),require("../icons/customIcons/icons/CalibrationOps.js"),require("../icons/customIcons/icons/CriticalOps.js"),require("../icons/customIcons/icons/Company.js"),require("../icons/customIcons/icons/ArchiveOne.js"),require("../icons/customIcons/icons/ParseBotFusion.js"),require("../icons/customIcons/icons/Connect.js"),require("../icons/customIcons/icons/PuzzleOne.js"),require("../icons/customIcons/icons/Feed.js"),require("../icons/customIcons/icons/Prompt.js"),require("../icons/customIcons/icons/Companies.js"),require("../icons/customIcons/icons/ClipboardAi.js"),require("../icons/customIcons/icons/Key.js"),require("../icons/customIcons/icons/AtSignCrossed.js"),require("../icons/customIcons/icons/MappingManual.js"),require("../icons/customIcons/icons/Mapping.js"),require("../icons/customIcons/icons/Metrics.js"),require("../icons/customIcons/icons/Drops.js"),require("../icons/customIcons/icons/ClipboardSearch.js"),require("../icons/customIcons/icons/Template.js"),require("../icons/customIcons/icons/ClipboardMetrics.js"),require("../icons/customIcons/icons/ClipboardBuilder.js"),require("../icons/customIcons/icons/UnitConversion.js"),require("../icons/customIcons/icons/NPT.js"),require("../icons/customIcons/icons/GuidedFrac.js"),require("./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("./Modal/CorvaModal.scss.js"),require("./IconButton/index.js"),require("uuid"),require("./AssetEditorV2/index.js"),require("./AppVersionsSelect/AppVersionsSelect.js"),require("./DisabledSettingsMessage/DisabledSettingsMessage.js"),require("./ConfirmationDialog.js"),require("./AppIcon/AppIcon.js"),require("immutable"),require("../permissions/PermissionsContext.js"),require("../permissions/constants/index.js"),require("../permissions/withPermissionsHOC.js"),require("../clients/jsonApi/index.js"),require("../permissions/ProvidePermissions.js"),require("../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),require("./Annotations/components/AnnotationsList/index.js"),require("./Annotations/components/LastAnnotation/index.js"),require("./Annotations/AnnotationsContext.js"),require("../componentsV2/AppContainer/AppContainer.js"),require("../componentsV2/AppContainer/AppContainer.constants.js"),require("../componentsV2/Text/Text.js"),require("../componentsV2/Header/Header.scss.js"),require("../componentsV2/Tooltip/Tooltip.scss.js"),require("../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../componentsV2/AppHeader/AppHeader.constants.js"),require("../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../componentsV2/Chip/Chip.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../componentsV2/AppHeader/AppAssets/utils.js"),require("../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("./PadModeSelect/PadModeSelect.js"),require("../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../constants/streamSourceType.js"),require("../componentsV2/PadModeSelect/PadModeSelect.js"),require("../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../componentsV2/utils.js"),require("../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../componentsV2/Button/Button.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../componentsV2/Popover/Popover.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../componentsV2/Accordion/Accordion.scss.js"),require("../componentsV2/ButtonIcon/ButtonIcon.js"),require("../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../componentsV2/Menu/Menu.js"),require("../componentsV2/ModalWindow/ModalWindow.js"),require("../componentsV2/Modal/Modal.scss.js"),require("../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../utils/getSingleAsset.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../componentsV2/TextInput/TextInput.js"),require("../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../componentsV2/ChipIndicator/ChipIndicator.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../clients/subscriptions.v1.js"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../utils/env.js"),require("./StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../clients/api/apiCore.js"),require("../clients/constants.js"),require("../clients/sso/auth0.js"),require("../clients/sso/oauth2.js"),require("../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../componentsV2/AppSettings/AppSettings.js"),require("../componentsV2/AppSettings/AppSettings.constants.js"),require("../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../componentsV2/AppHeader/AppHeader.scss.js"),require("../componentsV2/EmptyState/EmptyState.scss.js"),require("./DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../componentsV2/Grid/Grid.js"),require("../componentsV2/Grid/Cell.js"),require("../componentsV2/PopoverPanel/PopoverPanel.js"),require("../componentsV2/Radio/Radio.js"),require("../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../componentsV2/Checkbox/Checkbox.js"),require("../componentsV2/TextInputNext/TextInputNext.js"),require("../componentsV2/TextArea/TextArea.js"),require("../componentsV2/Label/Label.js"),require("../componentsV2/TextLink/TextLink.js"),require("../componentsV2/ChipAlert/ChipAlert.js"),require("../componentsV2/Avatar/Avatar.js"),require("../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../componentsV2/Paper/Paper.js"),require("../componentsV2/Hint/Hint.scss.js"),require("../componentsV2/Counter/Counter.js"),require("../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../componentsV2/TemplatesControl/utils.js"),require("../componentsV2/TemplatesControl/icons/folder/index.js"),require("../componentsV2/TemplatesControl/Store/utils.js"),require("../componentsV2/TemplatesControl/types.js"),require("../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../componentsV2/Switch/Switch.js"),require("../componentsV2/Tabs/Tabs.js"),require("../componentsV2/FileIcon/FileIcon.js"),require("../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../componentsV2/Skeleton/Skeleton.scss.js"),require("../utils/main.js"),require("../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../componentsV2/Stepper/Step/Step.scss.js"),require("../componentsV2/Stepper/Stepper.scss.js"),require("../componentsV2/ButtonLive/ButtonLive.js"),require("../componentsV2/ButtonText/ButtonText.js"),require("../componentsV2/IndicatorLive/IndicatorLive.js"),require("../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../componentsV2/BadgeComment/BadgeComment.js"),require("../componentsV2/AppFooter/AppFooter.js"),require("../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../componentsV2/Autocomplete/Autocomplete.js"),require("../componentsV2/Select/Select.js"),require("../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../componentsV2/DatePicker/DatePicker.js"),require("../componentsV2/DragHandle/DragHandle.js"),require("../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../componentsV2/Slider/constants.js"),require("../componentsV2/Slider/components/SliderThumb.js"),require("../componentsV2/Slider/Slider.scss.js"),require("../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js"),require("./Icons/AnnotationIcon.js"),require("./HelpCenter/HelpCenterIcon.js"),require("./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js"),require("./DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("./Toaster/Toaster.js"),require("./DevCenter/NavigationBar/NavigationBar.js");var a=require("./DevCenter/SideBar/SideBar.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var q=l(e),m=l(s),d=l(o),j=l(n),C=l(c),A=l(u),V=function(e){var s,o=e.classes,n=e.children,c=e.onStateChange,u=void 0===c?t.noop:c,l=e.initialState,d=void 0===l||l,V=e.drawerPaperClassName,v=void 0===V?null:V,g=e.isToolbarGutterShown,I=e.openedDrawerWidth,S=e.anchor,D=r.useState(d),h=m.default(D,2),f=h[0],x=h[1],T=function(){x(!f),u(!f)},P="left"===S?C.default:A.default;return p.jsxs(a,{isToolbarGutterShown:g,drawerWidth:I,drawerClassName:j.default(o.drawer,!f&&o.drawerClosed),drawerPaperClassName:j.default(o.drawer,o.drawerPaper,v,!f&&o.drawerClosed),anchor:S,listClassName:o.list,onClick:function(){f||T()},children:[n,p.jsx(i.Box,{className:j.default(o.openToggleContainer,(s={},q.default(s,o.openToggleContainerCollapsed,!f),q.default(s,o.openToggleContainerOpened,f),s)),children:p.jsx(i.IconButton,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:o.openToggleIconButton,onClick:T,children:p.jsx(P,{className:j.default(o.openToggleIcon,q.default({},o.openToggleIconClosed,!f))})})})]})};V.propTypes={children:d.default.node.isRequired,onStateChange:d.default.func,initialState:d.default.bool,drawerPaperClassName:d.default.string,isToolbarGutterShown:d.default.bool,openedDrawerWidth:d.default.oneOfType([d.default.string,d.default.number]),anchor:d.default.oneOf(["left","right"]),closedWidth:d.default.oneOfType([d.default.string,d.default.number])};var v=i.withStyles((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){var s=e.closedWidth;return void 0===s?48:s}},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}}}))(V);module.exports=v;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("classnames"),t=require("lodash"),i=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeftRounded"),u=require("@material-ui/icons/ChevronRightRounded");require("./DevCenter/AppHeader/AppHeader.js"),require("./DevCenter/AppSideBar/AppSideBar.js"),require("./DevCenter/AppsDataProvider/AppsDataProvider.js"),require("./DevCenter/AppContext.js"),require("./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router-dom"),require("query-string");var p=require("react/jsx-runtime");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/alerts.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/completion.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("./GradientManager/configuration/constants.js"),require("../utils/index.js"),require("../utils/mobileDetect.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@material-ui/icons"),require("./EmptyState/EmptyState.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js"),require("@material-ui/pickers"),require("@date-io/moment"),require("moment"),require("../config/theme/index.js"),require("../hocs/withAssetEditorLockHOC.js"),require("./ErrorBoundary/ErrorBoundary.js"),require("./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("./Button/components/Button/index.js"),require("moment-timezone"),require("./Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("./Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all"),require("../icons/IconParkProvider.js"),require("../icons/customIcons/icons/AddMessage.js"),require("../icons/customIcons/icons/DragOne.js"),require("../icons/customIcons/icons/Attention.js"),require("../icons/customIcons/icons/Collapse.js"),require("../icons/customIcons/icons/Dashboard.js"),require("../icons/customIcons/icons/Expand.js"),require("../icons/customIcons/icons/FolderClosed.js"),require("../icons/customIcons/icons/FolderClosedFilled.js"),require("../icons/customIcons/icons/FolderOpened.js"),require("../icons/customIcons/icons/GreaterOrEqual.js"),require("../icons/customIcons/icons/LessOrEqual.js"),require("../icons/customIcons/icons/Search.js"),require("../icons/customIcons/icons/SearchOne.js"),require("../icons/customIcons/icons/Wellhub.js"),require("../icons/customIcons/icons/MultiRuler.js"),require("../icons/customIcons/icons/Checkbox.js"),require("../icons/customIcons/icons/CheckboxChecked.js"),require("../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../icons/customIcons/icons/Radio.js"),require("../icons/customIcons/icons/RadioChecked.js"),require("../icons/customIcons/icons/SimulFrac.js"),require("../icons/customIcons/icons/ZipperFrac.js"),require("../icons/customIcons/icons/CautionFilled.js"),require("../icons/customIcons/icons/InfoRounded.js"),require("../icons/customIcons/icons/FlameFilled.js"),require("../icons/customIcons/icons/MoreApp.js"),require("../icons/customIcons/icons/Pad.js"),require("../icons/customIcons/icons/DrilloutUnit.js"),require("../icons/customIcons/icons/FracFleet.js"),require("../icons/customIcons/icons/Global.js"),require("../icons/customIcons/icons/Program.js"),require("../icons/customIcons/icons/Rig.js"),require("../icons/customIcons/icons/Well.js"),require("../icons/customIcons/icons/Gap.js"),require("../icons/customIcons/icons/Pin.js"),require("../icons/customIcons/icons/PinOne.js"),require("../icons/customIcons/icons/PinOneCrossed.js"),require("../icons/customIcons/icons/CloseOneFilled.js"),require("../icons/customIcons/icons/AttentionFilled.js"),require("../icons/customIcons/icons/CheckOneFilled.js"),require("../icons/customIcons/icons/Archive.js"),require("../icons/customIcons/icons/ArchiveCancel.js"),require("../icons/customIcons/icons/Unarchive.js"),require("../icons/customIcons/icons/Archived.js"),require("../icons/customIcons/icons/InterventionUnit.js"),require("../icons/customIcons/icons/CloudDelete.js"),require("../icons/customIcons/icons/Lasso.js"),require("../icons/customIcons/icons/Radius.js"),require("../icons/customIcons/icons/ErrorOps.js"),require("../icons/customIcons/icons/DataTypeOps.js"),require("../icons/customIcons/icons/FalsePositiveOps.js"),require("../icons/customIcons/icons/CalibrationOps.js"),require("../icons/customIcons/icons/CriticalOps.js"),require("../icons/customIcons/icons/Company.js"),require("../icons/customIcons/icons/ArchiveOne.js"),require("../icons/customIcons/icons/ParseBotFusion.js"),require("../icons/customIcons/icons/Connect.js"),require("../icons/customIcons/icons/PuzzleOne.js"),require("../icons/customIcons/icons/Feed.js"),require("../icons/customIcons/icons/Prompt.js"),require("../icons/customIcons/icons/Companies.js"),require("../icons/customIcons/icons/ClipboardAi.js"),require("../icons/customIcons/icons/Key.js"),require("../icons/customIcons/icons/AtSignCrossed.js"),require("../icons/customIcons/icons/MappingManual.js"),require("../icons/customIcons/icons/Mapping.js"),require("../icons/customIcons/icons/Metrics.js"),require("../icons/customIcons/icons/Drops.js"),require("../icons/customIcons/icons/ClipboardSearch.js"),require("../icons/customIcons/icons/Template.js"),require("../icons/customIcons/icons/ClipboardMetrics.js"),require("../icons/customIcons/icons/ClipboardBuilder.js"),require("../icons/customIcons/icons/UnitConversion.js"),require("../icons/customIcons/icons/NPT.js"),require("../icons/customIcons/icons/GuidedFrac.js"),require("./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("./Modal/CorvaModal.scss.js"),require("./IconButton/index.js"),require("uuid"),require("./AssetEditorV2/index.js"),require("./AppVersionsSelect/AppVersionsSelect.js"),require("./DisabledSettingsMessage/DisabledSettingsMessage.js"),require("./ConfirmationDialog.js"),require("./AppIcon/AppIcon.js"),require("immutable"),require("../permissions/PermissionsContext.js"),require("../permissions/constants/index.js"),require("../permissions/withPermissionsHOC.js"),require("../clients/jsonApi/index.js"),require("../permissions/ProvidePermissions.js"),require("../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js"),require("./Annotations/components/AnnotationsList/index.js"),require("./Annotations/components/LastAnnotation/index.js"),require("./Annotations/AnnotationsContext.js"),require("../componentsV2/AppContainer/AppContainer.js"),require("../componentsV2/AppContainer/AppContainer.constants.js"),require("../componentsV2/Text/Text.js"),require("../componentsV2/Header/Header.scss.js"),require("../componentsV2/Tooltip/Tooltip.scss.js"),require("../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../componentsV2/AppHeader/AppHeader.constants.js"),require("../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../componentsV2/Chip/Chip.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../componentsV2/AppHeader/AppAssets/utils.js"),require("../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("./PadModeSelect/PadModeSelect.js"),require("../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../constants/streamSourceType.js"),require("../componentsV2/PadModeSelect/PadModeSelect.js"),require("../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../componentsV2/utils.js"),require("../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../componentsV2/Button/Button.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../componentsV2/Popover/Popover.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../componentsV2/Accordion/Accordion.scss.js"),require("../componentsV2/ButtonIcon/ButtonIcon.js"),require("../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../componentsV2/Menu/Menu.js"),require("../componentsV2/ModalWindow/ModalWindow.js"),require("../componentsV2/Modal/Modal.scss.js"),require("../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../utils/getSingleAsset.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../componentsV2/TextInput/TextInput.js"),require("../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../componentsV2/ChipIndicator/ChipIndicator.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../clients/subscriptions.v1.js"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../utils/env.js"),require("./StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../clients/api/apiCore.js"),require("../clients/constants.js"),require("../clients/sso/auth0.js"),require("../clients/sso/oauth2.js"),require("../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../componentsV2/AppPanel/AppPanelsContext.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../componentsV2/AppHeader/AppHeader.scss.js"),require("../componentsV2/EmptyState/EmptyState.scss.js"),require("./DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../componentsV2/Grid/Grid.js"),require("../componentsV2/Grid/Cell.js"),require("../componentsV2/PopoverPanel/PopoverPanel.js"),require("../componentsV2/Radio/Radio.js"),require("../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../componentsV2/Checkbox/Checkbox.js"),require("../componentsV2/TextInputNext/TextInputNext.js"),require("../componentsV2/TextArea/TextArea.js"),require("../componentsV2/Label/Label.js"),require("../componentsV2/TextLink/TextLink.js"),require("../componentsV2/ChipAlert/ChipAlert.js"),require("../componentsV2/Avatar/Avatar.js"),require("../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../componentsV2/Paper/Paper.js"),require("../componentsV2/Hint/Hint.scss.js"),require("../componentsV2/Counter/Counter.js"),require("../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../componentsV2/TemplatesControl/utils.js"),require("../componentsV2/TemplatesControl/icons/folder/index.js"),require("../componentsV2/TemplatesControl/Store/utils.js"),require("../componentsV2/TemplatesControl/types.js"),require("../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../componentsV2/Switch/Switch.js"),require("../componentsV2/Tabs/Tabs.js"),require("../componentsV2/FileIcon/FileIcon.js"),require("../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../componentsV2/Skeleton/Skeleton.scss.js"),require("../utils/main.js"),require("../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../componentsV2/Stepper/Step/Step.scss.js"),require("../componentsV2/Stepper/Stepper.scss.js"),require("../componentsV2/ButtonLive/ButtonLive.js"),require("../componentsV2/ButtonText/ButtonText.js"),require("../componentsV2/IndicatorLive/IndicatorLive.js"),require("../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../componentsV2/BadgeComment/BadgeComment.js"),require("../componentsV2/AppFooter/AppFooter.js"),require("../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../componentsV2/Autocomplete/Autocomplete.js"),require("../componentsV2/Select/Select.js"),require("../componentsV2/AppPanel/AppPanel.js"),require("../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../componentsV2/DatePicker/DatePicker.js"),require("../componentsV2/DragHandle/DragHandle.js"),require("../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../componentsV2/Slider/constants.js"),require("../componentsV2/Slider/components/SliderThumb.js"),require("../componentsV2/Slider/Slider.scss.js"),require("../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js"),require("./Icons/AnnotationIcon.js"),require("./HelpCenter/HelpCenterIcon.js"),require("./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js"),require("./DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("./Toaster/Toaster.js"),require("./DevCenter/NavigationBar/NavigationBar.js");var a=require("./DevCenter/SideBar/SideBar.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var q=l(e),m=l(s),d=l(o),j=l(n),C=l(c),A=l(u),V=function(e){var s,o=e.classes,n=e.children,c=e.onStateChange,u=void 0===c?t.noop:c,l=e.initialState,d=void 0===l||l,V=e.drawerPaperClassName,v=void 0===V?null:V,I=e.isToolbarGutterShown,g=e.openedDrawerWidth,D=e.anchor,h=r.useState(d),S=m.default(h,2),f=S[0],x=S[1],P=function(){x(!f),u(!f)},T="left"===D?C.default:A.default;return p.jsxs(a,{isToolbarGutterShown:I,drawerWidth:g,drawerClassName:j.default(o.drawer,!f&&o.drawerClosed),drawerPaperClassName:j.default(o.drawer,o.drawerPaper,v,!f&&o.drawerClosed),anchor:D,listClassName:o.list,onClick:function(){f||P()},children:[n,p.jsx(i.Box,{className:j.default(o.openToggleContainer,(s={},q.default(s,o.openToggleContainerCollapsed,!f),q.default(s,o.openToggleContainerOpened,f),s)),children:p.jsx(i.IconButton,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:o.openToggleIconButton,onClick:P,children:p.jsx(T,{className:j.default(o.openToggleIcon,q.default({},o.openToggleIconClosed,!f))})})})]})};V.propTypes={children:d.default.node.isRequired,onStateChange:d.default.func,initialState:d.default.bool,drawerPaperClassName:d.default.string,isToolbarGutterShown:d.default.bool,openedDrawerWidth:d.default.oneOfType([d.default.string,d.default.number]),anchor:d.default.oneOf(["left","right"]),closedWidth:d.default.oneOfType([d.default.string,d.default.number])};var v=i.withStyles((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){var s=e.closedWidth;return void 0===s?48:s}},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}}}))(V);module.exports=v;
 //# sourceMappingURL=CollapsableSidebar.js.map

package/cjs-bundle/components/CollapsableSidebar.js.map

@@ -1 +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';\nconst DEFAULT_CLOSED_WIDTH = 48;\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 = DEFAULT_CLOSED_WIDTH }) => 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 = noop,\n  initialState = true,\n  drawerPaperClassName = null,\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\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","_ref3$onStateChange","onStateChange","noop","_ref3$initialState","initialState","_ref3$drawerPaperClas","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","_ref$closedWidth","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"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"}
+{"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';\nconst DEFAULT_CLOSED_WIDTH = 48;\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 = DEFAULT_CLOSED_WIDTH }) => 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 = noop,\n  initialState = true,\n  drawerPaperClassName = null,\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\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","_ref3$onStateChange","onStateChange","noop","_ref3$initialState","initialState","_ref3$drawerPaperClas","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","_ref$closedWidth","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"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"}

package/cjs-bundle/components/ColorPicker/ColorPicker.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),n=require("@material-ui/core"),c=require("chroma-js"),i=require("classnames"),r=require("./PaletteChromePicker/PaletteChromePicker.js"),t=require("./ColorPicketUtils.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var d=l(o),m=l(e),p=l(c),j=l(i);function b(o,e){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),s.push.apply(s,n)}return s}function I(o){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?b(Object(s),!0).forEach((function(e){d.default(o,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):b(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))}))}return o}var q={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?q.rgb(o):q.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?q.hex(o):q.rgba(o)}},g=n.makeStyles({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"8px",fontSize:"1rem","&.Mui-disabled":{opacity:.4}},buttonTransparent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}});module.exports=function(o){var e,c,i=o.label,l=void 0===i?"Color":i,b=o.value,f=o.converter,h=void 0===f?"rgba_hex":f,v=o.onChange,C=o.buttonClassName,x=o.popoverAnchorOrigin,O=void 0===x?{vertical:"bottom",horizontal:"left"}:x,P=o.popoverTransformOrigin,k=void 0===P?{vertical:"top",horizontal:"left"}:P,y=o.labelPosition,F=void 0===y?"top":y,S=o.hideLabel,D=void 0!==S&&S,L=o.pickerComponent,R=void 0===L?r:L,z=o.lensColor,w=o.enableTransparencyPalette,A=void 0!==w&&w,T=o["data-testid"],B=void 0===T?"ColorPicker":T,M=o.tooltipProps,E=void 0===M?{title:"Change color"}:M,N=o.disabled,U=o.onOpen,_=o.onClose,G=g(),V=s.useState(null),W=m.default(V,2),H=W[0],K=W[1],Z=s.useState((function(){return t.getValidColor(b)||"#03BCD4"})),J=m.default(Z,2),Q=J[0],X=J[1],Y=s.useRef(null),$=s.useState(null),oo=m.default($,2),eo=oo[0],so=oo[1],no=z||t.getButtonStrokeColor(null!=eo?eo:"",Q);s.useEffect((function(){var o=t.getValidColor(b);o?X(o):console.error("The color value(".concat(b,") is not valid, please check it."))}),[b]);return a.jsxs("div",{className:j.default(G.root,(e={},d.default(e,G.topLabelRoot,"top"===F),d.default(e,G.rightLabelRoot,"right"===F),e)),ref:function(o){return so(t.findParentBackground(o))},children:[!D&&a.jsx(n.InputLabel,{className:j.default((c={},d.default(c,G.topLabel,"top"===F),d.default(c,G.rightLabel,"right"===F),c)),shrink:!0,children:l}),a.jsx(n.Tooltip,I(I({},E),{},{children:a.jsx(n.IconButton,{"data-testid":"".concat(B,"_icon_").concat(l),className:j.default(G.button,C,d.default({},G.buttonTransparent,0===p.default(Q).alpha())),disableRipple:!0,style:{backgroundColor:Q,color:no},onClick:function(o){null==U||U(),K(o.currentTarget)},size:"small",disabled:N,children:a.jsx(u.PaletteIcon,{size:16,className:G.colorLensIcon})})})),a.jsx(n.Popover,{id:"colors-popper",action:Y,open:Boolean(H),anchorEl:H,onClose:function(){null==_||_(),K(null)},anchorOrigin:O,transformOrigin:k,children:a.jsx(R,{color:Q,onChange:function(o){var e=q[h](o);X(e),v(e)},onSizeChange:function(){Y.current&&Y.current.updatePosition()},enableTransparencyPalette:A})})]})};
+"use strict";var o=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),n=require("@material-ui/core"),c=require("chroma-js"),i=require("classnames"),r=require("./PaletteChromePicker/PaletteChromePicker.js"),t=require("./ColorPicketUtils.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var m=l(o),d=l(e),p=l(c),j=l(i);function b(o,e){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),s.push.apply(s,n)}return s}function I(o){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?b(Object(s),!0).forEach((function(e){m.default(o,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):b(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))}))}return o}var q={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?q.rgb(o):q.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?q.hex(o):q.rgba(o)}},g=n.makeStyles({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"8px",fontSize:"1rem","&.Mui-disabled":{opacity:.4}},buttonTransparent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}});module.exports=function(o){var e,c,i=o.label,l=void 0===i?"Color":i,b=o.value,f=o.converter,h=void 0===f?"rgba_hex":f,C=o.onChange,v=o.buttonClassName,x=o.popoverAnchorOrigin,O=void 0===x?{vertical:"bottom",horizontal:"left"}:x,P=o.popoverTransformOrigin,k=void 0===P?{vertical:"top",horizontal:"left"}:P,y=o.labelPosition,F=void 0===y?"top":y,S=o.hideLabel,D=void 0!==S&&S,L=o.pickerComponent,R=void 0===L?r:L,z=o.lensColor,w=o.enableTransparencyPalette,A=void 0!==w&&w,T=o["data-testid"],B=void 0===T?"ColorPicker":T,M=o.tooltipProps,E=void 0===M?{title:"Change color"}:M,N=o.disabled,U=o.onOpen,_=o.onClose,G=g(),V=s.useState(null),W=d.default(V,2),H=W[0],K=W[1],Z=s.useState((function(){return t.getValidColor(b)||"#03BCD4"})),J=d.default(Z,2),Q=J[0],X=J[1],Y=s.useRef(null),$=s.useState(null),oo=d.default($,2),eo=oo[0],so=oo[1],no=z||t.getButtonStrokeColor(null!=eo?eo:"",Q);s.useEffect((function(){var o=t.getValidColor(b);o?X(o):console.error("The color value(".concat(b,") is not valid, please check it."))}),[b]);return a.jsxs("div",{className:j.default(G.root,(e={},m.default(e,G.topLabelRoot,"top"===F),m.default(e,G.rightLabelRoot,"right"===F),e)),ref:function(o){return so(t.findParentBackground(o))},children:[!D&&a.jsx(n.InputLabel,{className:j.default((c={},m.default(c,G.topLabel,"top"===F),m.default(c,G.rightLabel,"right"===F),c)),shrink:!0,children:l}),a.jsx(n.Tooltip,I(I({},E),{},{children:a.jsx(n.IconButton,{"data-testid":"".concat(B,"_icon_").concat(l),className:j.default(G.button,v,m.default({},G.buttonTransparent,0===p.default(Q).alpha())),disableRipple:!0,style:{backgroundColor:Q,color:no},onClick:function(o){null==U||U(),K(o.currentTarget)},size:"small",disabled:N,children:a.jsx(u.PaletteIcon,{size:16,className:G.colorLensIcon})})})),a.jsx(n.Popover,{id:"colors-popper",action:Y,open:Boolean(H),anchorEl:H,onClose:function(){null==_||_(),K(null)},anchorOrigin:O,transformOrigin:k,children:a.jsx(R,{color:Q,onChange:function(o){var e=q[h](o);X(e),C(e)},onSizeChange:function(){Y.current&&Y.current.updatePosition()},enableTransparencyPalette:A})})]})};
 //# sourceMappingURL=ColorPicker.js.map

package/cjs-bundle/components/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { type FC, type ComponentType, type MouseEvent, useEffect, useRef, useState } from 'react';\nimport {\n  IconButton,\n  InputLabel,\n  makeStyles,\n  Popover,\n  PopoverActions,\n  PopoverOrigin,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\n\nimport PaletteChromePicker from './PaletteChromePicker';\nimport { findParentBackground, getButtonStrokeColor, getValidColor } from './ColorPicketUtils';\n\nimport Checkboard from '~/assets/checkboard.svg';\nimport { PaletteIcon } from '~/icons';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\ntype ColorInput = { hex: string; rgb: { r: number; g: number; b: number; a: number } };\n\nconst converters = {\n  rgba: (c: ColorInput) => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n  rgb: (c: ColorInput) => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n  hex: (c: ColorInput) => c.hex,\n  rgba_rgb: (c: ColorInput) => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n  rgba_hex: (c: ColorInput) => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\nconst useStyles = makeStyles({\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: '8px',\n    fontSize: '1rem',\n\n    '&.Mui-disabled': {\n      opacity: 0.4,\n    },\n  },\n  buttonTransparent: {\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: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n    whiteSpace: 'nowrap',\n  },\n  rightLabel: {\n    marginLeft: '8px',\n    fontSize: '16px',\n  },\n});\n\ntype ColorPickerProps = {\n  label?: string;\n  value: string;\n  onChange: (color: string) => void;\n  converter?: keyof typeof converters;\n  pickerComponent?: ComponentType<any>;\n  buttonClassName?: string;\n  labelPosition?: 'top' | 'right';\n  hideLabel?: boolean;\n  lensColor?: string;\n  enableTransparencyPalette?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  'data-testid'?: string;\n  popoverAnchorOrigin?: PopoverOrigin;\n  popoverTransformOrigin?: PopoverOrigin;\n  disabled?: boolean;\n\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst ColorPicker: FC<ColorPickerProps> = ({\n  label = 'Color',\n  value,\n  converter = 'rgba_hex',\n  onChange,\n  buttonClassName,\n  popoverAnchorOrigin = { vertical: 'bottom', horizontal: 'left' },\n  popoverTransformOrigin = { vertical: 'top', horizontal: 'left' },\n  labelPosition = 'top',\n  hideLabel = false,\n  pickerComponent: PickerComponent = PaletteChromePicker,\n  lensColor,\n  enableTransparencyPalette = false,\n  'data-testid': PAGE_NAME = 'ColorPicker',\n  tooltipProps = { title: 'Change color' },\n  disabled,\n  onOpen,\n  onClose,\n}) => {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [color, setColor] = useState(() => getValidColor(value) || DEFAULT_COLOR);\n  const popperInstanceRef = useRef<PopoverActions>(null);\n  const [backgroundColor, setBackgroundColor] = useState<string | null>(null);\n\n  const strokeColor = lensColor || getButtonStrokeColor(backgroundColor ?? '', color);\n\n  useEffect(() => {\n    const newColor = getValidColor(value);\n    if (newColor) setColor(newColor);\n    else console.error(`The color value(${value}) is not valid, please check it.`);\n  }, [value]);\n\n  const handleOpen = (e: MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    setAnchorEl(e.currentTarget);\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setAnchorEl(null);\n  };\n\n  const handleChange = (nextColor: ColorInput) => {\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      ref={el => setBackgroundColor(findParentBackground(el))}\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 {...tooltipProps}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_icon_${label}`}\n          className={classNames(classes.button, buttonClassName, {\n            [classes.buttonTransparent]: chroma(color).alpha() === 0,\n          })}\n          disableRipple\n          style={{ backgroundColor: color, color: strokeColor }}\n          onClick={handleOpen}\n          size=\"small\"\n          disabled={disabled}\n        >\n          <PaletteIcon size={16} 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\nexport default ColorPicker;\n"],"names":["converters","rgba","c","rgb","r","g","b","a","concat","hex","rgba_rgb","rgba_hex","useStyles","makeStyles","root","position","display","topLabelRoot","flexDirection","rightLabelRoot","justifyContent","alignItems","button","width","height","boxShadow","borderRadius","fontSize","opacity","buttonTransparent","backgroundImage","backgroundSize","backgroundPosition","content","background","transform","colorLensIcon","zIndex","popper","topLabel","marginBottom","lineHeight","letterSpacing","color","whiteSpace","rightLabel","marginLeft","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { type FC, type ComponentType, type MouseEvent, useEffect, useRef, useState } from 'react';\nimport {\n  IconButton,\n  InputLabel,\n  makeStyles,\n  Popover,\n  PopoverActions,\n  PopoverOrigin,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\n\nimport PaletteChromePicker from './PaletteChromePicker';\nimport { findParentBackground, getButtonStrokeColor, getValidColor } from './ColorPicketUtils';\n\nimport Checkboard from '~/assets/checkboard.svg';\nimport { PaletteIcon } from '~/icons';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\ntype ColorInput = { hex: string; rgb: { r: number; g: number; b: number; a: number } };\n\nconst converters = {\n  rgba: (c: ColorInput) => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n  rgb: (c: ColorInput) => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n  hex: (c: ColorInput) => c.hex,\n  rgba_rgb: (c: ColorInput) => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n  rgba_hex: (c: ColorInput) => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\nconst useStyles = makeStyles({\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: '8px',\n    fontSize: '1rem',\n\n    '&.Mui-disabled': {\n      opacity: 0.4,\n    },\n  },\n  buttonTransparent: {\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: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n    whiteSpace: 'nowrap',\n  },\n  rightLabel: {\n    marginLeft: '8px',\n    fontSize: '16px',\n  },\n});\n\ntype ColorPickerProps = {\n  label?: string;\n  value: string;\n  onChange: (color: string) => void;\n  converter?: keyof typeof converters;\n  pickerComponent?: ComponentType<any>;\n  buttonClassName?: string;\n  labelPosition?: 'top' | 'right';\n  hideLabel?: boolean;\n  lensColor?: string;\n  enableTransparencyPalette?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  'data-testid'?: string;\n  popoverAnchorOrigin?: PopoverOrigin;\n  popoverTransformOrigin?: PopoverOrigin;\n  disabled?: boolean;\n\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst ColorPicker: FC<ColorPickerProps> = ({\n  label = 'Color',\n  value,\n  converter = 'rgba_hex',\n  onChange,\n  buttonClassName,\n  popoverAnchorOrigin = { vertical: 'bottom', horizontal: 'left' },\n  popoverTransformOrigin = { vertical: 'top', horizontal: 'left' },\n  labelPosition = 'top',\n  hideLabel = false,\n  pickerComponent: PickerComponent = PaletteChromePicker,\n  lensColor,\n  enableTransparencyPalette = false,\n  'data-testid': PAGE_NAME = 'ColorPicker',\n  tooltipProps = { title: 'Change color' },\n  disabled,\n  onOpen,\n  onClose,\n}) => {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [color, setColor] = useState(() => getValidColor(value) || DEFAULT_COLOR);\n  const popperInstanceRef = useRef<PopoverActions>(null);\n  const [backgroundColor, setBackgroundColor] = useState<string | null>(null);\n\n  const strokeColor = lensColor || getButtonStrokeColor(backgroundColor ?? '', color);\n\n  useEffect(() => {\n    const newColor = getValidColor(value);\n    if (newColor) setColor(newColor);\n    else console.error(`The color value(${value}) is not valid, please check it.`);\n  }, [value]);\n\n  const handleOpen = (e: MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    setAnchorEl(e.currentTarget);\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setAnchorEl(null);\n  };\n\n  const handleChange = (nextColor: ColorInput) => {\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      ref={el => setBackgroundColor(findParentBackground(el))}\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 {...tooltipProps}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_icon_${label}`}\n          className={classNames(classes.button, buttonClassName, {\n            [classes.buttonTransparent]: chroma(color).alpha() === 0,\n          })}\n          disableRipple\n          style={{ backgroundColor: color, color: strokeColor }}\n          onClick={handleOpen}\n          size=\"small\"\n          disabled={disabled}\n        >\n          <PaletteIcon size={16} 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\nexport default ColorPicker;\n"],"names":["converters","rgba","c","rgb","r","g","b","a","concat","hex","rgba_rgb","rgba_hex","useStyles","makeStyles","root","position","display","topLabelRoot","flexDirection","rightLabelRoot","justifyContent","alignItems","button","width","height","boxShadow","borderRadius","fontSize","opacity","buttonTransparent","backgroundImage","backgroundSize","backgroundPosition","content","background","transform","colorLensIcon","zIndex","popper","topLabel","marginBottom","lineHeight","letterSpacing","color","whiteSpace","rightLabel","marginLeft","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}

package/cjs-bundle/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),e=require("react"),c=require("react-color"),i=require("classnames"),n=require("@material-ui/core"),r=require("./Palette/Palette.js"),t=require("../../IconButton/index.js"),u=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),d=l(o),j=l(i),q="PALETTE",p="CHROME_PICKER",I={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},h=n.makeStyles({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",paddingBottom:"8px",borderRadius:"4px",width:"250px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),b=e.forwardRef((function(s,o){var i=s.color,l=s.onChange,b=s.onSizeChange,x=s.enableTransparencyPalette,C=h(),f=e.useState(q),g=d.default(f,2),P=g[0],k=g[1];return e.useLayoutEffect(b,[P]),a.jsxs("div",{className:C.container,ref:o,children:[P===q&&a.jsx(r,{className:C.chromePickerPalette,color:i,onChange:l,enableTransparencyPalette:x}),P===p&&a.jsx(c.ChromePicker,{styles:I,color:i,onChange:l}),a.jsxs("div",{className:C.buttonsContainer,children:[a.jsx(n.Tooltip,{title:"Palette",classes:{tooltip:C.tooltip},children:a.jsx(t,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return k(q)},children:a.jsx(u.PaletteIcon,{className:j.default(m.default({},C.iconActive,P===q)),size:24})})}),a.jsx(n.Tooltip,{title:"Pick your own",classes:{tooltip:C.tooltip},children:a.jsx(t,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return k(p)},children:a.jsx(u.PickerIcon,{className:j.default(m.default({},C.iconActive,P===p)),size:24})})})]})]})}));module.exports=b;
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),e=require("react"),c=require("react-color"),i=require("classnames"),n=require("@material-ui/core"),r=require("./Palette/Palette.js"),t=require("../../IconButton/index.js"),u=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),d=l(o),j=l(i),q="PALETTE",p="CHROME_PICKER",I={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},h=n.makeStyles({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",paddingBottom:"8px",borderRadius:"4px",width:"250px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),b=e.forwardRef((function(s,o){var i=s.color,l=s.onChange,b=s.onSizeChange,x=s.enableTransparencyPalette,C=h(),f=e.useState(q),P=d.default(f,2),g=P[0],k=P[1];return e.useLayoutEffect(b,[g]),a.jsxs("div",{className:C.container,ref:o,children:[g===q&&a.jsx(r,{className:C.chromePickerPalette,color:i,onChange:l,enableTransparencyPalette:x}),g===p&&a.jsx(c.ChromePicker,{styles:I,color:i,onChange:l}),a.jsxs("div",{className:C.buttonsContainer,children:[a.jsx(n.Tooltip,{title:"Palette",classes:{tooltip:C.tooltip},children:a.jsx(t,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return k(q)},children:a.jsx(u.PaletteIcon,{className:j.default(m.default({},C.iconActive,g===q)),size:24})})}),a.jsx(n.Tooltip,{title:"Pick your own",classes:{tooltip:C.tooltip},children:a.jsx(t,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return k(p)},children:a.jsx(u.PickerIcon,{className:j.default(m.default({},C.iconActive,g===p)),size:24})})})]})]})}));module.exports=b;
 //# sourceMappingURL=PaletteChromePicker.js.map

package/cjs-bundle/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaletteChromePicker.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect, useState } from 'react';\nimport { ChromePicker } from 'react-color';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\n\nimport Palette from './Palette';\n\nimport IconButton from '~/components/IconButton';\nimport { PaletteIcon, PickerIcon } from '~/icons';\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    paddingBottom: '8px',\n    borderRadius: '4px',\n    width: '250px',\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  chromePickerPalette: {\n    margin: '0 8px',\n    paddingTop: '8px',\n  },\n  buttonsContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: '8px',\n  },\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// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing these types\nexport type HSLA = { h: number; s: number; l: number; a: number };\nexport type RGBA = { r: number; g: number; b: number; a: number };\nexport type HSVA = { h: number; s: number; v: number; a: number };\n\nexport type Color = { hex: string; hsl: HSLA; rgb: RGBA; hsv: HSVA };\n\nexport type PaletteChromePickerProps = {\n  color: string | RGBA | HSLA | HSVA;\n  onChange: (color: Color) => void;\n  onSizeChange: () => void;\n  enableTransparencyPalette: boolean;\n};\n\nconst PaletteChromePicker = forwardRef(\n  (\n    { color, onChange, onSizeChange, enableTransparencyPalette }: PaletteChromePickerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\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(\n                  /* classes.icon, */ {\n                    [classes.iconActive]: pickMode === COLOR_PICK_MODE.PALETTE,\n                  }\n                )}\n                size={24}\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              <PickerIcon\n                className={classNames(\n                  /* classes.icon, */ {\n                    [classes.iconActive]: pickMode === COLOR_PICK_MODE.CHROME_PICKER,\n                  }\n                )}\n                size={24}\n              />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default PaletteChromePicker;\n"],"names":["COLOR_PICK_MODE","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","chromePickerPalette","margin","paddingTop","buttonsContainer","iconActive","tooltip","background","opacity","fontSize","PaletteChromePicker","forwardRef","_ref","ref","onChange","onSizeChange","enableTransparencyPalette","classes","_useState","useState","_useState2","_slicedToArray","pickMode","setPickMode","useLayoutEffect","_jsxs","className","children","_jsx","Palette","ChromePicker","styles","jsxs","Tooltip","title","IconButton","concat","onClick","PaletteIcon","classNames","_defineProperty","size","PickerIcon"],"mappings":"okJAYMA,EACK,UADLA,EAEW,gBAGXC,EAAqB,CACzBC,QAAS,CACPC,OAAQ,CACNC,MAAO,OACPC,UAAW,QAEbC,KAAM,CACJC,gBAAiB,UACjBC,QAAS,eAEXC,MAAO,CACLL,MAAO,OACPM,OAAQ,OACRC,YAAa,OACbC,aAAc,OAEhBC,OAAQ,CACNC,UAAW,EACXV,MAAO,OACPM,OAAQ,OACRE,aAAc,EACdG,SAAU,WACVC,SAAU,UAEZC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBAElBC,MAAO,CACLC,WAAY,CACVJ,QAAS,QAEXK,SAAU,CACRX,aAAc,UAMhBY,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTnB,gBAAiB,UACjBF,UAAW,kCACXsB,cAAe,MACff,aAAc,MACdR,MAAO,QAEP,UAAW,CACTwB,OAAQ,+BACRrB,gBAAiB,UACjBE,MAAO,kBACPJ,UAAW,kBACXwB,QAAS,SAGbC,oBAAqB,CACnBC,OAAQ,QACRC,WAAY,OAEdC,iBAAkB,CAChBf,QAAS,OACTE,eAAgB,SAChBN,UAAW,OAEboB,WAAY,CAAEzB,MAAO,QACrB0B,QAAS,CACPC,WAAY,UACZ3B,MAAO,OACPJ,UAAW,kCACXO,aAAc,MACdyB,QAAS,EACTC,SAAU,UAkBRC,EAAsBC,EAAUA,YACpC,SAAAC,EAEEC,GACG,IAFDjC,IAAAA,MAAOkC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,0BAG3BC,EAAUtB,IAChBuB,EAAgCC,EAAAA,SAAShD,GAAwBiD,EAAAC,EAAAA,QAAAH,EAAA,GAA1DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAI5B,OAFAI,EAAAA,gBAAgBT,EAAc,CAACO,IAG7BG,EAAAA,KAAA,MAAA,CAAKC,UAAWT,EAAQpB,UAAWgB,IAAKA,EAAIc,SAAA,CACzCL,IAAanD,GACZyD,EAAAA,IAACC,EAAO,CACNH,UAAWT,EAAQhB,oBACnBrB,MAAOA,EACPkC,SAAUA,EACVE,0BAA2BA,IAG9BM,IAAanD,GACZyD,EAAAA,IAACE,EAAAA,aAAY,CAACC,OAAQ3D,EAAoBQ,MAAOA,EAAOkC,SAAUA,IAEpEW,EAAAO,KAAA,MAAA,CAAKN,UAAWT,EAAQb,iBAAiBuB,SAAA,CACvCC,MAACK,UAAO,CAACC,MAAM,UAAUjB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SAC7DC,MAACO,EAAU,CACT,cAAA,GAAAC,OA3HI,sBA2HqB,YAEzBC,QAAS,WAAA,OAAMd,EAAYpD,EAAyB,EAAAwD,SAEpDC,MAACU,cAAW,CACVZ,UAAWa,EAAAA,QACTC,EAAA,QAAA,GACGvB,EAAQZ,WAAaiB,IAAanD,IAGvCsE,KAAM,SAIZb,MAACK,UAAO,CAACC,MAAM,gBAAgBjB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SACnEC,MAACO,EAAU,CACT,cAAA,GAAAC,OA3II,sBA2IqB,YAEzBC,QAAS,WAAA,OAAMd,EAAYpD,EAA+B,EAAAwD,SAE1DC,MAACc,aAAU,CACThB,UAAWa,EAAAA,QACTC,EAAA,QAAA,GACGvB,EAAQZ,WAAaiB,IAAanD,IAGvCsE,KAAM,cAOpB"}
+{"version":3,"file":"PaletteChromePicker.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect, useState } from 'react';\nimport { ChromePicker } from 'react-color';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\n\nimport Palette from './Palette';\n\nimport IconButton from '~/components/IconButton';\nimport { PaletteIcon, PickerIcon } from '~/icons';\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    paddingBottom: '8px',\n    borderRadius: '4px',\n    width: '250px',\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  chromePickerPalette: {\n    margin: '0 8px',\n    paddingTop: '8px',\n  },\n  buttonsContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: '8px',\n  },\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// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing these types\nexport type HSLA = { h: number; s: number; l: number; a: number };\nexport type RGBA = { r: number; g: number; b: number; a: number };\nexport type HSVA = { h: number; s: number; v: number; a: number };\n\nexport type Color = { hex: string; hsl: HSLA; rgb: RGBA; hsv: HSVA };\n\nexport type PaletteChromePickerProps = {\n  color: string | RGBA | HSLA | HSVA;\n  onChange: (color: Color) => void;\n  onSizeChange: () => void;\n  enableTransparencyPalette: boolean;\n};\n\nconst PaletteChromePicker = forwardRef(\n  (\n    { color, onChange, onSizeChange, enableTransparencyPalette }: PaletteChromePickerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\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(\n                  /* classes.icon, */ {\n                    [classes.iconActive]: pickMode === COLOR_PICK_MODE.PALETTE,\n                  }\n                )}\n                size={24}\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              <PickerIcon\n                className={classNames(\n                  /* classes.icon, */ {\n                    [classes.iconActive]: pickMode === COLOR_PICK_MODE.CHROME_PICKER,\n                  }\n                )}\n                size={24}\n              />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default PaletteChromePicker;\n"],"names":["COLOR_PICK_MODE","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","chromePickerPalette","margin","paddingTop","buttonsContainer","iconActive","tooltip","background","opacity","fontSize","PaletteChromePicker","forwardRef","_ref","ref","onChange","onSizeChange","enableTransparencyPalette","classes","_useState","useState","_useState2","_slicedToArray","pickMode","setPickMode","useLayoutEffect","_jsxs","className","children","_jsx","Palette","ChromePicker","styles","jsxs","Tooltip","title","IconButton","concat","onClick","PaletteIcon","classNames","_defineProperty","size","PickerIcon"],"mappings":"urJAYMA,EACK,UADLA,EAEW,gBAGXC,EAAqB,CACzBC,QAAS,CACPC,OAAQ,CACNC,MAAO,OACPC,UAAW,QAEbC,KAAM,CACJC,gBAAiB,UACjBC,QAAS,eAEXC,MAAO,CACLL,MAAO,OACPM,OAAQ,OACRC,YAAa,OACbC,aAAc,OAEhBC,OAAQ,CACNC,UAAW,EACXV,MAAO,OACPM,OAAQ,OACRE,aAAc,EACdG,SAAU,WACVC,SAAU,UAEZC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBAElBC,MAAO,CACLC,WAAY,CACVJ,QAAS,QAEXK,SAAU,CACRX,aAAc,UAMhBY,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTnB,gBAAiB,UACjBF,UAAW,kCACXsB,cAAe,MACff,aAAc,MACdR,MAAO,QAEP,UAAW,CACTwB,OAAQ,+BACRrB,gBAAiB,UACjBE,MAAO,kBACPJ,UAAW,kBACXwB,QAAS,SAGbC,oBAAqB,CACnBC,OAAQ,QACRC,WAAY,OAEdC,iBAAkB,CAChBf,QAAS,OACTE,eAAgB,SAChBN,UAAW,OAEboB,WAAY,CAAEzB,MAAO,QACrB0B,QAAS,CACPC,WAAY,UACZ3B,MAAO,OACPJ,UAAW,kCACXO,aAAc,MACdyB,QAAS,EACTC,SAAU,UAkBRC,EAAsBC,EAAUA,YACpC,SAAAC,EAEEC,GACG,IAFDjC,IAAAA,MAAOkC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,0BAG3BC,EAAUtB,IAChBuB,EAAgCC,EAAAA,SAAShD,GAAwBiD,EAAAC,EAAAA,QAAAH,EAAA,GAA1DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAI5B,OAFAI,EAAAA,gBAAgBT,EAAc,CAACO,IAG7BG,EAAAA,KAAA,MAAA,CAAKC,UAAWT,EAAQpB,UAAWgB,IAAKA,EAAIc,SAAA,CACzCL,IAAanD,GACZyD,EAAAA,IAACC,EAAO,CACNH,UAAWT,EAAQhB,oBACnBrB,MAAOA,EACPkC,SAAUA,EACVE,0BAA2BA,IAG9BM,IAAanD,GACZyD,EAAAA,IAACE,EAAAA,aAAY,CAACC,OAAQ3D,EAAoBQ,MAAOA,EAAOkC,SAAUA,IAEpEW,EAAAO,KAAA,MAAA,CAAKN,UAAWT,EAAQb,iBAAiBuB,SAAA,CACvCC,MAACK,UAAO,CAACC,MAAM,UAAUjB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SAC7DC,MAACO,EAAU,CACT,cAAA,GAAAC,OA3HI,sBA2HqB,YAEzBC,QAAS,WAAA,OAAMd,EAAYpD,EAAyB,EAAAwD,SAEpDC,MAACU,cAAW,CACVZ,UAAWa,EAAAA,QACTC,EAAA,QAAA,GACGvB,EAAQZ,WAAaiB,IAAanD,IAGvCsE,KAAM,SAIZb,MAACK,UAAO,CAACC,MAAM,gBAAgBjB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SACnEC,MAACO,EAAU,CACT,cAAA,GAAAC,OA3II,sBA2IqB,YAEzBC,QAAS,WAAA,OAAMd,EAAYpD,EAA+B,EAAAwD,SAE1DC,MAACc,aAAU,CACThB,UAAWa,EAAAA,QACTC,EAAA,QAAA,GACGvB,EAAQZ,WAAaiB,IAAanD,IAGvCsE,KAAM,cAOpB"}

package/cjs-bundle/components/CommentCard/CommentCard.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),n=require("@material-ui/core"),i=require("classnames"),c=require("../FeedCard/FeedCard.js"),r=require("../AttachmentPreview/useStoredAttachments.js"),t=require("../FeedCard/useFeedActivity.js"),a=require("../AttachmentPreview/AttachmentPreview.js");require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var u=require("../../componentsV2/Tooltip/Tooltip.js"),l=require("react/jsx-runtime"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("@babel/runtime/helpers/slicedToArray"),require("../../componentsV2/Menu/Menu.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/main.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions");var d=require("../../componentsV2/Avatar/Avatar.js"),j=require("../LinkedText/LinkedText.js"),p=require("./CommentCardReactions.js"),q=require("./CommentCardReplies.js"),h=require("./CommentCard.scss.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=I(e),x=I(s),C=I(i);function b(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function f(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?b(Object(o),!0).forEach((function(s){v.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var y=function(e){var s=e.rows;return l.jsx("div",{className:h.metadataRows,children:s.map((function(e){var s=e.label,o=e.value,n=e.unit;return l.jsxs("div",{className:h.metadataRow,children:[l.jsx("span",{className:h.metadataLabel,children:s}),l.jsx("span",{className:h.metadataValue,children:o}),n&&l.jsx("span",{className:h.metadataUnit,children:n})]},s)}))})},A=o.forwardRef((function(e,s){var i=e.activity,I=e.variant,v=void 0===I?"expanded":I,b=e.author,A=e.timestamp,O=e.subtitle,F=e.body,N=e.contextRows,g=e.attachment,R=e.storedAttachments,w=e.isLiked,P=e.likesCount,M=e.commentsCount,k=e.replies,T=e.hasMoreReplies,S=e.moreRepliesCount,D=e.attachments,E=e.onAttachmentClick,L=e.onAttachmentShare,_=e.attachmentSlot,B=e.chip,G=e.chipColor,H=e.onLike,U=e.onReplyToggle,V=e.onForward,z=e.onShowMoreReplies,X=e.menuItems,W=e.isReplyOpen,K=e.replyInput,Z=e.editForm,J=e.width,Q=e.onMouseEnter,Y=e.onMouseLeave,$=e.className,ee=e.testId,se=t.useFeedActivity(i,"comment"),oe=se?[].concat(x.default(null!=X?X:[]),x.default(se.menuItems)):X,ne=se?se.replyInput:K,ie=se?se.isReplyOpen:W,ce=se?se.replies:k,re=!(null==N||!N.length),te=re&&!B,ae=!!(se||H||U||V||null!=oe&&oe.length||te),ue=te&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:l.jsx(y,{rows:N}),children:l.jsx("span",{className:h.infoButton,"data-testid":"comment-card-info",children:l.jsx(m.InfoIcon,{size:12,strokeWidth:2})})}),le=l.jsx(p.CommentCardReactions,{info:ue,commentsCount:se?se.commentsCount:M,likesCount:se?se.likesCount:P,isLiked:se?se.isLiked:w,menuItems:oe,onLike:se?se.onLike:H,onReplyToggle:se?se.onReplyToggle:U,onForward:V}),me=l.jsxs("div",{className:h.bodyRow,children:[l.jsx("div",{className:h.text,children:l.jsx(j.LinkedText,{children:F})}),B&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:re?l.jsx(y,{rows:N}):"",children:l.jsx("span",{className:C.default(h.chip,!!G&&h.chipAccented),style:G?{borderLeftColor:G}:void 0,children:B})})]}),de=o.useMemo((function(){return null!=R?R:[g].filter(Boolean)}),[R,g]),je=r.useStoredAttachments(de),pe=je.length?je:D,qe=null!=pe&&pe.length?l.jsx(a.AttachmentPreview,{items:pe,onItemClick:E,onShare:L}):null,he={ref:s,width:J,radius:12,onMouseEnter:Q,onMouseLeave:Y,testId:ee,className:$};if(null!=se&&se.isDeleted)return null;var Ie=function(e){return l.jsxs(l.Fragment,{children:[e,null==se?void 0:se.deleteDialog]})};if("preview"===v)return Ie(l.jsxs(c.FeedCard,f(f({},he),{},{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX,children:[l.jsxs("div",{className:h.compactBody,children:[l.jsxs("div",{className:h.compactTop,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsx("span",{className:h.name,children:b.name}),l.jsx("span",{className:h.compactTime,children:A})]}),l.jsx("div",{className:h.scrollBody,children:me})]}),ae&&l.jsx("div",{className:h.compactFooter,children:le})]})));var ve=!!Z,xe=l.jsxs("div",{className:h.header,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsxs("div",{className:h.headerText,children:[l.jsxs("div",{className:h.nameRow,children:[l.jsx("span",{className:h.name,children:b.name}),A&&l.jsx("span",{className:h.timestamp,children:A})]}),O&&l.jsx("span",{className:h.subtitle,children:O})]})]});return Ie(ve?l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsx("div",{className:h.editHeader,children:xe}),Z]})):l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsxs("div",{className:h.capped,style:{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX},children:[l.jsxs("div",{className:h.bodySurface,children:[xe,l.jsxs("div",{className:h.scrollBody,children:[me,(qe||_)&&l.jsxs("div",{className:h.attachment,children:[qe,_]})]})]}),ae&&l.jsx("div",{className:h.footer,children:le})]}),ae&&l.jsx(n.Collapse,{in:ie,timeout:250,unmountOnExit:!0,children:l.jsx("div",{className:h.repliesSection,children:l.jsx(q.CommentCardReplies,{replies:ce,hasMoreReplies:se?se.hasMoreReplies:T,moreRepliesCount:se?se.moreRepliesCount:S,isReplyOpen:ie,replyInput:ne,onShowMoreReplies:se?se.onShowMoreReplies:z})})})]})))}));exports.CommentCard=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),n=require("@material-ui/core"),i=require("classnames"),c=require("../FeedCard/FeedCard.js"),r=require("../AttachmentPreview/useStoredAttachments.js"),t=require("../FeedCard/useFeedActivity.js"),a=require("../AttachmentPreview/AttachmentPreview.js");require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var u=require("../../componentsV2/Tooltip/Tooltip.js"),l=require("react/jsx-runtime"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("@babel/runtime/helpers/slicedToArray"),require("../../componentsV2/Menu/Menu.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/main.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions");var d=require("../../componentsV2/Avatar/Avatar.js"),j=require("../LinkedText/LinkedText.js"),p=require("./CommentCardReactions.js"),q=require("./CommentCardReplies.js"),h=require("./CommentCard.scss.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=I(e),x=I(s),C=I(i);function b(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function f(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?b(Object(o),!0).forEach((function(s){v.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var y=function(e){var s=e.rows;return l.jsx("div",{className:h.metadataRows,children:s.map((function(e){var s=e.label,o=e.value,n=e.unit;return l.jsxs("div",{className:h.metadataRow,children:[l.jsx("span",{className:h.metadataLabel,children:s}),l.jsx("span",{className:h.metadataValue,children:o}),n&&l.jsx("span",{className:h.metadataUnit,children:n})]},s)}))})},O=o.forwardRef((function(e,s){var i=e.activity,I=e.variant,v=void 0===I?"expanded":I,b=e.author,O=e.timestamp,A=e.subtitle,F=e.body,N=e.contextRows,g=e.attachment,R=e.storedAttachments,w=e.isLiked,P=e.likesCount,M=e.commentsCount,k=e.replies,T=e.hasMoreReplies,S=e.moreRepliesCount,D=e.attachments,E=e.onAttachmentClick,L=e.onAttachmentShare,_=e.attachmentSlot,B=e.chip,G=e.chipColor,H=e.onLike,U=e.onReplyToggle,V=e.onForward,z=e.onShowMoreReplies,X=e.menuItems,W=e.isReplyOpen,K=e.replyInput,Z=e.editForm,J=e.width,Q=e.onMouseEnter,Y=e.onMouseLeave,$=e.className,ee=e.testId,se=t.useFeedActivity(i,"comment"),oe=se?[].concat(x.default(null!=X?X:[]),x.default(se.menuItems)):X,ne=se?se.replyInput:K,ie=se?se.isReplyOpen:W,ce=se?se.replies:k,re=!(null==N||!N.length),te=re&&!B,ae=!!(se||H||U||V||null!=oe&&oe.length||te),ue=te&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:l.jsx(y,{rows:N}),children:l.jsx("span",{className:h.infoButton,"data-testid":"comment-card-info",children:l.jsx(m.InfoIcon,{size:12,strokeWidth:2})})}),le=l.jsx(p.CommentCardReactions,{info:ue,commentsCount:se?se.commentsCount:M,likesCount:se?se.likesCount:P,isLiked:se?se.isLiked:w,menuItems:oe,onLike:se?se.onLike:H,onReplyToggle:se?se.onReplyToggle:U,onForward:V}),me=l.jsxs("div",{className:h.bodyRow,children:[l.jsx("div",{className:h.text,children:l.jsx(j.LinkedText,{children:F})}),B&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:re?l.jsx(y,{rows:N}):"",children:l.jsx("span",{className:C.default(h.chip,!!G&&h.chipAccented),style:G?{borderLeftColor:G}:void 0,children:B})})]}),de=o.useMemo((function(){return null!=R?R:[g].filter(Boolean)}),[R,g]),je=r.useStoredAttachments(de),pe=je.length?je:D,qe=null!=pe&&pe.length?l.jsx(a.AttachmentPreview,{items:pe,onItemClick:E,onShare:L}):null,he={ref:s,width:J,radius:12,onMouseEnter:Q,onMouseLeave:Y,testId:ee,className:$};if(null!=se&&se.isDeleted)return null;var Ie=function(e){return l.jsxs(l.Fragment,{children:[e,null==se?void 0:se.deleteDialog]})};if("preview"===v)return Ie(l.jsxs(c.FeedCard,f(f({},he),{},{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX,children:[l.jsxs("div",{className:h.compactBody,children:[l.jsxs("div",{className:h.compactTop,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsx("span",{className:h.name,children:b.name}),l.jsx("span",{className:h.compactTime,children:O})]}),l.jsx("div",{className:h.scrollBody,children:me})]}),ae&&l.jsx("div",{className:h.compactFooter,children:le})]})));var ve=!!Z,xe=l.jsxs("div",{className:h.header,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsxs("div",{className:h.headerText,children:[l.jsxs("div",{className:h.nameRow,children:[l.jsx("span",{className:h.name,children:b.name}),O&&l.jsx("span",{className:h.timestamp,children:O})]}),A&&l.jsx("span",{className:h.subtitle,children:A})]})]});return Ie(ve?l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsx("div",{className:h.editHeader,children:xe}),Z]})):l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsxs("div",{className:h.capped,style:{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX},children:[l.jsxs("div",{className:h.bodySurface,children:[xe,l.jsxs("div",{className:h.scrollBody,children:[me,(qe||_)&&l.jsxs("div",{className:h.attachment,children:[qe,_]})]})]}),ae&&l.jsx("div",{className:h.footer,children:le})]}),ae&&l.jsx(n.Collapse,{in:ie,timeout:250,unmountOnExit:!0,children:l.jsx("div",{className:h.repliesSection,children:l.jsx(q.CommentCardReplies,{replies:ce,hasMoreReplies:se?se.hasMoreReplies:T,moreRepliesCount:se?se.moreRepliesCount:S,isReplyOpen:ie,replyInput:ne,onShowMoreReplies:se?se.onShowMoreReplies:z})})})]})))}));exports.CommentCard=O;
 //# sourceMappingURL=CommentCard.js.map

package/cjs-bundle/components/CommentCard/CommentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.js","sources":["../../../../src/components/CommentCard/CommentCard.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { FeedCard, FEED_CARD_MAX_HEIGHT_PX } from '../FeedCard';\nimport { StoredAttachment } from '../AttachmentPreview/useStoredAttachment';\nimport { useStoredAttachments } from '../AttachmentPreview/useStoredAttachments';\nimport { useFeedActivity } from '../FeedCard/useFeedActivity';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LinkedText } from '../LinkedText';\nimport { InfoIcon } from '../../icons';\n\nimport { CommentCardReactions } from './CommentCardReactions';\nimport { CommentCardReplies } from './CommentCardReplies';\nimport { CommentCardProps, CommentContextRow } from './CommentCard.types';\n\nimport styles from './CommentCard.scss';\n\nconst MetadataTooltip = ({ rows }: { rows: CommentContextRow[] }) => (\n  <div className={styles.metadataRows}>\n    {rows.map(({ label, value, unit }) => (\n      <div key={label} className={styles.metadataRow}>\n        <span className={styles.metadataLabel}>{label}</span>\n        <span className={styles.metadataValue}>{value}</span>\n        {unit && <span className={styles.metadataUnit}>{unit}</span>}\n      </div>\n    ))}\n  </div>\n);\n\nexport const CommentCard = forwardRef<HTMLDivElement, CommentCardProps>((props, ref) => {\n  const {\n    activity,\n    variant = 'expanded',\n    author,\n    timestamp,\n    subtitle,\n    body,\n    contextRows,\n    attachment,\n    storedAttachments,\n    isLiked,\n    likesCount,\n    commentsCount,\n    replies,\n    hasMoreReplies,\n    moreRepliesCount,\n    attachments,\n    onAttachmentClick,\n    onAttachmentShare,\n    attachmentSlot,\n    chip,\n    chipColor,\n    onLike,\n    onReplyToggle,\n    onForward,\n    onShowMoreReplies,\n    menuItems,\n    isReplyOpen,\n    replyInput,\n    editForm,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    className,\n    testId,\n  } = props;\n\n  const activityBinding = useFeedActivity(activity, 'comment');\n  const cardMenuItems = activityBinding\n    ? [...(menuItems ?? []), ...activityBinding.menuItems]\n    : menuItems;\n  const cardReplyInput = activityBinding ? activityBinding.replyInput : replyInput;\n  const cardIsReplyOpen = activityBinding ? activityBinding.isReplyOpen : isReplyOpen;\n  const cardReplies = activityBinding ? activityBinding.replies : replies;\n\n  const hasMetadata = !!contextRows?.length;\n  // The chip takes over the metadata tooltip when present, so the info icon is redundant.\n  const showInfoIcon = hasMetadata && !chip;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    showInfoIcon\n  );\n\n  const info = showInfoIcon && (\n    <Tooltip\n      placement=\"top\"\n      className={styles.metadataTooltip}\n      title={<MetadataTooltip rows={contextRows} />}\n    >\n      <span className={styles.infoButton} data-testid=\"comment-card-info\">\n        <InfoIcon size={12} strokeWidth={2} />\n      </span>\n    </Tooltip>\n  );\n\n  const reactions = (\n    <CommentCardReactions\n      info={info}\n      commentsCount={activityBinding ? activityBinding.commentsCount : commentsCount}\n      likesCount={activityBinding ? activityBinding.likesCount : likesCount}\n      isLiked={activityBinding ? activityBinding.isLiked : isLiked}\n      menuItems={cardMenuItems}\n      onLike={activityBinding ? activityBinding.onLike : onLike}\n      onReplyToggle={activityBinding ? activityBinding.onReplyToggle : onReplyToggle}\n      onForward={onForward}\n    />\n  );\n\n  const bodyRow = (\n    <div className={styles.bodyRow}>\n      <div className={styles.text}>\n        <LinkedText>{body}</LinkedText>\n      </div>\n      {chip && (\n        <Tooltip\n          placement=\"top\"\n          className={styles.metadataTooltip}\n          title={hasMetadata ? <MetadataTooltip rows={contextRows} /> : ''}\n        >\n          <span\n            className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n            style={chipColor ? { borderLeftColor: chipColor } : undefined}\n          >\n            {chip}\n          </span>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  const storedList = useMemo(\n    () => storedAttachments ?? ([attachment].filter(Boolean) as StoredAttachment[]),\n    [storedAttachments, attachment]\n  );\n  const storedItems = useStoredAttachments(storedList);\n  const items = storedItems.length ? storedItems : attachments;\n\n  // Undefined is the norm, which lets AttachmentPreview run its own lightbox; a caller that\n  // passes the prop is taking the click over.\n  const attachmentPreview = items?.length ? (\n    <AttachmentPreview items={items} onItemClick={onAttachmentClick} onShare={onAttachmentShare} />\n  ) : null;\n\n  const surfaceProps = {\n    ref,\n    width,\n    radius: 12,\n    onMouseEnter,\n    onMouseLeave,\n    testId,\n    className,\n  };\n\n  if (activityBinding?.isDeleted) return null;\n  const withOverlays = (card: ReactElement) => (\n    <>\n      {card}\n      {activityBinding?.deleteDialog}\n    </>\n  );\n\n  if (variant === 'preview') {\n    return withOverlays(\n      <FeedCard {...surfaceProps} maxHeight={FEED_CARD_MAX_HEIGHT_PX}>\n        <div className={styles.compactBody}>\n          <div className={styles.compactTop}>\n            <Avatar\n              size={24}\n              name={author.name}\n              imageSrc={author.avatarUrl}\n              className={styles.avatar}\n            />\n            <span className={styles.name}>{author.name}</span>\n            <span className={styles.compactTime}>{timestamp}</span>\n          </div>\n          <div className={styles.scrollBody}>{bodyRow}</div>\n        </div>\n        {hasFooter && <div className={styles.compactFooter}>{reactions}</div>}\n      </FeedCard>\n    );\n  }\n\n  const editing = !!editForm;\n\n  const headerEl = (\n    <div className={styles.header}>\n      <Avatar size={24} name={author.name} imageSrc={author.avatarUrl} className={styles.avatar} />\n      <div className={styles.headerText}>\n        <div className={styles.nameRow}>\n          <span className={styles.name}>{author.name}</span>\n          {timestamp && <span className={styles.timestamp}>{timestamp}</span>}\n        </div>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </div>\n    </div>\n  );\n\n  if (editing) {\n    return withOverlays(\n      <FeedCard {...surfaceProps}>\n        <div className={styles.editHeader}>{headerEl}</div>\n        {editForm}\n      </FeedCard>\n    );\n  }\n\n  return withOverlays(\n    <FeedCard {...surfaceProps}>\n      <div className={styles.capped} style={{ maxHeight: FEED_CARD_MAX_HEIGHT_PX }}>\n        <div className={styles.bodySurface}>\n          {headerEl}\n\n          <div className={styles.scrollBody}>\n            {bodyRow}\n            {(attachmentPreview || attachmentSlot) && (\n              <div className={styles.attachment}>\n                {attachmentPreview}\n                {attachmentSlot}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {hasFooter && <div className={styles.footer}>{reactions}</div>}\n      </div>\n\n      {hasFooter && (\n        <Collapse in={cardIsReplyOpen} timeout={250} unmountOnExit>\n          <div className={styles.repliesSection}>\n            <CommentCardReplies\n              replies={cardReplies}\n              hasMoreReplies={activityBinding ? activityBinding.hasMoreReplies : hasMoreReplies}\n              moreRepliesCount={\n                activityBinding ? activityBinding.moreRepliesCount : moreRepliesCount\n              }\n              isReplyOpen={cardIsReplyOpen}\n              replyInput={cardReplyInput}\n              onShowMoreReplies={\n                activityBinding ? activityBinding.onShowMoreReplies : onShowMoreReplies\n              }\n            />\n          </div>\n        </Collapse>\n      )}\n    </FeedCard>\n  );\n});\n"],"names":["MetadataTooltip","_ref","rows","_jsx","className","styles","metadataRows","children","map","_ref2","label","value","unit","_jsxs","metadataRow","jsx","metadataLabel","metadataValue","metadataUnit","CommentCard","forwardRef","props","ref","activity","_props$variant","variant","author","timestamp","subtitle","body","contextRows","attachment","storedAttachments","isLiked","likesCount","commentsCount","replies","hasMoreReplies","moreRepliesCount","attachments","onAttachmentClick","onAttachmentShare","attachmentSlot","chip","chipColor","onLike","onReplyToggle","onForward","onShowMoreReplies","menuItems","isReplyOpen","replyInput","editForm","width","onMouseEnter","onMouseLeave","testId","activityBinding","useFeedActivity","cardMenuItems","cardReplyInput","cardIsReplyOpen","cardReplies","hasMetadata","length","showInfoIcon","hasFooter","info","Tooltip","placement","metadataTooltip","title","infoButton","InfoIcon","size","strokeWidth","reactions","CommentCardReactions","bodyRow","jsxs","text","LinkedText","classNames","chipAccented","style","borderLeftColor","undefined","storedList","useMemo","filter","Boolean","storedItems","useStoredAttachments","items","attachmentPreview","AttachmentPreview","onItemClick","onShare","surfaceProps","radius","isDeleted","withOverlays","card","_Fragment","deleteDialog","FeedCard","maxHeight","FEED_CARD_MAX_HEIGHT_PX","compactBody","compactTop","Avatar","name","imageSrc","avatarUrl","avatar","compactTime","scrollBody","compactFooter","editing","headerEl","header","headerText","nameRow","editHeader","capped","bodySurface","footer","Collapse","in","timeout","unmountOnExit","repliesSection","CommentCardReplies"],"mappings":"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"}
+{"version":3,"file":"CommentCard.js","sources":["../../../../src/components/CommentCard/CommentCard.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { FeedCard, FEED_CARD_MAX_HEIGHT_PX } from '../FeedCard';\nimport { StoredAttachment } from '../AttachmentPreview/useStoredAttachment';\nimport { useStoredAttachments } from '../AttachmentPreview/useStoredAttachments';\nimport { useFeedActivity } from '../FeedCard/useFeedActivity';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LinkedText } from '../LinkedText';\nimport { InfoIcon } from '../../icons';\n\nimport { CommentCardReactions } from './CommentCardReactions';\nimport { CommentCardReplies } from './CommentCardReplies';\nimport { CommentCardProps, CommentContextRow } from './CommentCard.types';\n\nimport styles from './CommentCard.scss';\n\nconst MetadataTooltip = ({ rows }: { rows: CommentContextRow[] }) => (\n  <div className={styles.metadataRows}>\n    {rows.map(({ label, value, unit }) => (\n      <div key={label} className={styles.metadataRow}>\n        <span className={styles.metadataLabel}>{label}</span>\n        <span className={styles.metadataValue}>{value}</span>\n        {unit && <span className={styles.metadataUnit}>{unit}</span>}\n      </div>\n    ))}\n  </div>\n);\n\nexport const CommentCard = forwardRef<HTMLDivElement, CommentCardProps>((props, ref) => {\n  const {\n    activity,\n    variant = 'expanded',\n    author,\n    timestamp,\n    subtitle,\n    body,\n    contextRows,\n    attachment,\n    storedAttachments,\n    isLiked,\n    likesCount,\n    commentsCount,\n    replies,\n    hasMoreReplies,\n    moreRepliesCount,\n    attachments,\n    onAttachmentClick,\n    onAttachmentShare,\n    attachmentSlot,\n    chip,\n    chipColor,\n    onLike,\n    onReplyToggle,\n    onForward,\n    onShowMoreReplies,\n    menuItems,\n    isReplyOpen,\n    replyInput,\n    editForm,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    className,\n    testId,\n  } = props;\n\n  const activityBinding = useFeedActivity(activity, 'comment');\n  const cardMenuItems = activityBinding\n    ? [...(menuItems ?? []), ...activityBinding.menuItems]\n    : menuItems;\n  const cardReplyInput = activityBinding ? activityBinding.replyInput : replyInput;\n  const cardIsReplyOpen = activityBinding ? activityBinding.isReplyOpen : isReplyOpen;\n  const cardReplies = activityBinding ? activityBinding.replies : replies;\n\n  const hasMetadata = !!contextRows?.length;\n  // The chip takes over the metadata tooltip when present, so the info icon is redundant.\n  const showInfoIcon = hasMetadata && !chip;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    showInfoIcon\n  );\n\n  const info = showInfoIcon && (\n    <Tooltip\n      placement=\"top\"\n      className={styles.metadataTooltip}\n      title={<MetadataTooltip rows={contextRows} />}\n    >\n      <span className={styles.infoButton} data-testid=\"comment-card-info\">\n        <InfoIcon size={12} strokeWidth={2} />\n      </span>\n    </Tooltip>\n  );\n\n  const reactions = (\n    <CommentCardReactions\n      info={info}\n      commentsCount={activityBinding ? activityBinding.commentsCount : commentsCount}\n      likesCount={activityBinding ? activityBinding.likesCount : likesCount}\n      isLiked={activityBinding ? activityBinding.isLiked : isLiked}\n      menuItems={cardMenuItems}\n      onLike={activityBinding ? activityBinding.onLike : onLike}\n      onReplyToggle={activityBinding ? activityBinding.onReplyToggle : onReplyToggle}\n      onForward={onForward}\n    />\n  );\n\n  const bodyRow = (\n    <div className={styles.bodyRow}>\n      <div className={styles.text}>\n        <LinkedText>{body}</LinkedText>\n      </div>\n      {chip && (\n        <Tooltip\n          placement=\"top\"\n          className={styles.metadataTooltip}\n          title={hasMetadata ? <MetadataTooltip rows={contextRows} /> : ''}\n        >\n          <span\n            className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n            style={chipColor ? { borderLeftColor: chipColor } : undefined}\n          >\n            {chip}\n          </span>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  const storedList = useMemo(\n    () => storedAttachments ?? ([attachment].filter(Boolean) as StoredAttachment[]),\n    [storedAttachments, attachment]\n  );\n  const storedItems = useStoredAttachments(storedList);\n  const items = storedItems.length ? storedItems : attachments;\n\n  // Undefined is the norm, which lets AttachmentPreview run its own lightbox; a caller that\n  // passes the prop is taking the click over.\n  const attachmentPreview = items?.length ? (\n    <AttachmentPreview items={items} onItemClick={onAttachmentClick} onShare={onAttachmentShare} />\n  ) : null;\n\n  const surfaceProps = {\n    ref,\n    width,\n    radius: 12,\n    onMouseEnter,\n    onMouseLeave,\n    testId,\n    className,\n  };\n\n  if (activityBinding?.isDeleted) return null;\n  const withOverlays = (card: ReactElement) => (\n    <>\n      {card}\n      {activityBinding?.deleteDialog}\n    </>\n  );\n\n  if (variant === 'preview') {\n    return withOverlays(\n      <FeedCard {...surfaceProps} maxHeight={FEED_CARD_MAX_HEIGHT_PX}>\n        <div className={styles.compactBody}>\n          <div className={styles.compactTop}>\n            <Avatar\n              size={24}\n              name={author.name}\n              imageSrc={author.avatarUrl}\n              className={styles.avatar}\n            />\n            <span className={styles.name}>{author.name}</span>\n            <span className={styles.compactTime}>{timestamp}</span>\n          </div>\n          <div className={styles.scrollBody}>{bodyRow}</div>\n        </div>\n        {hasFooter && <div className={styles.compactFooter}>{reactions}</div>}\n      </FeedCard>\n    );\n  }\n\n  const editing = !!editForm;\n\n  const headerEl = (\n    <div className={styles.header}>\n      <Avatar size={24} name={author.name} imageSrc={author.avatarUrl} className={styles.avatar} />\n      <div className={styles.headerText}>\n        <div className={styles.nameRow}>\n          <span className={styles.name}>{author.name}</span>\n          {timestamp && <span className={styles.timestamp}>{timestamp}</span>}\n        </div>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </div>\n    </div>\n  );\n\n  if (editing) {\n    return withOverlays(\n      <FeedCard {...surfaceProps}>\n        <div className={styles.editHeader}>{headerEl}</div>\n        {editForm}\n      </FeedCard>\n    );\n  }\n\n  return withOverlays(\n    <FeedCard {...surfaceProps}>\n      <div className={styles.capped} style={{ maxHeight: FEED_CARD_MAX_HEIGHT_PX }}>\n        <div className={styles.bodySurface}>\n          {headerEl}\n\n          <div className={styles.scrollBody}>\n            {bodyRow}\n            {(attachmentPreview || attachmentSlot) && (\n              <div className={styles.attachment}>\n                {attachmentPreview}\n                {attachmentSlot}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {hasFooter && <div className={styles.footer}>{reactions}</div>}\n      </div>\n\n      {hasFooter && (\n        <Collapse in={cardIsReplyOpen} timeout={250} unmountOnExit>\n          <div className={styles.repliesSection}>\n            <CommentCardReplies\n              replies={cardReplies}\n              hasMoreReplies={activityBinding ? activityBinding.hasMoreReplies : hasMoreReplies}\n              moreRepliesCount={\n                activityBinding ? activityBinding.moreRepliesCount : moreRepliesCount\n              }\n              isReplyOpen={cardIsReplyOpen}\n              replyInput={cardReplyInput}\n              onShowMoreReplies={\n                activityBinding ? activityBinding.onShowMoreReplies : onShowMoreReplies\n              }\n            />\n          </div>\n        </Collapse>\n      )}\n    </FeedCard>\n  );\n});\n"],"names":["MetadataTooltip","_ref","rows","_jsx","className","styles","metadataRows","children","map","_ref2","label","value","unit","_jsxs","metadataRow","jsx","metadataLabel","metadataValue","metadataUnit","CommentCard","forwardRef","props","ref","activity","_props$variant","variant","author","timestamp","subtitle","body","contextRows","attachment","storedAttachments","isLiked","likesCount","commentsCount","replies","hasMoreReplies","moreRepliesCount","attachments","onAttachmentClick","onAttachmentShare","attachmentSlot","chip","chipColor","onLike","onReplyToggle","onForward","onShowMoreReplies","menuItems","isReplyOpen","replyInput","editForm","width","onMouseEnter","onMouseLeave","testId","activityBinding","useFeedActivity","cardMenuItems","cardReplyInput","cardIsReplyOpen","cardReplies","hasMetadata","length","showInfoIcon","hasFooter","info","Tooltip","placement","metadataTooltip","title","infoButton","InfoIcon","size","strokeWidth","reactions","CommentCardReactions","bodyRow","jsxs","text","LinkedText","classNames","chipAccented","style","borderLeftColor","undefined","storedList","useMemo","filter","Boolean","storedItems","useStoredAttachments","items","attachmentPreview","AttachmentPreview","onItemClick","onShare","surfaceProps","radius","isDeleted","withOverlays","card","_Fragment","deleteDialog","FeedCard","maxHeight","FEED_CARD_MAX_HEIGHT_PX","compactBody","compactTop","Avatar","name","imageSrc","avatarUrl","avatar","compactTime","scrollBody","compactFooter","editing","headerEl","header","headerText","nameRow","editHeader","capped","bodySurface","footer","Collapse","in","timeout","unmountOnExit","repliesSection","CommentCardReplies"],"mappings":"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"}