npm - @corva/ui - Versions diffs - 3.75.0-10 → 3.75.0-11 - Mend

@corva/ui 3.75.0-10 → 3.75.0-11

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

package/cjs-bundle/components/CollapsableSidebar.js CHANGED Viewed

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

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

package/cjs-bundle/components/CollapsibleContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),n=require("@material-ui/core"),i=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),l=a(r),u=n.makeStyles((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}}})),c=function(e){var r=e.maxHeight,a=void 0===r?120:r,l=e.children,c=u(),s=t.useState(!1),d=o.default(s,2),f=d[0],h=d[1],p=t.useState(!1),m=o.default(p,2),g=m[0],x=m[1],v=t.useRef();return t.useEffect((function(){!function(){var e=a&&v.current.clientHeight>a+40;x(e),h(e)}()}),[l]),i.jsxs("div",{className:c.contentWrapper,children:[i.jsx("div",{className:c.content,style:{maxHeight:g?a:"initial"},children:i.jsx("div",{ref:v,children:l})}),f&&i.jsxs("div",{className:c.readMore,children:[g&&i.jsx("div",{className:c.blackOut}),i.jsx(n.Button,{onClick:function(){x((function(e){return!e})),g&&window.innerHeight<v.current.clientHeight&&v.current.scrollIntoView()},children:g?i.jsx(i.Fragment,{children:"Read more …"}):"Show less"})]})]})};c.propTypes={children:l.default.oneOfType([l.default.node,l.default.string]).isRequired,maxHeight:l.default.number},module.exports=c;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),n=require("@material-ui/core"),i=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),o=a(r),l=n.makeStyles({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"}}),s=function(e){var r=e.maxHeight,a=void 0===r?120:r,o=e.children,s=l(),u=t.useState(!1),d=c.default(u,2),p=d[0],f=d[1],h=t.useState(!1),m=c.default(h,2),g=m[0],x=m[1],v=t.useRef();return t.useEffect((function(){!function(){var e=a&&v.current.clientHeight>a+40;x(e),f(e)}()}),[o]),i.jsxs("div",{className:s.contentWrapper,children:[i.jsx("div",{className:g?"".concat(s.content," ").concat(s.contentCollapsed):s.content,style:{maxHeight:g?a:"initial"},children:i.jsx("div",{ref:v,children:o})}),p&&i.jsx("div",{className:s.readMore,children:i.jsx(n.Button,{onClick:function(){x((function(e){return!e})),g&&window.innerHeight<v.current.clientHeight&&v.current.scrollIntoView()},children:g?i.jsx(i.Fragment,{children:"Read more …"}):"Show less"})})]})};s.propTypes={children:o.default.oneOfType([o.default.node,o.default.string]).isRequired,maxHeight:o.default.number},module.exports=s;
 //# sourceMappingURL=CollapsibleContent.js.map

package/cjs-bundle/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","jsx","style","ref","~~jsxs","~~Button","onClick","window","innerHeight","scrollIntoView","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number"],"mappings":"sQAOMA,EAAYC,EAAAA,~~YAAW~~,~~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,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACAD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAaC,EAAAA,SAqBnB,OAJAC,EAAAA,WAAU,YAfkB,WAC1B,IAAMR,EACJP,GAAaa,EAAWG,QAAQC,aAAejB,~~EAlCX~~,~~GAoCtCY~~,EAAaL,GACbC,EAAeD,GAWfW,EACF,GAAG,CAACjB,IAGFkB,EAAAA,KAAA,MAAA,CAAKC,UAAWlB,~~EAAQrB~~,~~eAAeoB~~,SACrC,CAAAoB,EAAAC,IAAA,MAAA,~~CAAKF~~,~~UAAWlB~~,~~EAAQnB~~,~~QAASwC~~,MAAO,CAAEvB,UAAWW,EAAYX,EAAY,WAAYC,~~SACvFoB~~,EAAAC,IAAA,MAAA,CAAKE,IAAKX,EAAWZ,SAAEA,MAExBM,~~GACCY~~,~~EAAAM,KAAA,MAAA,CAAKL,UAAWlB,EAAQjB,SAASgB,SAAA,CAC9BU,GAAaU,~~EAAAC,IAAA,MAAA,CAAKF,UAAWlB,~~EAAQb~~,~~WACtCgC~~,~~MAACK~~,SAAM,CAACC,~~QAnBO~~,~~WACrBf~~,GAAa,SAAAD,GAAS,OAAKA,KACvBA,~~GAAaiB~~,OAAOC,~~YAAchB~~,EAAWG,QAAQC,cACvDJ,EAAWG,~~QAAQc~~,~~kBAgBiB7B~~,SAC7BU,EAAYU,EAAAC,~~IAAAS~~,WAAA,~~CAAA9B~~,SAAA,gBAA0B,~~mBAMnD~~,EAEAJ,~~EAAmBmC~~,UAAY,~~CAC7B/~~B,~~SAAUgC,~~EAAAA,QAAUC,UAAU,CAACD,EAAAA,QAAUE,KAAMF,EAAS,QAACG,SAASC,~~WAClErC~~,~~UAAWiC~~,EAAS,QAACK"}
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","jsx","style","ref","Button","onClick","window","innerHeight","scrollIntoView","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number"],"mappings":"sQAOMA,EAAYC,EAAAA,WAAW,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,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACAD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAaC,EAAAA,SAqBnB,OAJAC,EAAAA,WAAU,YAfkB,WAC1B,IAAMR,EACJP,GAAaa,EAAWG,QAAQC,aAAejB,EA/BX,GAiCtCY,EAAaL,GACbC,EAAeD,GAWfW,EACF,GAAG,CAACjB,IAGFkB,EAAAA,KAAA,MAAA,CAAKC,UAAWlB,EAAQjB,eAAegB,SACrC,CAAAoB,EAAAC,IAAA,MAAA,CACEF,UAAWT,EAAeT,GAAAA,OAAAA,EAAQf,QAAWe,KAAAA,OAAAA,EAAQb,kBAAqBa,EAAQf,QAClFoC,MAAO,CAAEvB,UAAWW,EAAYX,EAAY,WAAYC,SAExDoB,EAAAC,IAAA,MAAA,CAAKE,IAAKX,EAAWZ,SAAEA,MAExBM,GACCc,EAAAC,IAAA,MAAA,CAAKF,UAAWlB,EAAQT,SAASQ,SAC/BoB,MAACI,SAAM,CAACC,QArBO,WACrBd,GAAa,SAAAD,GAAS,OAAKA,KACvBA,GAAagB,OAAOC,YAAcf,EAAWG,QAAQC,cACvDJ,EAAWG,QAAQa,kBAkBiB5B,SAC7BU,EAAYU,EAAAC,IAAAQ,WAAA,CAAA7B,SAAA,gBAA0B,kBAMnD,EAEAJ,EAAmBkC,UAAY,CAC7B9B,SAAU+B,EAAAA,QAAUC,UAAU,CAACD,EAAAA,QAAUE,KAAMF,EAAS,QAACG,SAASC,WAClEpC,UAAWgC,EAAS,QAACK"}

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

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

package/cjs-bundle/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","_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","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}

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

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

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

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

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