npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

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

Files changed (1735) hide show

package/components/CollapsableSidebar.js CHANGED Viewed

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

package/components/CollapsableSidebar.js.map CHANGED Viewed

	@@ -1 +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","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":"~~wkeAUA~~,IA6DMA,EAAqB,SASrBC,GAAA,IAAAC,EARJC,IAAAA,QACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAIF,EAAAG,EAAAP,EACpBQ,aAAAA,cAAmBD,EAAAE,EAAAT,EACnBU,qBAAAA,aAAuB,KAAID,EAC3BE,IAAAA,qBACAC,IAAAA,kBACAC,IAAAA,OAE4BC,EAAAA,EAASN,GAAaO,EAAAC,EAAAC,EAAA,GAA3CC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAElBK,EAAe,WACnBD,GAAWD,GACXb,GAAea,IASXG,EAA0B,SAAXR,EAAoBS,EAAyBC,EAElE,OACEC,EAACC,EAAO,CACNd,qBAAsBA,EACtBe,YAAad,EACbe,gBAAiBC,EAAW1B,EAAQ2B,QAASX,GAAUhB,EAAQ4B,cAC/DpB,qBAAsBkB,EACpB1B,EAAQ2B,OACR3B,EAAQ6B,YACRrB,GACCQ,GAAUhB,EAAQ4B,cAErBjB,OAAQA,EACRmB,cAAe9B,EAAQ+B,KACvBC,QArBmB,WAChBhB,GACHE,KAmBwBjB,SAEvBA,CAAAA,EACDgC,EAACC,EAAG,CACFC,UAAWT,EAAW1B,EAAQoC,8BAC3BpC,EAAQqC,8BAAgCrB,GACxChB,EAAAA,EAAAA,EAAQsC,0BAA4BtB,GACpCjB,IAAAE,SAEHgC,EAACM,EAAU,CACT,cAAA,GAAAC,OA7GQ,qBA6G2B,WACnC,aAAW,iBACXL,UAAWnC,EAAQyC,qBACnBT,QAASd,EAAajB,SAEtBgC,EAACd,EAAY,CACXgB,UAAWT,EAAW1B,EAAQ0C,eAC3B1C,EAAAA,CAAAA,EAAAA,EAAQ2C,sBAAwB3B,YAO/C,EAEAnB,EAAmB+C,UAAY,CAC7B3C,SAAU4C,EAAUC,KAAKC,WACzB5C,cAAe0C,EAAUG,KACzB1C,aAAcuC,EAAUI,KACxBzC,qBAAsBqC,EAAUK,OAChCzC,qBAAsBoC,EAAUI,KAChCvC,kBAAmBmC,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,SACpEzC,OAAQkC,EAAUQ,MAAM,CAAC,OAAQ,UAEjCC,YAAaT,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,UAGhE,IAAAG,EAAeC,GAtIG,SAAAC,GAAK,MAAK,CAC1B9B,OAAQ,CACN+B,QAAS,OACTC,cAAe,SACfC,OAAQ,QAEV/B,YAAa,CACX,iBAAkB,CAChBgC,OAAQ,UACR,kBAAmB,CACjBC,QAAS,KACTC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,WAAYX,EAAMY,QAAQD,WAAWE,MAI3C1C,aAAc,CACZ2C,MAAO,SAAAC,GAAA,IAAAC,EAAAD,EAAGlB,YAAkC,kBAvBnB,GAuBmBmB,CAAkB,GAEhE/B,eAAgB,CACdgC,SAAU,UACVC,MAAOlB,EAAMY,QAAQO,QAAQC,OAE/BlC,qBAAsB,CACpBmC,UAAW,kBAEbrC,qBAAsB,CACpBsC,QAAS,GAEX3C,oBAAqB,CACnBsB,QAAS,OACTK,SAAU,WACVG,OAAQ,EACRK,MAAO,OACPS,KAAM,MACND,QAAStB,EAAMwB,QAAQ,EAAG,EAAG,MAE/B5C,6BAA8B,CAC5B6C,aAAczB,EAAMwB,QAAQ,GAC5BE,YAAa1B,EAAMwB,QAAQ,GAC3BG,eAAgB,UAElB9C,0BAA2B,CACzB8C,eAAgB,SAAAC,GAAS,MAAmB,WAAzB1E,OAAkC,WAAa,YAAY,GAEhFoB,KAAM,CACJ2B,QAAS,OACTC,cAAe,SACf2B,SAAU,EACVC,SAAU,SACVC,cAAe,IAElB,GA8EchC,CAAsB3D"}
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","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":"qjfAUA,IA6DMA,EAAqB,SASrBC,GAAA,IAAAC,EARJC,IAAAA,QACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAIF,EAAAG,EAAAP,EACpBQ,aAAAA,cAAmBD,EAAAE,EAAAT,EACnBU,qBAAAA,aAAuB,KAAID,EAC3BE,IAAAA,qBACAC,IAAAA,kBACAC,IAAAA,OAE4BC,EAAAA,EAASN,GAAaO,EAAAC,EAAAC,EAAA,GAA3CC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAElBK,EAAe,WACnBD,GAAWD,GACXb,GAAea,IASXG,EAA0B,SAAXR,EAAoBS,EAAyBC,EAElE,OACEC,EAACC,EAAO,CACNd,qBAAsBA,EACtBe,YAAad,EACbe,gBAAiBC,EAAW1B,EAAQ2B,QAASX,GAAUhB,EAAQ4B,cAC/DpB,qBAAsBkB,EACpB1B,EAAQ2B,OACR3B,EAAQ6B,YACRrB,GACCQ,GAAUhB,EAAQ4B,cAErBjB,OAAQA,EACRmB,cAAe9B,EAAQ+B,KACvBC,QArBmB,WAChBhB,GACHE,KAmBwBjB,SAEvBA,CAAAA,EACDgC,EAACC,EAAG,CACFC,UAAWT,EAAW1B,EAAQoC,8BAC3BpC,EAAQqC,8BAAgCrB,GACxChB,EAAAA,EAAAA,EAAQsC,0BAA4BtB,GACpCjB,IAAAE,SAEHgC,EAACM,EAAU,CACT,cAAA,GAAAC,OA7GQ,qBA6G2B,WACnC,aAAW,iBACXL,UAAWnC,EAAQyC,qBACnBT,QAASd,EAAajB,SAEtBgC,EAACd,EAAY,CACXgB,UAAWT,EAAW1B,EAAQ0C,eAC3B1C,EAAAA,CAAAA,EAAAA,EAAQ2C,sBAAwB3B,YAO/C,EAEAnB,EAAmB+C,UAAY,CAC7B3C,SAAU4C,EAAUC,KAAKC,WACzB5C,cAAe0C,EAAUG,KACzB1C,aAAcuC,EAAUI,KACxBzC,qBAAsBqC,EAAUK,OAChCzC,qBAAsBoC,EAAUI,KAChCvC,kBAAmBmC,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,SACpEzC,OAAQkC,EAAUQ,MAAM,CAAC,OAAQ,UAEjCC,YAAaT,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,UAGhE,IAAAG,EAAeC,GAtIG,SAAAC,GAAK,MAAK,CAC1B9B,OAAQ,CACN+B,QAAS,OACTC,cAAe,SACfC,OAAQ,QAEV/B,YAAa,CACX,iBAAkB,CAChBgC,OAAQ,UACR,kBAAmB,CACjBC,QAAS,KACTC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,WAAYX,EAAMY,QAAQD,WAAWE,MAI3C1C,aAAc,CACZ2C,MAAO,SAAAC,GAAA,IAAAC,EAAAD,EAAGlB,YAAkC,kBAvBnB,GAuBmBmB,CAAkB,GAEhE/B,eAAgB,CACdgC,SAAU,UACVC,MAAOlB,EAAMY,QAAQO,QAAQC,OAE/BlC,qBAAsB,CACpBmC,UAAW,kBAEbrC,qBAAsB,CACpBsC,QAAS,GAEX3C,oBAAqB,CACnBsB,QAAS,OACTK,SAAU,WACVG,OAAQ,EACRK,MAAO,OACPS,KAAM,MACND,QAAStB,EAAMwB,QAAQ,EAAG,EAAG,MAE/B5C,6BAA8B,CAC5B6C,aAAczB,EAAMwB,QAAQ,GAC5BE,YAAa1B,EAAMwB,QAAQ,GAC3BG,eAAgB,UAElB9C,0BAA2B,CACzB8C,eAAgB,SAAAC,GAAS,MAAmB,WAAzB1E,OAAkC,WAAa,YAAY,GAEhFoB,KAAM,CACJ2B,QAAS,OACTC,cAAe,SACf2B,SAAU,EACVC,SAAU,SACVC,cAAe,IAElB,GA8EchC,CAAsB3D"}

package/components/CollapsibleContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleContent.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;~~oCA4BP~~,EAAE,SAAe,EAAE,QAAQ,EAAE;;;CAAA;;;;;;;~~eAgD1C~~,kBAAkB"}
1	+ {"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleContent.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;oCAyBP,EAAE,SAAe,EAAE,QAAQ,EAAE;;;CAAA;;;;;;;eAkD1C,kBAAkB"}

package/components/CollapsibleContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as t,useEffect as i}from"react";import n from"prop-types";import{makeStyles as o,Button as a}from"@material-ui/core";import{jsxs as c,jsx as l,Fragment as d}from"react/jsx-runtime";var p=o((function(e){return{contentWrapper:{position:"relative"},content:{overflow:"hidden"},readMore:{height:40,display:"block",textAlign:"right"},blackOut:{width:"100%",position:"absolute",justifyContent:"flex-end",background:"linear-gradient(to bottom, transparent, ".concat(e.palette.background.paper,")"),height:40,marginTop:-40}}})),s=function(n){var o=n.maxHeight,s=void 0===o?120:o,m=n.children,u=p(),h=r(!1),f=e(h,2),g=f[0],v=f[1],b=r(!1),x=e(b,2),y=x[0],k=x[1],w=t();return i((function(){!function(){var e=s&&w.current.clientHeight>s+40;k(e),v(e)}()}),[m]),c("div",{className:u.contentWrapper,children:[l("div",{className:u.content,style:{maxHeight:y?s:"initial"},children:l("div",{ref:w,children:m})}),g&&c("div",{className:u.readMore,children:[y&&l("div",{className:u.blackOut}),l(a,{onClick:function(){k((function(e){return!e})),y&&window.innerHeight<w.current.clientHeight&&w.current.scrollIntoView()},children:y?l(d,{children:"Read more …"}):"Show less"})]})]})};s.propTypes={children:n.oneOfType([n.node,n.string]).isRequired,maxHeight:n.number};export{s as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as n}from"react";import i from"prop-types";import{makeStyles as o,Button as a}from"@material-ui/core";import{jsxs as c,jsx as l,Fragment as d}from"react/jsx-runtime";var m=o({contentWrapper:{position:"relative"},content:{overflow:"hidden"},contentCollapsed:{maskImage:"linear-gradient(to bottom, black calc(100% - ".concat(40,"px), transparent)"),WebkitMaskImage:"linear-gradient(to bottom, black calc(100% - ".concat(40,"px), transparent)")},readMore:{height:40,display:"block",textAlign:"right"}}),p=function(i){var o=i.maxHeight,p=void 0===o?120:o,s=i.children,h=m(),u=t(!1),f=e(u,2),g=f[0],v=f[1],b=t(!1),x=e(b,2),k=x[0],y=x[1],H=r();return n((function(){!function(){var e=p&&H.current.clientHeight>p+40;y(e),v(e)}()}),[s]),c("div",{className:h.contentWrapper,children:[l("div",{className:k?"".concat(h.content," ").concat(h.contentCollapsed):h.content,style:{maxHeight:k?p:"initial"},children:l("div",{ref:H,children:s})}),g&&l("div",{className:h.readMore,children:l(a,{onClick:function(){y((function(e){return!e})),k&&window.innerHeight<H.current.clientHeight&&H.current.scrollIntoView()},children:k?l(d,{children:"Read more …"}):"Show less"})})]})};p.propTypes={children:i.oneOfType([i.node,i.string]).isRequired,maxHeight:i.number};export{p as default};
 //# sourceMappingURL=CollapsibleContent.js.map

package/components/CollapsibleContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsibleContent.js","sources":["../../src/components/CollapsibleContent.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, makeStyles } from '@material-ui/core';\n\nconst MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;\nconst BLACKOUT_HEIGHT = 40;\n\nconst useStyles = makeStyles(~~theme => (~~{\n contentWrapper: {\n position: 'relative',\n },\n content: {\n overflow: 'hidden',\n },\n ~~readMore:~~ ~~{\n height:~~ ~~40,\n display:~~ ~~'block',\n textAlign:~~ ~~'right',\~~n ~~},\n blackOut~~: {\n ~~width~~: '100%~~',\n position:~~ ~~'absolute',\n justifyContent:~~ ~~'flex-end',\~~n ~~background~~: `linear-gradient(to bottom, ~~transparent,~~ ${~~theme.palette.background.paper~~})`,\n height: ~~BLACKOUT_HEIGHT~~,\n ~~marginTop~~: ~~-BLACKOUT_HEIGHT~~,\n },\n}));\n\nconst CollapsibleContent = ({ maxHeight = 120, children }) => {\n const classes = useStyles();\n const [collapsible, setCollapsible] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n\n const contentRef = useRef();\n\n const setCollapsingStatus = () => {\n const collapsible =\n maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;\n\n setCollapsed(collapsible);\n setCollapsible(collapsible);\n };\n\n const toggleCollapse = () => {\n setCollapsed(collapsed => !collapsed);\n if (collapsed && window.innerHeight < contentRef.current.clientHeight) {\n contentRef.current.scrollIntoView();\n }\n };\n\n useEffect(() => {\n setCollapsingStatus();\n }, [children]);\n\n return (\n <div className={classes.contentWrapper}>\n <div className={classes.content} style={{ maxHeight: collapsed ? maxHeight : 'initial' }}>\n <div ref={contentRef}>{children}</div>\n </div>\n {collapsible && (\n <div className={classes.readMore}>\n ~~{collapsed &&~~ <~~div className={classes.blackOut} />}\n <~~Button onClick={toggleCollapse}>\n {collapsed ? <>Read more …</> : 'Show less'}\n </Button>\n </div>\n )}\n </div>\n );\n};\n\nCollapsibleContent.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n maxHeight: PropTypes.number,\n};\n\nexport default CollapsibleContent;\n"],"names":["useStyles","makeStyles","~~theme","~~contentWrapper","position","content","overflow","~~readMore~~","~~height~~","~~display~~","~~textAlign~~","~~blackOut~~","~~width~~","~~justifyContent~~","~~background~~","~~concat","palette","paper","marginTop","~~CollapsibleContent","_ref","_ref$maxHeight","maxHeight","children","classes","useState","_useState2","_slicedToArray","_useState","collapsible","setCollapsible","_useState4","_useState3","collapsed","setCollapsed","contentRef","useRef","useEffect","current","clientHeight","setCollapsingStatus","_jsxs","className","_jsx","style","ref","Button","onClick","window","innerHeight","scrollIntoView","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number"],"mappings":"qQAIA,IAGMA,EAAYC,~~GAAW~~,~~SAAAC~~,~~GAAK,MAAK,CACrCC,~~eAAgB,CACdC,SAAU,YAEZC,QAAS,CACPC,SAAU,~~UAEZC~~,~~SAAU~~,~~CACRC~~,~~OAAQ~~,~~GACRC~~,~~QAAS~~,~~QACTC~~,~~UAAW~~,~~SAEbC~~,~~SAAU~~,~~CACRC~~,~~MAAO,OACPR,~~SAAU,~~WACVS~~,~~eAAgB~~,~~WAChBC~~,~~WAAU~~,~~2CAAAC~~,~~OAA6Cb~~,~~EAAMc~~,~~QAAQF,WAAWG,MAAQ,KACxFT,OAnBoB,GAoBpBU,WApBoB,IAsBvB,IAEKC,~~EAAqB,SAAmCC,GAAA,IAAAC,EAAAD,EAAhCE,UAAAA,aAAY,IAAGD,EAAEE,IAAAA,SACvCC,~~EAAUxB~~,~~IACsByB~~,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACAD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAaC,IAqBnB,OAJAC,GAAU,YAfkB,WAC1B,IAAMR,EACJP,GAAaa,EAAWG,QAAQC,aAAejB,~~EAlCX~~,~~GAoCtCY~~,EAAaL,GACbC,EAAeD,GAWfW,EACF,GAAG,CAACjB,IAGFkB,EAAA,MAAA,CAAKC,UAAWlB,~~EAAQrB~~,~~eAAeoB~~,SACrC,CAAAoB,EAAA,MAAA,~~CAAKD~~,~~UAAWlB~~,~~EAAQnB~~,~~QAASuC~~,MAAO,CAAEtB,UAAWW,EAAYX,EAAY,WAAYC,~~SACvFoB~~,EAAA,MAAA,CAAKE,IAAKV,EAAWZ,SAAEA,MAExBM,~~GACCY~~,EAAA,MAAA,~~CAAKC~~,UAAWlB,~~EAAQjB~~,~~SAASgB~~,~~SAAA~~,~~CAC9BU,GAAaU,EAAA,MAAA,CAAKD,UAAWlB,EAAQb,WACtCgC,~~EAACG,EAAM,CAACC,~~QAnBO~~,WACrBb,GAAa,SAAAD,GAAS,OAAKA,KACvBA,GAAae,OAAOC,YAAcd,EAAWG,QAAQC,cACvDJ,EAAWG,QAAQY,~~kBAgBiB3B~~,SAC7BU,EAAYU,EAAAQ,EAAA,CAAA5B,SAAA,gBAA0B,~~mBAMnD~~,EAEAJ,EAAmBiC,UAAY,CAC7B7B,SAAU8B,EAAUC,UAAU,CAACD,EAAUE,KAAMF,EAAUG,SAASC,WAClEnC,UAAW+B,EAAUK"}
1	+ {"version":3,"file":"CollapsibleContent.js","sources":["../../src/components/CollapsibleContent.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, makeStyles } from '@material-ui/core';\n\nconst MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;\nconst BLACKOUT_HEIGHT = 40;\n\nconst useStyles = makeStyles({\n contentWrapper: {\n position: 'relative',\n },\n content: {\n overflow: 'hidden',\n },\n // Mask the text instead of overlaying a surface color, so any card background works\n contentCollapsed: {\n maskImage: `linear-gradient(to bottom, black calc(100% - ${BLACKOUT_HEIGHT}px), transparent)`,\n WebkitMaskImage: `linear-gradient(to bottom, black calc(100% - ${BLACKOUT_HEIGHT}px), transparent)`,\n },\n readMore: {\n height: 40,\n display: 'block',\n textAlign: 'right',\n },\n});\n\nconst CollapsibleContent = ({ maxHeight = 120, children }) => {\n const classes = useStyles();\n const [collapsible, setCollapsible] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n\n const contentRef = useRef();\n\n const setCollapsingStatus = () => {\n const collapsible =\n maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;\n\n setCollapsed(collapsible);\n setCollapsible(collapsible);\n };\n\n const toggleCollapse = () => {\n setCollapsed(collapsed => !collapsed);\n if (collapsed && window.innerHeight < contentRef.current.clientHeight) {\n contentRef.current.scrollIntoView();\n }\n };\n\n useEffect(() => {\n setCollapsingStatus();\n }, [children]);\n\n return (\n <div className={classes.contentWrapper}>\n <div\n className={collapsed ? `${classes.content} ${classes.contentCollapsed}` : classes.content}\n style={{ maxHeight: collapsed ? maxHeight : 'initial' }}\n >\n <div ref={contentRef}>{children}</div>\n </div>\n {collapsible && (\n <div className={classes.readMore}>\n <Button onClick={toggleCollapse}>\n {collapsed ? <>Read more …</> : 'Show less'}\n </Button>\n </div>\n )}\n </div>\n );\n};\n\nCollapsibleContent.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n maxHeight: PropTypes.number,\n};\n\nexport default CollapsibleContent;\n"],"names":["useStyles","makeStyles","contentWrapper","position","content","overflow","contentCollapsed","maskImage","concat","WebkitMaskImage","readMore","height","display","textAlign","CollapsibleContent","_ref","_ref$maxHeight","maxHeight","children","classes","useState","_useState2","_slicedToArray","_useState","collapsible","setCollapsible","_useState4","_useState3","collapsed","setCollapsed","contentRef","useRef","useEffect","current","clientHeight","setCollapsingStatus","_jsxs","className","_jsx","style","ref","Button","onClick","window","innerHeight","scrollIntoView","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number"],"mappings":"qQAIA,IAGMA,EAAYC,EAAW,CAC3BC,eAAgB,CACdC,SAAU,YAEZC,QAAS,CACPC,SAAU,UAGZC,iBAAkB,CAChBC,UAAS,gDAAAC,OAXW,GAWyE,qBAC7FC,uEAZoB,GAY4D,sBAElFC,SAAU,CACRC,OAAQ,GACRC,QAAS,QACTC,UAAW,WAITC,EAAqB,SAAmCC,GAAA,IAAAC,EAAAD,EAAhCE,UAAAA,aAAY,IAAGD,EAAEE,IAAAA,SACvCC,EAAUnB,IACsBoB,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACAD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAaC,IAqBnB,OAJAC,GAAU,YAfkB,WAC1B,IAAMR,EACJP,GAAaa,EAAWG,QAAQC,aAAejB,EA/BX,GAiCtCY,EAAaL,GACbC,EAAeD,GAWfW,EACF,GAAG,CAACjB,IAGFkB,EAAA,MAAA,CAAKC,UAAWlB,EAAQjB,eAAegB,SACrC,CAAAoB,EAAA,MAAA,CACED,UAAWT,EAAeT,GAAAA,OAAAA,EAAQf,QAAWe,KAAAA,OAAAA,EAAQb,kBAAqBa,EAAQf,QAClFmC,MAAO,CAAEtB,UAAWW,EAAYX,EAAY,WAAYC,SAExDoB,EAAA,MAAA,CAAKE,IAAKV,EAAWZ,SAAEA,MAExBM,GACCc,EAAA,MAAA,CAAKD,UAAWlB,EAAQT,SAASQ,SAC/BoB,EAACG,EAAM,CAACC,QArBO,WACrBb,GAAa,SAAAD,GAAS,OAAKA,KACvBA,GAAae,OAAOC,YAAcd,EAAWG,QAAQC,cACvDJ,EAAWG,QAAQY,kBAkBiB3B,SAC7BU,EAAYU,EAAAQ,EAAA,CAAA5B,SAAA,gBAA0B,kBAMnD,EAEAJ,EAAmBiC,UAAY,CAC7B7B,SAAU8B,EAAUC,UAAU,CAACD,EAAUE,KAAMF,EAAUG,SAASC,WAClEnC,UAAW+B,EAAUK"}

package/components/ColorPicker/ColorPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as c,useRef as n,useEffect as i}from"react";import{makeStyles as t,InputLabel as r,Tooltip as e,IconButton as m,Popover as a}from"@material-ui/core";import p from"chroma-js";import l from"classnames";import u from"./PaletteChromePicker/PaletteChromePicker.js";import{getValidColor as d,getButtonStrokeColor as j,findParentBackground as b}from"./ColorPicketUtils.js";import{PaletteIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as g,jsx as h}from"react/jsx-runtime";function f(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function C(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?f(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var v={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?v.rgb(o):v.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?v.hex(o):v.rgba(o)}},O=t({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"}}),x=function(t){var f,x,P=t.label,y=void 0===P?"Color":P,k=t.value,F=t.converter,D=void 0===F?"rgba_hex":F,S=t.onChange,L=t.buttonClassName,z=t.popoverAnchorOrigin,w=void 0===z?{vertical:"bottom",horizontal:"left"}:z,A=t.popoverTransformOrigin,R=void 0===A?{vertical:"top",horizontal:"left"}:A,T=t.labelPosition,M=void 0===T?"top":T,B=t.hideLabel,E=void 0!==B&&B,N=t.pickerComponent,U=void 0===N?u:N,_=t.lensColor,G=t.enableTransparencyPalette,q=void 0!==G&&G,W=t["data-testid"],H=void 0===W?"ColorPicker":W,K=t.tooltipProps,Z=void 0===K?{title:"Change color"}:K,J=t.disabled,Q=t.onOpen,V=t.onClose,X=O(),Y=c(null),$=s(Y,2),oo=$[0],so=$[1],co=c((function(){return d(k)||"#03BCD4"})),no=s(co,2),io=no[0],to=no[1],ro=n(null),eo=c(null),mo=s(eo,2),ao=mo[0],po=mo[1],lo=_||j(null!=ao?ao:"",io);i((function(){var o=d(k);o?to(o):console.error("The color value(".concat(k,") is not valid, please check it."))}),[k]);return g("div",{className:l(X.root,(f={},o(f,X.topLabelRoot,"top"===M),o(f,X.rightLabelRoot,"right"===M),f)),ref:function(o){return po(b(o))},children:[!E&&h(r,{className:l((x={},o(x,X.topLabel,"top"===M),o(x,X.rightLabel,"right"===M),x)),shrink:!0,children:y}),h(e,C(C({},Z),{},{children:h(m,{"data-testid":"".concat(H,"_icon_").concat(y),className:l(X.button,L,o({},X.buttonTransparent,0===p(io).alpha())),disableRipple:!0,style:{backgroundColor:io,color:lo},onClick:function(o){null==Q||Q(),so(o.currentTarget)},size:"small",disabled:J,children:h(I,{size:16,className:X.colorLensIcon})})})),h(a,{id:"colors-popper",action:ro,open:Boolean(oo),anchorEl:oo,onClose:function(){null==V||V(),so(null)},anchorOrigin:w,transformOrigin:R,children:h(U,{color:io,onChange:function(o){var s=v[D](o);to(s),S(s)},onSizeChange:function(){ro.current&&ro.current.updatePosition()},enableTransparencyPalette:q})})]})};export{x as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as c,useRef as n,useEffect as i}from"react";import{makeStyles as t,InputLabel as r,Tooltip as e,IconButton as m,Popover as a}from"@material-ui/core";import p from"chroma-js";import l from"classnames";import u from"./PaletteChromePicker/PaletteChromePicker.js";import{getValidColor as d,getButtonStrokeColor as j,findParentBackground as b}from"./ColorPicketUtils.js";import{PaletteIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as g,jsx as h}from"react/jsx-runtime";function f(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function C(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?f(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var v={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?v.rgb(o):v.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?v.hex(o):v.rgba(o)}},O=t({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"}}),x=function(t){var f,x,P=t.label,y=void 0===P?"Color":P,k=t.value,F=t.converter,D=void 0===F?"rgba_hex":F,S=t.onChange,L=t.buttonClassName,z=t.popoverAnchorOrigin,R=void 0===z?{vertical:"bottom",horizontal:"left"}:z,w=t.popoverTransformOrigin,A=void 0===w?{vertical:"top",horizontal:"left"}:w,T=t.labelPosition,M=void 0===T?"top":T,B=t.hideLabel,E=void 0!==B&&B,N=t.pickerComponent,U=void 0===N?u:N,_=t.lensColor,G=t.enableTransparencyPalette,q=void 0!==G&&G,W=t["data-testid"],H=void 0===W?"ColorPicker":W,K=t.tooltipProps,Z=void 0===K?{title:"Change color"}:K,J=t.disabled,Q=t.onOpen,V=t.onClose,X=O(),Y=c(null),$=s(Y,2),oo=$[0],so=$[1],co=c((function(){return d(k)||"#03BCD4"})),no=s(co,2),io=no[0],to=no[1],ro=n(null),eo=c(null),mo=s(eo,2),ao=mo[0],po=mo[1],lo=_||j(null!=ao?ao:"",io);i((function(){var o=d(k);o?to(o):console.error("The color value(".concat(k,") is not valid, please check it."))}),[k]);return g("div",{className:l(X.root,(f={},o(f,X.topLabelRoot,"top"===M),o(f,X.rightLabelRoot,"right"===M),f)),ref:function(o){return po(b(o))},children:[!E&&h(r,{className:l((x={},o(x,X.topLabel,"top"===M),o(x,X.rightLabel,"right"===M),x)),shrink:!0,children:y}),h(e,C(C({},Z),{},{children:h(m,{"data-testid":"".concat(H,"_icon_").concat(y),className:l(X.button,L,o({},X.buttonTransparent,0===p(io).alpha())),disableRipple:!0,style:{backgroundColor:io,color:lo},onClick:function(o){null==Q||Q(),so(o.currentTarget)},size:"small",disabled:J,children:h(I,{size:16,className:X.colorLensIcon})})})),h(a,{id:"colors-popper",action:ro,open:Boolean(oo),anchorEl:oo,onClose:function(){null==V||V(),so(null)},anchorOrigin:R,transformOrigin:A,children:h(U,{color:io,onChange:function(o){var s=v[D](o);to(s),S(s)},onSizeChange:function(){ro.current&&ro.current.updatePosition()},enableTransparencyPalette:q})})]})};export{x as default};
 //# sourceMappingURL=ColorPicker.js.map

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

	@@ -1 +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","ColorPicker","_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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"}
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","ColorPicker","_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/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as c,useState as i,useLayoutEffect as n}from"react";import{ChromePicker as t}from"react-color";import r from"classnames";import{makeStyles as e,Tooltip as m}from"@material-ui/core";import p from"./Palette/Palette.js";import a from"../../IconButton/index.js";import{PaletteIcon as u,PickerIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";var I="PALETTE",h="CHROME_PICKER",b={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"}}}},C=e({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"}}),x=c((function(c,e){var x=c.color,f=c.onChange,g=c.onSizeChange,P=c.enableTransparencyPalette,k=C(),v=i(I),y=s(v,2),A=y[0],F=y[1];return n(g,[A]),d("div",{className:k.container,ref:e,children:[A===I&&j(p,{className:k.chromePickerPalette,color:x,onChange:f,enableTransparencyPalette:P}),A===h&&j(t,{styles:b,color:x,onChange:f}),d("div",{className:k.buttonsContainer,children:[j(m,{title:"Palette",classes:{tooltip:k.tooltip},children:j(a,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return F(I)},children:j(u,{className:r(o({},k.iconActive,A===I)),size:24})})}),j(m,{title:"Pick your own",classes:{tooltip:k.tooltip},children:j(a,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return F(h)},children:j(l,{className:r(o({},k.iconActive,A===h)),size:24})})})]})]})}));export{x as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as c,useState as i,useLayoutEffect as n}from"react";import{ChromePicker as t}from"react-color";import r from"classnames";import{makeStyles as e,Tooltip as m}from"@material-ui/core";import p from"./Palette/Palette.js";import a from"../../IconButton/index.js";import{PaletteIcon as u,PickerIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";var I="PALETTE",h="CHROME_PICKER",b={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"}}}},C=e({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"}}),x=c((function(c,e){var x=c.color,f=c.onChange,g=c.onSizeChange,P=c.enableTransparencyPalette,k=C(),F=i(I),O=s(F,2),v=O[0],y=O[1];return n(g,[v]),d("div",{className:k.container,ref:e,children:[v===I&&j(p,{className:k.chromePickerPalette,color:x,onChange:f,enableTransparencyPalette:P}),v===h&&j(t,{styles:b,color:x,onChange:f}),d("div",{className:k.buttonsContainer,children:[j(m,{title:"Palette",classes:{tooltip:k.tooltip},children:j(a,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return y(I)},children:j(u,{className:r(o({},k.iconActive,v===I)),size:24})})}),j(m,{title:"Pick your own",classes:{tooltip:k.tooltip},children:j(a,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return y(h)},children:j(l,{className:r(o({},k.iconActive,v===h)),size:24})})})]})]})}));export{x as default};
 //# sourceMappingURL=PaletteChromePicker.js.map

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

	@@ -1 +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","Tooltip","title","IconButton","concat","onClick","PaletteIcon","classNames","_defineProperty","size","PickerIcon"],"mappings":"~~myIAUA~~,IAEMA,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,EAAW,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,GAC1B,SAAAC,EAEEC,GACG,IAFDjC,IAAAA,MAAOkC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,0BAG3BC,EAAUtB,IAChBuB,EAAgCC,EAAShD,GAAwBiD,EAAAC,EAAAH,EAAA,GAA1DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAI5B,OAFAI,EAAgBT,EAAc,CAACO,IAG7BG,EAAA,MAAA,CAAKC,UAAWT,EAAQpB,UAAWgB,IAAKA,EAAIc,SAAA,CACzCL,IAAanD,GACZyD,EAACC,EAAO,CACNH,UAAWT,EAAQhB,oBACnBrB,MAAOA,EACPkC,SAAUA,EACVE,0BAA2BA,IAG9BM,IAAanD,GACZyD,EAACE,EAAY,CAACC,OAAQ3D,EAAoBQ,MAAOA,EAAOkC,SAAUA,IAEpEW,EAAA,MAAA,CAAKC,UAAWT,EAAQb,iBAAiBuB,SAAA,CACvCC,EAACI,EAAO,CAACC,MAAM,UAAUhB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SAC7DC,EAACM,EAAU,CACT,cAAA,GAAAC,OA3HI,sBA2HqB,YAEzBC,QAAS,WAAA,OAAMb,EAAYpD,EAAyB,EAAAwD,SAEpDC,EAACS,EAAW,CACVX,UAAWY,EACTC,EAAA,GACGtB,EAAQZ,WAAaiB,IAAanD,IAGvCqE,KAAM,SAIZZ,EAACI,EAAO,CAACC,MAAM,gBAAgBhB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SACnEC,EAACM,EAAU,CACT,cAAA,GAAAC,OA3II,sBA2IqB,YAEzBC,QAAS,WAAA,OAAMb,EAAYpD,EAA+B,EAAAwD,SAE1DC,EAACa,EAAU,CACTf,UAAWY,EACTC,EAAA,GACGtB,EAAQZ,WAAaiB,IAAanD,IAGvCqE,KAAM,cAOpB"}
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","Tooltip","title","IconButton","concat","onClick","PaletteIcon","classNames","_defineProperty","size","PickerIcon"],"mappings":"ggJAUA,IAEMA,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,EAAW,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,GAC1B,SAAAC,EAEEC,GACG,IAFDjC,IAAAA,MAAOkC,IAAAA,SAAUC,IAAAA,aAAcC,IAAAA,0BAG3BC,EAAUtB,IAChBuB,EAAgCC,EAAShD,GAAwBiD,EAAAC,EAAAH,EAAA,GAA1DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAI5B,OAFAI,EAAgBT,EAAc,CAACO,IAG7BG,EAAA,MAAA,CAAKC,UAAWT,EAAQpB,UAAWgB,IAAKA,EAAIc,SAAA,CACzCL,IAAanD,GACZyD,EAACC,EAAO,CACNH,UAAWT,EAAQhB,oBACnBrB,MAAOA,EACPkC,SAAUA,EACVE,0BAA2BA,IAG9BM,IAAanD,GACZyD,EAACE,EAAY,CAACC,OAAQ3D,EAAoBQ,MAAOA,EAAOkC,SAAUA,IAEpEW,EAAA,MAAA,CAAKC,UAAWT,EAAQb,iBAAiBuB,SAAA,CACvCC,EAACI,EAAO,CAACC,MAAM,UAAUhB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SAC7DC,EAACM,EAAU,CACT,cAAA,GAAAC,OA3HI,sBA2HqB,YAEzBC,QAAS,WAAA,OAAMb,EAAYpD,EAAyB,EAAAwD,SAEpDC,EAACS,EAAW,CACVX,UAAWY,EACTC,EAAA,GACGtB,EAAQZ,WAAaiB,IAAanD,IAGvCqE,KAAM,SAIZZ,EAACI,EAAO,CAACC,MAAM,gBAAgBhB,QAAS,CAAEX,QAASW,EAAQX,SAAUqB,SACnEC,EAACM,EAAU,CACT,cAAA,GAAAC,OA3II,sBA2IqB,YAEzBC,QAAS,WAAA,OAAMb,EAAYpD,EAA+B,EAAAwD,SAE1DC,EAACa,EAAU,CACTf,UAAWY,EACTC,EAAA,GACGtB,EAAQZ,WAAaiB,IAAanD,IAGvCqE,KAAM,cAOpB"}

package/components/CommentCard/CommentCard.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAgB1E,eAAO,MAAM,WAAW,~~6GAoNtB~~,CAAC"}
1	+ {"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAgB1E,eAAO,MAAM,WAAW,6GA8NtB,CAAC"}

package/components/CommentCard/CommentCard.js CHANGED Viewed

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