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

@corva/ui 3.75.0-0 → 3.75.0-10

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

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import s from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as e,useCallback as i}from"react";import{Text as r}from"../../Text/Text.js";import"../../Grid/Grid.js";import"../../Grid/Cell.js";import"classnames";import"../../Header/Header.scss.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";import"../../Button/Button.js";import"../../ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../Tooltip/Tooltip.scss.js";import"../../Popover/Popover.js";import"../../PopoverPanel/PopoverPanel.js";import"../../Radio/Radio.js";import"../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../Checkbox/Checkbox.js";import{TextInput as p}from"../../TextInput/TextInput.js";import"../../TextInputNext/TextInputNext.js";import"../../TextArea/TextArea.js";import"../../Label/Label.js";import"lodash";import"../../TextEndTruncated/TextEndTruncated.scss.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../TextLink/TextLink.js";import"../../Chip/Chip.js";import"../../ChipAlert/ChipAlert.js";import"../../ChipIndicator/ChipIndicator.js";import"../../Avatar/Avatar.js";import"../../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../ToggleButtons/ToggleButtons.scss.js";import"../../Paper/Paper.js";import"../../ModalWindow/ModalWindow.js";import"../../Modal/Modal.scss.js";import"../../Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../utils.js";import"../../Hint/Hint.scss.js";import"../../Counter/Counter.js";import"../../BadgeBase/BadgeBase.scss.js";import"../../TemplatesControl/TemplatesControl.js";import"zustand";import"../../TemplatesControl/utils.js";import"../../TemplatesControl/icons/folder/index.js";import"../../TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../TemplatesControl/types.js";import"../../../utils/index.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../BadgeDot/BadgeDot.scss.js";import"../../LoaderLinear/LoaderLinear.scss.js";import"../../LoaderLogo/LoaderLogo.constants.js";import"../../LoaderLogo/LoaderLogo.scss.js";import"../../Switch/Switch.js";import"../../Tabs/Tabs.js";import"../../EmptyState/EmptyState.scss.js";import"../../FileIcon/FileIcon.js";import"../../Tag/Tag.js";import"react-dropzone";import"../../FilesDropzone/FilesDropzone.scss.js";import"../../FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../FilesProcessor/FilesProcessor.scss.js";import"../../Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../CopyToClipboard/CopyToClipboard.scss.js";import"../../Stepper/Step/Step.scss.js";import"../../Stepper/Stepper.scss.js";import"../../ButtonLive/ButtonLive.js";import"../../ButtonText/ButtonText.js";import"../../IndicatorLive/IndicatorLive.js";import"../../Accordion/Accordion.scss.js";import"../../Breadcrumbs/Breadcrumbs.scss.js";import"../../BadgeComment/BadgeComment.js";import"../../AppContainer/AppContainer.js";import"../../AppContainer/AppContainer.constants.js";import"../../AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppHeader/AppHeader.constants.js";import"../../AppHeader/AppBadge/AppBadge.scss.js";import"../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../AppHeader/AppAssets/utils.js";import"../../AppHeader/AppAssets/AppAssets.scss.js";import"../../../components/PadModeSelect/PadModeSelect.js";import"../../AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import"../../../utils/mobileDetect.js";import"../../AppHeader/V3/VersionSelect/VersionSelect.js";import"../../UniversalLink/UniversalLink.scss.js";import"../../AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../AppDqPopover/DqAlert/DqAlert.scss.js";import"../../AppDqPopover/DqAsset/DqAsset.scss.js";import"../../AppDqPopover/AppDqPopover.scss.js";import"../../../components/AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../AppHeader/V3/AssetSelector/constants.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import"../../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../AppHeader/V3/SettingsButton/SettingsButton.js";import"../../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../AppSettings/AppSettings.js";import"../../AppSettings/AppSettings.constants.js";import"../../AppSizeProvider/AppSizeProvider.js";import"../../AppHeader/V3/Actions/Actions.constants.js";import"../../AppHeader/V3/Actions/Actions.scss.js";import"../../AppHeader/V3/AppHeaderV3.scss.js";import"../../AppHeader/AppHeader.scss.js";import"../../OffsetWellsButton/OffsetWellsButton.js";import"../../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../Autocomplete/Autocomplete.js";import"../../Select/Select.js";import"../../AppSettingsDivider/AppSettingsDivider.scss.js";import"../../WellArchivedMessage/WellArchivedMessage.js";import"../../DatePicker/DatePicker.js";import"../../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker.js";import"../../Slider/constants.js";import"../../Slider/components/SliderThumb.js";import"../../Slider/Slider.scss.js";import"../../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../ColorPicker/Swatches/Swatches.scss.js";import"../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../ColorPicker/ColorPicker.scss.js";import"../../ChartHelper/ChartHelper.scss.js";import"../../Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../InterventionEventSelector/useInterventionUnitEvents.js";import"../../InterventionEventSelector/InterventionEventSelector.scss.js";import m from"../../../components/OffsetWellMap/OffsetWellMap.js";import a from"./Map.scss.js";function l(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),t.push.apply(t,e)}return t}function j(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var u=t((function(o){var t=o.well,l=o.wells,u=o.pads,d=o.selectedOffsetWellsIds,A=o.onOffsetWellIdsSelect,I=o.radiusMiles,C=o.setFilters,v=o.maxRadiusInMiles,S=e((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),h=e((function(){return t?j({},S.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},S.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[S,t,l]),g=i((function(o){var t=u.find((function(s){return s.wells.some((function(s){return s.id===o}))})),e=t?t.wells.map((function(s){return s.id})):[],i=d.some((function(s){return e.includes(s)}));A(i?d.filter((function(s){return!e.includes(s)})):[].concat(s(d),s(e)))}),[A,u,d]),f=i((function(s){var o=""===s?void 0:Number(s);C((function(s){return j(j({},s),{},{radiusMiles:o})}))}),[C]);return n("div",{className:a.map,children:[n("div",{className:a.radiusContainer,children:[c(r,{color:"T6",children:"Radius (mi):"}),c(p,{className:a.textInputWrapper,value:null!=I?I:"",placeholder:"0",onChange:f,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:h,wells:S,offsetWellIds:d,radius:null!=I?I:0,activeWellId:(null==h?void 0:h.id)||0,handleChangeOffsetWell:function(s){return s&&g(s.id)}})]})}));export{u as default};
+import s from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as e,useCallback as i}from"react";import{Text as r}from"../../Text/Text.js";import"../../Grid/Grid.js";import"../../Grid/Cell.js";import"classnames";import"../../Header/Header.scss.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";import"../../Button/Button.js";import"../../ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../Tooltip/Tooltip.scss.js";import"../../Popover/Popover.js";import"../../PopoverPanel/PopoverPanel.js";import"../../Radio/Radio.js";import"../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../Checkbox/Checkbox.js";import{TextInput as p}from"../../TextInput/TextInput.js";import"../../TextInputNext/TextInputNext.js";import"../../TextArea/TextArea.js";import"../../Label/Label.js";import"lodash";import"../../TextEndTruncated/TextEndTruncated.scss.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../TextLink/TextLink.js";import"../../Chip/Chip.js";import"../../ChipAlert/ChipAlert.js";import"../../ChipIndicator/ChipIndicator.js";import"../../Avatar/Avatar.js";import"../../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../ToggleButtons/ToggleButtons.scss.js";import"../../Paper/Paper.js";import"../../ModalWindow/ModalWindow.js";import"../../Modal/Modal.scss.js";import"../../Menu/Menu.js";import"../../utils.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../Hint/Hint.scss.js";import"../../Counter/Counter.js";import"../../BadgeBase/BadgeBase.scss.js";import"../../TemplatesControl/TemplatesControl.js";import"zustand";import"../../TemplatesControl/utils.js";import"../../TemplatesControl/icons/folder/index.js";import"../../TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../TemplatesControl/types.js";import"../../../utils/index.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../BadgeDot/BadgeDot.scss.js";import"../../LoaderLinear/LoaderLinear.scss.js";import"../../LoaderLogo/LoaderLogo.constants.js";import"../../LoaderLogo/LoaderLogo.scss.js";import"../../Switch/Switch.js";import"../../Tabs/Tabs.js";import"../../EmptyState/EmptyState.scss.js";import"../../FileIcon/FileIcon.js";import"../../Tag/Tag.js";import"react-dropzone";import"../../FilesDropzone/FilesDropzone.scss.js";import"../../FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../FilesProcessor/FilesProcessor.scss.js";import"../../Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../CopyToClipboard/CopyToClipboard.scss.js";import"../../Stepper/Step/Step.scss.js";import"../../Stepper/Stepper.scss.js";import"../../ButtonLive/ButtonLive.js";import"../../ButtonText/ButtonText.js";import"../../IndicatorLive/IndicatorLive.js";import"../../Accordion/Accordion.scss.js";import"../../Breadcrumbs/Breadcrumbs.scss.js";import"../../BadgeComment/BadgeComment.js";import"../../AppContainer/AppContainer.js";import"../../AppContainer/AppContainer.constants.js";import"../../AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppHeader/AppHeader.constants.js";import"../../AppHeader/AppBadge/AppBadge.scss.js";import"../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../AppHeader/AppAssets/utils.js";import"../../AppHeader/AppAssets/AppAssets.scss.js";import"../../../components/PadModeSelect/PadModeSelect.js";import"../../AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import"../../../utils/mobileDetect.js";import"../../AppHeader/V3/VersionSelect/VersionSelect.js";import"../../UniversalLink/UniversalLink.scss.js";import"../../AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../AppDqPopover/DqAlert/DqAlert.scss.js";import"../../AppDqPopover/DqAsset/DqAsset.scss.js";import"../../AppDqPopover/AppDqPopover.scss.js";import"../../../components/AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../AppHeader/V3/AssetSelector/constants.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import"../../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../AppHeader/V3/SettingsButton/SettingsButton.js";import"../../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../AppSettings/AppSettings.js";import"../../AppSettings/AppSettings.constants.js";import"../../AppSizeProvider/AppSizeProvider.js";import"../../AppHeader/V3/Actions/Actions.constants.js";import"../../AppHeader/V3/Actions/Actions.scss.js";import"../../AppHeader/V3/AppHeaderV3.scss.js";import"../../AppHeader/AppHeader.scss.js";import"../../OffsetWellsButton/OffsetWellsButton.js";import"../../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../Autocomplete/Autocomplete.js";import"../../Select/Select.js";import"../../AppSettingsDivider/AppSettingsDivider.scss.js";import"../../WellArchivedMessage/WellArchivedMessage.js";import"../../DatePicker/DatePicker.js";import"../../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker.js";import"../../Slider/constants.js";import"../../Slider/components/SliderThumb.js";import"../../Slider/Slider.scss.js";import"../../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../ColorPicker/Swatches/Swatches.scss.js";import"../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../ColorPicker/ColorPicker.scss.js";import"../../ChartHelper/ChartHelper.scss.js";import"../../Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../InterventionEventSelector/useInterventionUnitEvents.js";import"../../InterventionEventSelector/InterventionEventSelector.scss.js";import m from"../../../components/OffsetWellMap/OffsetWellMap.js";import a from"./Map.scss.js";function l(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),t.push.apply(t,e)}return t}function j(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var u=t((function(o){var t=o.well,l=o.wells,u=o.pads,d=o.selectedOffsetWellsIds,A=o.onOffsetWellIdsSelect,I=o.radiusMiles,C=o.setFilters,v=o.maxRadiusInMiles,S=e((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),h=e((function(){return t?j({},S.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},S.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[S,t,l]),g=i((function(o){var t=u.find((function(s){return s.wells.some((function(s){return s.id===o}))})),e=t?t.wells.map((function(s){return s.id})):[],i=d.some((function(s){return e.includes(s)}));A(i?d.filter((function(s){return!e.includes(s)})):[].concat(s(d),s(e)))}),[A,u,d]),f=i((function(s){var o=""===s?void 0:Number(s);C((function(s){return j(j({},s),{},{radiusMiles:o})}))}),[C]);return n("div",{className:a.map,children:[n("div",{className:a.radiusContainer,children:[c(r,{color:"T6",children:"Radius (mi):"}),c(p,{className:a.textInputWrapper,value:null!=I?I:"",placeholder:"0",onChange:f,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:h,wells:S,offsetWellIds:d,radius:null!=I?I:0,activeWellId:(null==h?void 0:h.id)||0,handleChangeOffsetWell:function(s){return s&&g(s.id)}})]})}));export{u as default};
 //# sourceMappingURL=Map.js.map

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/Map/Map.tsx"],"sourcesContent":["import { Dispatch, FC, memo, SetStateAction, useCallback, useMemo } from 'react';\n\nimport { Text, TextInput } from '../../../componentsV2';\nimport OffsetWellMap from '../../../components/OffsetWellMap';\nimport { Filters, MappedPad, Well } from '../types';\n\nimport styles from './Map.scss';\n\ntype Props = {\n well?: Well;\n wells?: Well[];\n pads: MappedPad[];\n selectedOffsetWellsIds: number[];\n onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n radiusMiles?: number;\n setFilters: Dispatch<SetStateAction<Filters>>;\n maxRadiusInMiles?: number;\n};\n\nconst Map: FC<Props> = memo(\n ({\n well,\n wells,\n pads,\n selectedOffsetWellsIds,\n onOffsetWellIdsSelect,\n radiusMiles,\n setFilters,\n maxRadiusInMiles,\n }) => {\n const allWells = useMemo(() => {\n if (pads) {\n return pads.flatMap(pad => pad.wells);\n }\n return [];\n }, [pads]);\n\n const subjectWell = useMemo(() => {\n if (well) {\n return {\n ...allWells.find(w => w.id.toString() === well.id.toString()),\n };\n }\n\n if (wells) {\n return {\n ...allWells.find(w => w.id.toString() === wells[0].id.toString()),\n };\n }\n\n return undefined;\n }, [allWells, well, wells]);\n\n const handleChangeOffsetWell = useCallback(\n (wellId: number) => {\n const pad = pads.find(p => p.wells.some(w => w.id === wellId));\n\n const wellIds = pad ? pad.wells.map(w => w.id) : [];\n\n const isSelected = selectedOffsetWellsIds.some(wellId => wellIds.includes(wellId));\n\n if (isSelected) {\n onOffsetWellIdsSelect(selectedOffsetWellsIds.filter(id => !wellIds.includes(id)));\n } else {\n onOffsetWellIdsSelect([...selectedOffsetWellsIds, ...wellIds]);\n }\n },\n [onOffsetWellIdsSelect, pads, selectedOffsetWellsIds]\n );\n\n const handleChangeRadius = useCallback(\n (value: string) => {\n const numeric = value === '' ? undefined : Number(value);\n setFilters(prev => ({ ...prev, radiusMiles: numeric }));\n },\n [setFilters]\n );\n\n return (\n <div className={styles.map}>\n <div className={styles.radiusContainer}>\n <Text color=\"T6\">Radius (mi):</Text>\n <TextInput\n className={styles.textInputWrapper}\n // Use empty string when undefined so the component stays controlled\n value={radiusMiles ?? ''}\n placeholder=\"0\"\n onChange={handleChangeRadius}\n inputType=\"number\"\n htmlAttributes={{\n min: 0,\n max: maxRadiusInMiles,\n }}\n />\n </div>\n <OffsetWellMap\n classes={{\n root: styles.offsetWellMapRoot,\n map: styles.offsetWellMapRoot,\n }}\n isClickable\n isViewOnly={false}\n subjectWell={subjectWell}\n wells={allWells}\n offsetWellIds={selectedOffsetWellsIds}\n radius={radiusMiles ?? 0}\n activeWellId={subjectWell?.id \|\| 0}\n handleChangeOffsetWell={params => params && handleChangeOffsetWell(params.id)}\n />\n </div>\n );\n }\n);\n\nexport default Map;\n"],"names":["Map","memo","_ref","well","wells","pads","selectedOffsetWellsIds","onOffsetWellIdsSelect","radiusMiles","setFilters","maxRadiusInMiles","allWells","useMemo","flatMap","pad","subjectWell","_objectSpread","find","w","id","toString","handleChangeOffsetWell","useCallback","wellId","p","some","wellIds","map","isSelected","includes","filter","handleChangeRadius","value","numeric","undefined","Number","prev","_jsxs","className","styles","children","radiusContainer","_jsx","Text","color","TextInput","textInputWrapper","placeholder","onChange","inputType","htmlAttributes","min","max","OffsetWellMap","classes","root","offsetWellMapRoot","isClickable","isViewOnly","offsetWellIds","radius","activeWellId","params"],"mappings":"~~gqaAmBA~~,IAAMA,EAAiBC,GACrB,SASMC,GAAA,IARJC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,uBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,iBAEMC,EAAWC,GAAQ,WACvB,OAAIP,EACKA,EAAKQ,SAAQ,SAAAC,GAAG,OAAIA,EAAIV,SAE1B,EACT,GAAG,CAACC,IAEEU,EAAcH,GAAQ,WAC1B,OAAIT,EACFa,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAejB,EAAKgB,GAAGC,UAAW,KAI7DhB,EACFY,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAehB,EAAM,GAAGe,GAAGC,UAAW,UAFrE,CAOD,GAAE,CAACT,EAAUR,EAAMC,IAEdiB,EAAyBC,GAC7B,SAACC,GACC,IAAMT,EAAMT,EAAKY,MAAK,SAAAO,GAAC,OAAIA,EAAEpB,MAAMqB,MAAK,SAAAP,GAAC,OAAIA,EAAEC,KAAOI,QAEhDG,EAAUZ,EAAMA,EAAIV,MAAMuB,KAAI,SAAAT,GAAC,OAAIA,EAAEC,EAAE,IAAI,GAE3CS,EAAatB,EAAuBmB,MAAK,SAAAF,GAAM,OAAIG,EAAQG,SAASN,MAGxEhB,EADEqB,EACoBtB,EAAuBwB,QAAO,SAAAX,GAAE,OAAKO,EAAQG,SAASV,EAAG,IAErDb,GAAAA,OAAAA,EAAAA,GAA2BoB,EAAAA,IAExD,GACD,CAACnB,EAAuBF,EAAMC,IAG1ByB,EAAqBT,GACzB,SAACU,GACC,IAAMC,EAAoB,KAAVD,OAAeE,EAAYC,OAAOH,GAClDvB,GAAW,SAAA2B,GAAI,OAAApB,EAAAA,EAAA,CAAA,EAAUoB,GAAI,CAAA,EAAA,CAAE5B,YAAayB,GAAO,GACrD,GACA,CAACxB,IAGH,OACE4B,EAAA,MAAA,CAAKC,UAAWC,EAAOZ,IAAIa,SACzB,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOE,gBAAgBD,SAAA,CACrCE,EAACC,EAAI,CAACC,MAAM,KAAIJ,SAAA,iBAChBE,EAACG,EAAS,CACRP,UAAWC,EAAOO,iBAElBd,MAAOxB,QAAAA,EAAe,GACtBuC,YAAY,IACZC,SAAUjB,EACVkB,UAAU,SACVC,eAAgB,CACdC,IAAK,EACLC,IAAK1C,QAIXgC,EAACW,EAAa,CACZC,QAAS,CACPC,KAAMhB,EAAOiB,kBACb7B,IAAKY,EAAOiB,mBAEdC,aAAW,EACXC,YAAY,EACZ3C,YAAaA,EACbX,MAAOO,EACPgD,cAAerD,EACfsD,OAAQpD,QAAAA,EAAe,EACvBqD,cAAc9C,eAAAA,EAAaI,KAAM,EACjCE,uBAAwB,SAAAyC,GAAM,OAAIA,GAAUzC,EAAuByC,EAAO3C,GAAG,MAIrF"}
1	+ {"version":3,"file":"Map.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/Map/Map.tsx"],"sourcesContent":["import { Dispatch, FC, memo, SetStateAction, useCallback, useMemo } from 'react';\n\nimport { Text, TextInput } from '../../../componentsV2';\nimport OffsetWellMap from '../../../components/OffsetWellMap';\nimport { Filters, MappedPad, Well } from '../types';\n\nimport styles from './Map.scss';\n\ntype Props = {\n well?: Well;\n wells?: Well[];\n pads: MappedPad[];\n selectedOffsetWellsIds: number[];\n onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n radiusMiles?: number;\n setFilters: Dispatch<SetStateAction<Filters>>;\n maxRadiusInMiles?: number;\n};\n\nconst Map: FC<Props> = memo(\n ({\n well,\n wells,\n pads,\n selectedOffsetWellsIds,\n onOffsetWellIdsSelect,\n radiusMiles,\n setFilters,\n maxRadiusInMiles,\n }) => {\n const allWells = useMemo(() => {\n if (pads) {\n return pads.flatMap(pad => pad.wells);\n }\n return [];\n }, [pads]);\n\n const subjectWell = useMemo(() => {\n if (well) {\n return {\n ...allWells.find(w => w.id.toString() === well.id.toString()),\n };\n }\n\n if (wells) {\n return {\n ...allWells.find(w => w.id.toString() === wells[0].id.toString()),\n };\n }\n\n return undefined;\n }, [allWells, well, wells]);\n\n const handleChangeOffsetWell = useCallback(\n (wellId: number) => {\n const pad = pads.find(p => p.wells.some(w => w.id === wellId));\n\n const wellIds = pad ? pad.wells.map(w => w.id) : [];\n\n const isSelected = selectedOffsetWellsIds.some(wellId => wellIds.includes(wellId));\n\n if (isSelected) {\n onOffsetWellIdsSelect(selectedOffsetWellsIds.filter(id => !wellIds.includes(id)));\n } else {\n onOffsetWellIdsSelect([...selectedOffsetWellsIds, ...wellIds]);\n }\n },\n [onOffsetWellIdsSelect, pads, selectedOffsetWellsIds]\n );\n\n const handleChangeRadius = useCallback(\n (value: string) => {\n const numeric = value === '' ? undefined : Number(value);\n setFilters(prev => ({ ...prev, radiusMiles: numeric }));\n },\n [setFilters]\n );\n\n return (\n <div className={styles.map}>\n <div className={styles.radiusContainer}>\n <Text color=\"T6\">Radius (mi):</Text>\n <TextInput\n className={styles.textInputWrapper}\n // Use empty string when undefined so the component stays controlled\n value={radiusMiles ?? ''}\n placeholder=\"0\"\n onChange={handleChangeRadius}\n inputType=\"number\"\n htmlAttributes={{\n min: 0,\n max: maxRadiusInMiles,\n }}\n />\n </div>\n <OffsetWellMap\n classes={{\n root: styles.offsetWellMapRoot,\n map: styles.offsetWellMapRoot,\n }}\n isClickable\n isViewOnly={false}\n subjectWell={subjectWell}\n wells={allWells}\n offsetWellIds={selectedOffsetWellsIds}\n radius={radiusMiles ?? 0}\n activeWellId={subjectWell?.id \|\| 0}\n handleChangeOffsetWell={params => params && handleChangeOffsetWell(params.id)}\n />\n </div>\n );\n }\n);\n\nexport default Map;\n"],"names":["Map","memo","_ref","well","wells","pads","selectedOffsetWellsIds","onOffsetWellIdsSelect","radiusMiles","setFilters","maxRadiusInMiles","allWells","useMemo","flatMap","pad","subjectWell","_objectSpread","find","w","id","toString","handleChangeOffsetWell","useCallback","wellId","p","some","wellIds","map","isSelected","includes","filter","handleChangeRadius","value","numeric","undefined","Number","prev","_jsxs","className","styles","children","radiusContainer","_jsx","Text","color","TextInput","textInputWrapper","placeholder","onChange","inputType","htmlAttributes","min","max","OffsetWellMap","classes","root","offsetWellMapRoot","isClickable","isViewOnly","offsetWellIds","radius","activeWellId","params"],"mappings":"koaAmBA,IAAMA,EAAiBC,GACrB,SASMC,GAAA,IARJC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,uBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,iBAEMC,EAAWC,GAAQ,WACvB,OAAIP,EACKA,EAAKQ,SAAQ,SAAAC,GAAG,OAAIA,EAAIV,SAE1B,EACT,GAAG,CAACC,IAEEU,EAAcH,GAAQ,WAC1B,OAAIT,EACFa,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAejB,EAAKgB,GAAGC,UAAW,KAI7DhB,EACFY,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAehB,EAAM,GAAGe,GAAGC,UAAW,UAFrE,CAOD,GAAE,CAACT,EAAUR,EAAMC,IAEdiB,EAAyBC,GAC7B,SAACC,GACC,IAAMT,EAAMT,EAAKY,MAAK,SAAAO,GAAC,OAAIA,EAAEpB,MAAMqB,MAAK,SAAAP,GAAC,OAAIA,EAAEC,KAAOI,QAEhDG,EAAUZ,EAAMA,EAAIV,MAAMuB,KAAI,SAAAT,GAAC,OAAIA,EAAEC,EAAE,IAAI,GAE3CS,EAAatB,EAAuBmB,MAAK,SAAAF,GAAM,OAAIG,EAAQG,SAASN,MAGxEhB,EADEqB,EACoBtB,EAAuBwB,QAAO,SAAAX,GAAE,OAAKO,EAAQG,SAASV,EAAG,IAErDb,GAAAA,OAAAA,EAAAA,GAA2BoB,EAAAA,IAExD,GACD,CAACnB,EAAuBF,EAAMC,IAG1ByB,EAAqBT,GACzB,SAACU,GACC,IAAMC,EAAoB,KAAVD,OAAeE,EAAYC,OAAOH,GAClDvB,GAAW,SAAA2B,GAAI,OAAApB,EAAAA,EAAA,CAAA,EAAUoB,GAAI,CAAA,EAAA,CAAE5B,YAAayB,GAAO,GACrD,GACA,CAACxB,IAGH,OACE4B,EAAA,MAAA,CAAKC,UAAWC,EAAOZ,IAAIa,SACzB,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOE,gBAAgBD,SAAA,CACrCE,EAACC,EAAI,CAACC,MAAM,KAAIJ,SAAA,iBAChBE,EAACG,EAAS,CACRP,UAAWC,EAAOO,iBAElBd,MAAOxB,QAAAA,EAAe,GACtBuC,YAAY,IACZC,SAAUjB,EACVkB,UAAU,SACVC,eAAgB,CACdC,IAAK,EACLC,IAAK1C,QAIXgC,EAACW,EAAa,CACZC,QAAS,CACPC,KAAMhB,EAAOiB,kBACb7B,IAAKY,EAAOiB,mBAEdC,aAAW,EACXC,YAAY,EACZ3C,YAAaA,EACbX,MAAOO,EACPgD,cAAerD,EACfsD,OAAQpD,QAAAA,EAAe,EACvBqD,cAAc9C,eAAAA,EAAaI,KAAM,EACjCE,uBAAwB,SAAAyC,GAAM,OAAIA,GAAUzC,EAAuByC,EAAO3C,GAAG,MAIrF"}

package/componentsV2/ImageViewer/ImageViewer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useEffect as n}from"react";import{renderToString as i}from"react-dom/server";import c from"photoswipe/lightbox";import t from"photoswipe";import"photoswipe/photoswipe.css";import{useIsInsideIsolatedDcApp as r}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import e from"./ImageViewer.scss.js";import{ArrowLeftIcon as m,DownloadIcon as u,ZoomInIcon as p,ZoomOutIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a,Fragment as d}from"react/jsx-runtime";var I=function(I){var j=I.src,v=I.onClose,h=I.onOpen,f=I.height,g=I.width,C=r(),b=s((function(){if(g&&f)return{height:f,width:g}})),w=o(b,2),S=w[0],A=w[1];return n((function(){if(j&&!S){var o=new Image;o.onload=function(o){var s=o.currentTarget,n=s.naturalWidth,i=s.naturalHeight;A({width:n,height:i})},o.src=j}}),[j,S]),n((function(){if(j&&S){var o=C?parent:window,s=new c({pswpModule:t,dataSource:[{src:j,width:S.width,height:S.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:e.root,closeSVG:i(a(m,{}))});return s.on("bindEvents",(function(){var n=s.pswp;n&&C&&n.events._pool.slice().forEach((function(s){var i=s.target,c=s.type,t=s.listener,r=s.passive;i===window&&(n.events.remove(i,c,t,r),n.events.add(o,c,t,r)),i===document&&(n.events.remove(i,c,t,r),n.events.add(o.document,c,t,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:i(a(u,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var n;o.href=(null==s||null===(n=s.currSlide)||void 0===n?void 0:n.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:i(a(p,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,c=o,t=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.disabled=t>=2)}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel){var c=n.currSlide.currZoomLevel+.5,t=Math.min(.5*Math.floor(c/.5),2);n.currSlide.zoomTo(t,void 0)}}});var c=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:i(a(l,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,t=o,r=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.get(s.currSlide)||c.set(s.currSlide,r),t.disabled=r<=(c.get(s.currSlide)||1))}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel&&c.get(n.currSlide)){var t=n.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(t/.5),c.get(n.currSlide)||1);n.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==v||v()})),s.on("destroy",(function(){null==v||v()})),s.on("initialLayout",(function(){null==h||h()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[j,C,v,h,S]),a(d,{})};export{I as ImageViewer};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useEffect as n}from"react";import{renderToString as i}from"react-dom/server";import c from"photoswipe/lightbox";import t from"photoswipe";import"photoswipe/photoswipe.css";import{useIsInsideIsolatedDcApp as r}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import e from"./ImageViewer.scss.js";import{ArrowLeftIcon as m,DownloadIcon as u,ZoomInIcon as p,ZoomOutIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a,Fragment as d}from"react/jsx-runtime";var I=function(I){var j=I.src,v=I.onClose,h=I.onOpen,f=I.height,g=I.width,C=r(),b=s((function(){if(g&&f)return{height:f,width:g}})),w=o(b,2),S=w[0],A=w[1];return n((function(){if(j&&!S){var o=new Image;o.onload=function(o){var s=o.currentTarget,n=s.naturalWidth,i=s.naturalHeight;A({width:n,height:i})},o.src=j}}),[j,S]),n((function(){if(j&&S){var o=C?parent:window,s=new c({pswpModule:t,dataSource:[{src:j,width:S.width,height:S.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:e.root,closeSVG:i(a(m,{}))});return s.on("bindEvents",(function(){var n=s.pswp;n&&C&&n.events._pool.slice().forEach((function(s){var i=s.target,c=s.type,t=s.listener,r=s.passive;i===window&&(n.events.remove(i,c,t,r),n.events.add(o,c,t,r)),i===document&&(n.events.remove(i,c,t,r),n.events.add(o.document,c,t,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:i(a(u,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var n;o.href=(null==s||null===(n=s.currSlide)||void 0===n?void 0:n.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:i(a(p,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,c=o,t=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.disabled=t>=2)}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel){var c=n.currSlide.currZoomLevel+.5,t=Math.min(.5*Math.floor(c/.5),2);n.currSlide.zoomTo(t,void 0)}}});var c=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:i(a(l,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(n){var i,t=o,r=(null===(i=s.currSlide)||void 0===i?void 0:i.currZoomLevel)||1;n.slide===s.currSlide&&(c.get(s.currSlide)||c.set(s.currSlide,r),t.disabled=r<=(c.get(s.currSlide)||1))}))},onClick:function(o,s,n){var i;if(null!=n&&null!==(i=n.currSlide)&&void 0!==i&&i.currZoomLevel&&c.get(n.currSlide)){var t=n.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(t/.5),c.get(n.currSlide)||1);n.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==v||v()})),s.on("destroy",(function(){null==v||v()})),s.on("initialLayout",(function(){null==h||h()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[j,C,v,h,S]),a(d,{})};export{I as ImageViewer};
 //# sourceMappingURL=ImageViewer.js.map

package/componentsV2/ImageViewer/ImageViewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n src?: string;\n width?: number;\n height?: number;\n onClose?: () => void;\n onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n const isInDcApp = useIsInsideIsolatedDcApp();\n\n const [imageSize, setImageSize] = useState<{ width: number; height: number } \| undefined>(() => {\n if (width && height) {\n return { height, width };\n }\n return undefined;\n });\n\n useEffect(() => {\n if (src && !imageSize) {\n const img = new Image();\n img.onload = e => {\n const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n setImageSize({ width: naturalWidth, height: naturalHeight });\n };\n img.src = src;\n }\n }, [src, imageSize]);\n\n useEffect(() => {\n if (!src \|\| !imageSize) {\n return undefined;\n }\n\n // eslint-disable-next-line no-restricted-globals\n const targetWindowObj = isInDcApp ? parent : window;\n const lightbox = new PhotoSwipeLightbox({\n pswpModule: PhotoSwipe,\n dataSource: [\n {\n src,\n width: imageSize.width,\n height: imageSize.height,\n },\n ],\n clickToCloseNonZoomable: false,\n wheelToZoom: true,\n initialZoomLevel: 'fit',\n padding: { top: 50, bottom: 50, left: 50, right: 50 },\n // eslint-disable-next-line no-restricted-globals\n appendToEl: targetWindowObj.document.body,\n getViewportSizeFn: () => ({\n x: targetWindowObj.innerWidth,\n y: targetWindowObj.innerHeight,\n }),\n maxZoomLevel: MaxZoomLevel,\n mainClass: styles.root,\n closeSVG: renderToString(<ArrowLeftIcon />),\n // zoomSVG: renderToString(\n // <>\n // <ZoomInIcon />\n // <ZoomOutIcon />\n // </>\n // ),\n });\n\n lightbox.on('bindEvents', () => {\n const { pswp } = lightbox;\n\n if (pswp && isInDcApp) {\n // Filtering events and reassigning handlers to parent window\n // For this we get into the guts of photoswipe's event handler manager\n // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n /* eslint-disable no-underscore-dangle /\n // @ts-expect-error accessing \"private\" property of `events`\n const pool = pswp.events._pool.slice();\n / eslint-enable no-underscore-dangle /\n\n pool.forEach(\n ({\n target,\n type,\n listener,\n passive,\n }: {\n target: Parameters<typeof pswp['events']['add']>[0];\n type: Parameters<typeof pswp['events']['add']>[1];\n listener: Parameters<typeof pswp['events']['add']>[2];\n passive: Parameters<typeof pswp['events']['add']>[3];\n }) => {\n if (target === window) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj, type, listener, passive);\n }\n\n if (target === document) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj.document, type, listener, passive);\n }\n }\n );\n }\n });\n\n lightbox.on('uiRegister', () => {\n const ui = lightbox?.pswp?.ui;\n\n ui?.registerElement({\n name: 'download-button',\n order: 7,\n isButton: true,\n tagName: 'a',\n\n html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n onInit: (el, pswp) => {\n el.setAttribute('download', '');\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n\n pswp?.on('change', () => {\n // eslint-disable-next-line no-param-reassign\n (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src \|\| '';\n });\n },\n });\n\n ui?.registerElement({\n name: 'zoom-in-button',\n order: 8,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n button.disabled = zoomLevel >= MaxZoomLevel;\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) ZoomStep, MaxZoomLevel);\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n\n const initialZoomLevelsMap = new WeakMap<object, number \| undefined>();\n ui?.registerElement({\n name: 'zoom-out-button',\n order: 9,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n // First run - save current zoom as minimal\n if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n }\n\n button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) \|\| 1);\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel \|\| !initialZoomLevelsMap.get(pswp.currSlide)) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n const newZoom = Math.max(\n Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n initialZoomLevelsMap.get(pswp.currSlide) \|\| 1\n );\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n });\n\n lightbox.on('close', () => {\n onClose?.();\n });\n\n lightbox.on('destroy', () => {\n onClose?.();\n });\n\n lightbox.on('initialLayout', () => {\n onOpen?.();\n });\n\n lightbox.init();\n lightbox.loadAndOpen(0);\n\n return () => {\n lightbox.destroy();\n };\n }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n src?: string;\n width?: number;\n height?: number;\n onClose?: () => void;\n onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n const isInDcApp = useIsInsideIsolatedDcApp();\n\n const [imageSize, setImageSize] = useState<{ width: number; height: number } \| undefined>(() => {\n if (width && height) {\n return { height, width };\n }\n return undefined;\n });\n\n useEffect(() => {\n if (src && !imageSize) {\n const img = new Image();\n img.onload = e => {\n const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n setImageSize({ width: naturalWidth, height: naturalHeight });\n };\n img.src = src;\n }\n }, [src, imageSize]);\n\n useEffect(() => {\n if (!src \|\| !imageSize) {\n return undefined;\n }\n\n // eslint-disable-next-line no-restricted-globals\n const targetWindowObj = isInDcApp ? parent : window;\n const lightbox = new PhotoSwipeLightbox({\n pswpModule: PhotoSwipe,\n dataSource: [\n {\n src,\n width: imageSize.width,\n height: imageSize.height,\n },\n ],\n clickToCloseNonZoomable: false,\n wheelToZoom: true,\n initialZoomLevel: 'fit',\n padding: { top: 50, bottom: 50, left: 50, right: 50 },\n // eslint-disable-next-line no-restricted-globals\n appendToEl: targetWindowObj.document.body,\n getViewportSizeFn: () => ({\n x: targetWindowObj.innerWidth,\n y: targetWindowObj.innerHeight,\n }),\n maxZoomLevel: MaxZoomLevel,\n mainClass: styles.root,\n closeSVG: renderToString(<ArrowLeftIcon />),\n // zoomSVG: renderToString(\n // <>\n // <ZoomInIcon />\n // <ZoomOutIcon />\n // </>\n // ),\n });\n\n lightbox.on('bindEvents', () => {\n const { pswp } = lightbox;\n\n if (pswp && isInDcApp) {\n // Filtering events and reassigning handlers to parent window\n // For this we get into the guts of photoswipe's event handler manager\n // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n /* eslint-disable no-underscore-dangle /\n // @ts-expect-error accessing \"private\" property of `events`\n const pool = pswp.events._pool.slice();\n / eslint-enable no-underscore-dangle /\n\n pool.forEach(\n ({\n target,\n type,\n listener,\n passive,\n }: {\n target: Parameters<typeof pswp['events']['add']>[0];\n type: Parameters<typeof pswp['events']['add']>[1];\n listener: Parameters<typeof pswp['events']['add']>[2];\n passive: Parameters<typeof pswp['events']['add']>[3];\n }) => {\n if (target === window) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj, type, listener, passive);\n }\n\n if (target === document) {\n pswp.events.remove(target, type, listener, passive);\n pswp.events.add(targetWindowObj.document, type, listener, passive);\n }\n }\n );\n }\n });\n\n lightbox.on('uiRegister', () => {\n const ui = lightbox?.pswp?.ui;\n\n ui?.registerElement({\n name: 'download-button',\n order: 7,\n isButton: true,\n tagName: 'a',\n\n html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n onInit: (el, pswp) => {\n el.setAttribute('download', '');\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n\n pswp?.on('change', () => {\n // eslint-disable-next-line no-param-reassign\n (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src \|\| '';\n });\n },\n });\n\n ui?.registerElement({\n name: 'zoom-in-button',\n order: 8,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n button.disabled = zoomLevel >= MaxZoomLevel;\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) ZoomStep, MaxZoomLevel);\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n\n const initialZoomLevelsMap = new WeakMap<object, number \| undefined>();\n ui?.registerElement({\n name: 'zoom-out-button',\n order: 9,\n isButton: true,\n tagName: 'button',\n html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n onInit: (el, pswp) => {\n pswp.on('zoomPanUpdate', e => {\n const button = el as HTMLButtonElement;\n const zoomLevel = pswp.currSlide?.currZoomLevel \|\| 1;\n\n if (e.slide === pswp.currSlide) {\n // First run - save current zoom as minimal\n if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n }\n\n button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) \|\| 1);\n }\n });\n },\n onClick: (_e, _el, pswp) => {\n if (!pswp?.currSlide?.currZoomLevel \|\| !initialZoomLevelsMap.get(pswp.currSlide)) {\n return;\n }\n\n const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n const newZoom = Math.max(\n Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n initialZoomLevelsMap.get(pswp.currSlide) \|\| 1\n );\n\n pswp.currSlide.zoomTo(newZoom, undefined);\n },\n });\n });\n\n lightbox.on('close', () => {\n onClose?.();\n });\n\n lightbox.on('destroy', () => {\n onClose?.();\n });\n\n lightbox.on('initialLayout', () => {\n onOpen?.();\n });\n\n lightbox.init();\n lightbox.loadAndOpen(0);\n\n return () => {\n lightbox.destroy();\n };\n }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"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"}

package/componentsV2/Modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/objectWithoutProperties";import{Modal as r}from"@material-ui/core";import{useCallback as t}from"react";import n from"classnames";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideDcFullscreenElem as c,IsInsideDcFullscreenElemProvider as i}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{ModalWindow as l}from"../ModalWindow/ModalWindow.js";import{MODAL_ROOT_CLASS as a}from"./constants.js";import m from"./Modal.scss.js";import{jsx as u}from"react/jsx-runtime";var d=["open","onClose","size","showCloseButton","closeOnBackdropClick","closeOnEscape"],f=["open"];function O(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function b(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var v=function(e){var s=e.open,c=e.onClose,i=e.size,p=void 0===i?"medium":i,f=e.showCloseButton,O=void 0===f||f,v=e.closeOnBackdropClick,j=void 0===v||v,C=e.closeOnEscape,y=void 0===C||C,D=o(e,d),P=t((function(e,o){c&&("backdropClick"===o&&j&&c("backdropClick"),"escapeKeyDown"===o&&y&&c("escapeKey"))}),[c,j,y]),h=t((function(){null==c||c("closeButtonClick")}),[c]);return u(r,{open:s,className:n(a,m.root),onClose:P,children:u(l,b(b({},D),{},{onClose:h,showCloseButton:O,size:p}))})},j=function(e){var r=e.open,t=o(e,f),n=s({isOpen:r},!0).delayedIsOpen;return u(i,{children:u(v,b({open:n},t))})},C=function(e){var o=p(),r=c();return u(o&&!r?j:v,b({},e))};export{C as Modal};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/objectWithoutProperties";import{Modal as r}from"@material-ui/core";import{useCallback as t}from"react";import n from"classnames";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideDcFullscreenElem as c,IsInsideDcFullscreenElemProvider as i}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import{ModalWindow as l}from"../ModalWindow/ModalWindow.js";import{MODAL_ROOT_CLASS as a}from"./constants.js";import m from"./Modal.scss.js";import{jsx as u}from"react/jsx-runtime";var f=["open","onClose","size","showCloseButton","closeOnBackdropClick","closeOnEscape"],d=["open"];function O(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function b(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var v=function(e){var s=e.open,c=e.onClose,i=e.size,p=void 0===i?"medium":i,d=e.showCloseButton,O=void 0===d||d,v=e.closeOnBackdropClick,j=void 0===v||v,C=e.closeOnEscape,y=void 0===C||C,D=o(e,f),P=t((function(e,o){c&&("backdropClick"===o&&j&&c("backdropClick"),"escapeKeyDown"===o&&y&&c("escapeKey"))}),[c,j,y]),h=t((function(){null==c||c("closeButtonClick")}),[c]);return u(r,{open:s,className:n(a,m.root),onClose:P,children:u(l,b(b({},D),{},{onClose:h,showCloseButton:O,size:p}))})},j=function(e){var r=e.open,t=o(e,d),n=s({isOpen:r},!0).delayedIsOpen;return u(i,{children:u(v,b({open:n},t))})},C=function(e){var o=p(),r=c();return u(o&&!r?j:v,b({},e))};export{C as Modal};
 //# sourceMappingURL=Modal.js.map

package/componentsV2/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../src/componentsV2/Modal/Modal.tsx"],"sourcesContent":["// TODO Move these hooks to better place so the imports won't be as hideous\nimport { Modal as MuiModal, ModalProps as MuiModalProps } from '@material-ui/core';\nimport { useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport {\n IsInsideDcFullscreenElemProvider,\n useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { ModalWindow, ModalWindowProps } from '../ModalWindow';\n\nimport { MODAL_ROOT_CLASS } from './constants';\n\nimport styles from './Modal.scss';\n\nexport type ModalProps = Omit<ModalWindowProps, 'onClose'> & {\n open: boolean;\n onClose?: (reason: 'backdropClick' \| 'escapeKey' \| 'closeButtonClick') => void;\n closeOnBackdropClick?: boolean;\n closeOnEscape?: boolean;\n};\n\nconst ActualModal = ({\n open,\n onClose,\n size = 'medium',\n showCloseButton = true,\n closeOnBackdropClick = true,\n closeOnEscape = true,\n ...restProps\n}: ModalProps) => {\n const modalCloseHandler = useCallback<Required<MuiModalProps>['onClose']>(\n (_event, reason) => {\n if (onClose) {\n if (reason === 'backdropClick' && closeOnBackdropClick) {\n onClose('backdropClick');\n }\n if (reason === 'escapeKeyDown' && closeOnEscape) {\n onClose('escapeKey');\n }\n }\n },\n [onClose, closeOnBackdropClick, closeOnEscape]\n );\n\n const closeButtonClickHandler = useCallback(() => {\n onClose?.('closeButtonClick');\n }, [onClose]);\n\n return (\n <MuiModal\n open={open}\n className={classNames(MODAL_ROOT_CLASS, styles.root)}\n onClose={modalCloseHandler}\n >\n <ModalWindow\n {...restProps}\n onClose={closeButtonClickHandler}\n showCloseButton={showCloseButton}\n size={size}\n />\n </MuiModal>\n );\n};\n\nconst DcModal = ({ open: openProp, ...otherProps }: ModalProps) => {\n const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp }, true);\n\n return (\n <IsInsideDcFullscreenElemProvider>\n <ActualModal open={delayedIsOpen} {...otherProps} />\n </IsInsideDcFullscreenElemProvider>\n );\n};\n\nexport const Modal = (props: ModalProps) => {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcModal : ActualModal;\n\n return <ModalComponent {...props} />;\n};\n"],"names":["ActualModal","_ref","open","onClose","_ref$size","size","_ref$showCloseButton","showCloseButton","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","restProps","_objectWithoutProperties","_excluded","modalCloseHandler","useCallback","_event","reason","closeButtonClickHandler","_jsx","MuiModal","className","classNames","MODAL_ROOT_CLASS","styles","root","children","ModalWindow","_objectSpread","DcModal","_ref2","openProp","otherProps","_excluded2","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","IsInsideDcFullscreenElemProvider","Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"~~mhDAwBA~~,IAAMA,EAAc,SAQFC,GAAA,IAPhBC,IAAAA,KACAC,IAAAA,QAAOC,EAAAH,EACPI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,gBAAAA,cAAsBD,EAAAE,EAAAP,EACtBQ,qBAAAA,cAA2BD,EAAAE,EAAAT,EAC3BU,cAAAA,cAAoBD,EACjBE,EAASC,EAAAZ,EAAAa,GAENC,EAAoBC,GACxB,SAACC,EAAQC,GACHf,IACa,kBAAXe,GAA8BT,GAChCN,EAAQ,iBAEK,kBAAXe,GAA8BP,GAChCR,EAAQ,aAGb,GACD,CAACA,EAASM,EAAsBE,IAG5BQ,EAA0BH,GAAY,WAC1Cb,SAAAA,EAAU,mBACZ,GAAG,CAACA,IAEJ,OACEiB,EAACC,EAAQ,CACPnB,KAAMA,EACNoB,UAAWC,EAAWC,EAAkBC,EAAOC,MAC/CvB,QAASY,EAAkBY,SAE3BP,EAACQ,EAAWC,EAAAA,EAAA,GACNjB,GAAS,GAAA,CACbT,QAASgB,EACTZ,gBAAiBA,EACjBF,KAAMA,MAId,EAEMyB,EAAU,SAAmDC,GAAA,IAA1CC,IAAN9B,KAAmB+B,EAAUpB,EAAAkB,EAAAG,GACtCC,EAAkBC,EAA+B,CAAEC,OAAQL,IAAY,GAAvEG,cAER,OACEf,EAACkB,EAAgC,CAAAX,SAC/BP,EAACpB,EAAW6B,EAAA,CAAC3B,KAAMiC,GAAmBF,KAG5C,EAEaM,EAAQ,SAACC,GACpB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOxB,EAFgBqB,IAAkBE,EAA2Bb,EAAU9B,EAEnDwC,EAAAA,CAAAA,EAAAA,GAC7B"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../src/componentsV2/Modal/Modal.tsx"],"sourcesContent":["// TODO Move these hooks to better place so the imports won't be as hideous\nimport { Modal as MuiModal, ModalProps as MuiModalProps } from '@material-ui/core';\nimport { useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport {\n IsInsideDcFullscreenElemProvider,\n useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { ModalWindow, ModalWindowProps } from '../ModalWindow';\n\nimport { MODAL_ROOT_CLASS } from './constants';\n\nimport styles from './Modal.scss';\n\nexport type ModalProps = Omit<ModalWindowProps, 'onClose'> & {\n open: boolean;\n onClose?: (reason: 'backdropClick' \| 'escapeKey' \| 'closeButtonClick') => void;\n closeOnBackdropClick?: boolean;\n closeOnEscape?: boolean;\n};\n\nconst ActualModal = ({\n open,\n onClose,\n size = 'medium',\n showCloseButton = true,\n closeOnBackdropClick = true,\n closeOnEscape = true,\n ...restProps\n}: ModalProps) => {\n const modalCloseHandler = useCallback<Required<MuiModalProps>['onClose']>(\n (_event, reason) => {\n if (onClose) {\n if (reason === 'backdropClick' && closeOnBackdropClick) {\n onClose('backdropClick');\n }\n if (reason === 'escapeKeyDown' && closeOnEscape) {\n onClose('escapeKey');\n }\n }\n },\n [onClose, closeOnBackdropClick, closeOnEscape]\n );\n\n const closeButtonClickHandler = useCallback(() => {\n onClose?.('closeButtonClick');\n }, [onClose]);\n\n return (\n <MuiModal\n open={open}\n className={classNames(MODAL_ROOT_CLASS, styles.root)}\n onClose={modalCloseHandler}\n >\n <ModalWindow\n {...restProps}\n onClose={closeButtonClickHandler}\n showCloseButton={showCloseButton}\n size={size}\n />\n </MuiModal>\n );\n};\n\nconst DcModal = ({ open: openProp, ...otherProps }: ModalProps) => {\n const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp }, true);\n\n return (\n <IsInsideDcFullscreenElemProvider>\n <ActualModal open={delayedIsOpen} {...otherProps} />\n </IsInsideDcFullscreenElemProvider>\n );\n};\n\nexport const Modal = (props: ModalProps) => {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcModal : ActualModal;\n\n return <ModalComponent {...props} />;\n};\n"],"names":["ActualModal","_ref","open","onClose","_ref$size","size","_ref$showCloseButton","showCloseButton","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","restProps","_objectWithoutProperties","_excluded","modalCloseHandler","useCallback","_event","reason","closeButtonClickHandler","_jsx","MuiModal","className","classNames","MODAL_ROOT_CLASS","styles","root","children","ModalWindow","_objectSpread","DcModal","_ref2","openProp","otherProps","_excluded2","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","IsInsideDcFullscreenElemProvider","Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"q/CAwBA,IAAMA,EAAc,SAQFC,GAAA,IAPhBC,IAAAA,KACAC,IAAAA,QAAOC,EAAAH,EACPI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,gBAAAA,cAAsBD,EAAAE,EAAAP,EACtBQ,qBAAAA,cAA2BD,EAAAE,EAAAT,EAC3BU,cAAAA,cAAoBD,EACjBE,EAASC,EAAAZ,EAAAa,GAENC,EAAoBC,GACxB,SAACC,EAAQC,GACHf,IACa,kBAAXe,GAA8BT,GAChCN,EAAQ,iBAEK,kBAAXe,GAA8BP,GAChCR,EAAQ,aAGb,GACD,CAACA,EAASM,EAAsBE,IAG5BQ,EAA0BH,GAAY,WAC1Cb,SAAAA,EAAU,mBACZ,GAAG,CAACA,IAEJ,OACEiB,EAACC,EAAQ,CACPnB,KAAMA,EACNoB,UAAWC,EAAWC,EAAkBC,EAAOC,MAC/CvB,QAASY,EAAkBY,SAE3BP,EAACQ,EAAWC,EAAAA,EAAA,GACNjB,GAAS,GAAA,CACbT,QAASgB,EACTZ,gBAAiBA,EACjBF,KAAMA,MAId,EAEMyB,EAAU,SAAmDC,GAAA,IAA1CC,IAAN9B,KAAmB+B,EAAUpB,EAAAkB,EAAAG,GACtCC,EAAkBC,EAA+B,CAAEC,OAAQL,IAAY,GAAvEG,cAER,OACEf,EAACkB,EAAgC,CAAAX,SAC/BP,EAACpB,EAAW6B,EAAA,CAAC3B,KAAMiC,GAAmBF,KAG5C,EAEaM,EAAQ,SAACC,GACpB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOxB,EAFgBqB,IAAkBE,EAA2Bb,EAAU9B,EAEnDwC,EAAAA,CAAAA,EAAAA,GAC7B"}

package/componentsV2/Popover/Popover.d.ts CHANGED Viewed

@@ -35,7 +35,10 @@ export type PopoverProps = {
      */
     flip?: boolean;
     /**
-     * Element where Popper will mount. Default - `document.body`
+     * Element where Popper will mount.
+     *
+     * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to
+     * `document.body`.
      */
     container?: HTMLElement;
     /**

package/componentsV2/Popover/Popover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;~~AAQ7C~~,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf~~;;OAEG~~;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,~~yGAiInB~~,CAAC"}
1	+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAS7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,yGAmInB,CAAC"}

package/componentsV2/Popover/Popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as c}from"@material-ui/core";import s from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{disableScroll as l}from"./utils.js";import m from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as u}from"../../constants/attachments.js";import{jsxs as d,Fragment as f,jsx as v}from"react/jsx-runtime";function j(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function b(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?j(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var y=t((function(e,t){var j=e.children,y=e.open,O=e.onClose,h=e.className,g=e.closeOnBackdropClick,E=void 0===g||g,P=e.closeOnEscape,w=void 0===P||P,k=e.backdrop,C=void 0===k||k,M=e.anchorEl,N=e.preventScroll,S=void 0===N||N,x=e.placement,D=void 0===x?"bottom-start":x,L=e.onMouseLeave,A=e.onMouseEnter,R=e.flip,q=void 0===R||R,z=e.preventOverflow,B=void 0===z||z,G=e.container,I=e.animate,K=void 0===I||I,T=e.type,U=void 0===T?"popover":T,F=o(null),H=o(new ResizeObserver((function(){var e;null===(e=F.current)||void 0===e||e.scheduleUpdate()}))),J=n((function(){O&&E&&O("backdropClick")}),[O,E]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(u,"]")))return;null==O||O("escapeKey")}};return y&&w?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[O,w,y]),r((function(){return y&&S?l(document.body):function(){}}),[y,S]);var Q=i((function(){return{preventOverflow:{enabled:B,padding:0,boundariesElement:"viewport"},flip:{enabled:q}}}),[q,B]);return d(f,{children:[C&&v(a,{open:y,className:m.root,container:G,children:v("div",{className:m.backdrop,onClick:J})}),v(a,{open:y,anchorEl:M,placement:D,className:m.root,transition:!0,popperRef:F,modifiers:Q,container:G,children:function(e){var o=e.TransitionProps;return v(c,b(b({},o),{},{timeout:K?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),H.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),H.current.disconnect()},children:v(p,{className:s(m.paper,h),onMouseEnter:A,onMouseLeave:L,ref:t,type:U,children:j})}))}})]})}));export{y as Popover};
+import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as c}from"@material-ui/core";import s from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{getDefaultPopperContainer as l}from"../utils.js";import{disableScroll as m}from"./utils.js";import u from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as d}from"../../constants/attachments.js";import{jsxs as f,Fragment as v,jsx as j}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=t((function(e,t){var b=e.children,O=e.open,h=e.onClose,g=e.className,E=e.closeOnBackdropClick,P=void 0===E||E,w=e.closeOnEscape,k=void 0===w||w,C=e.backdrop,M=void 0===C||C,N=e.anchorEl,S=e.preventScroll,x=void 0===S||S,D=e.placement,L=void 0===D?"bottom-start":D,A=e.onMouseLeave,R=e.onMouseEnter,q=e.flip,z=void 0===q||q,B=e.preventOverflow,G=void 0===B||B,I=e.container,K=e.animate,T=void 0===K||K,U=e.type,F=void 0===U?"popover":U,H=o(null),J=o(new ResizeObserver((function(){var e;null===(e=H.current)||void 0===e||e.scheduleUpdate()}))),Q=n((function(){h&&P&&h("backdropClick")}),[h,P]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(d,"]")))return;null==h||h("escapeKey")}};return O&&k?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[h,k,O]),r((function(){return O&&x?m(document.body):function(){}}),[O,x]);var V=i((function(){return{preventOverflow:{enabled:G,padding:0,boundariesElement:"viewport"},flip:{enabled:z}}}),[z,G]),W=null!=I?I:l(N);return f(v,{children:[M&&j(a,{open:O,className:u.root,container:W,children:j("div",{className:u.backdrop,onClick:Q})}),j(a,{open:O,anchorEl:N,placement:L,className:u.root,transition:!0,popperRef:H,modifiers:V,container:W,children:function(e){var o=e.TransitionProps;return j(c,y(y({},o),{},{timeout:T?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),J.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),J.current.disconnect()},children:j(p,{className:s(u.paper,g),onMouseEnter:R,onMouseLeave:A,ref:t,type:F,children:b})}))}})]})}));export{O as Popover};
 //# sourceMappingURL=Popover.js.map

package/componentsV2/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n forwardRef,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n open: boolean;\n\n placement?: PopperProps['placement'];\n\n /*\n A HTML element, a function that returns it, or a virtual element exposing\n * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n /\n anchorEl?: PopperProps['anchorEl'];\n\n /\n The content of the component.\n /\n children?: ReactNode;\n onClose?: (reason: 'backdropClick' \| 'escapeKey') => void;\n closeOnBackdropClick?: boolean;\n closeOnEscape?: boolean;\n\n /\n Determines if backdrop should be rendered\n /\n backdrop?: boolean;\n\n /\n Prevents scroll when open\n /\n preventScroll?: boolean;\n\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n\n /\n Controls if Popover should stay inside its constraining element\n /\n preventOverflow?: boolean;\n /\n Controls if Popover should flip to opposite side if there's no space to fit it\n /\n flip?: boolean;\n\n /\n Element where Popper will mount. ~~Default~~ - `document.body`\n /\n container?: HTMLElement;\n\n /\n Controls whether popover should animate itself\n /\n animate?: boolean;\n\n /\n Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n */\n type?: PaperProps['type'];\n\n className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n children,\n open,\n onClose,\n className,\n closeOnBackdropClick = true,\n closeOnEscape = true,\n backdrop = true,\n anchorEl,\n preventScroll = true,\n placement = 'bottom-start',\n onMouseLeave,\n onMouseEnter,\n flip = true,\n preventOverflow = true,\n container,\n animate = true,\n type = 'popover',\n },\n ref\n ) => {\n const popperRef = useRef<PopperJs>(null);\n const observerRef = useRef(\n new ResizeObserver(() => {\n popperRef.current?.scheduleUpdate();\n })\n );\n\n const backdropClickCloseHandler = useCallback(() => {\n if (onClose && closeOnBackdropClick) {\n onClose('backdropClick');\n }\n }, [onClose, closeOnBackdropClick]);\n\n // Escape key close\n useEffect(() => {\n const handler = (event: KeyboardEvent) => {\n if (event.key === 'Escape' \|\| event.key === 'Esc') {\n if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n onClose?.('escapeKey');\n }\n };\n\n if (open && closeOnEscape) {\n document.addEventListener('keydown', handler);\n\n return () => {\n document.removeEventListener('keydown', handler);\n };\n }\n\n return () => {};\n }, [onClose, closeOnEscape, open]);\n\n // Block scrolling\n useEffect(() => {\n if (open && preventScroll) {\n return disableScroll(document.body);\n }\n\n return () => {};\n }, [open, preventScroll]);\n\n const modifiers = useMemo(\n () => ({\n preventOverflow: {\n enabled: preventOverflow,\n padding: 0,\n boundariesElement: 'viewport',\n // escapeWithReference: true,\n // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n },\n flip: {\n enabled: flip,\n },\n }),\n [flip, preventOverflow]\n );\n\n return (\n <>\n {backdrop && (\n <Popper open={open} className={styles.root} container={~~container~~}>\n <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n </Popper>\n )}\n <Popper\n open={open}\n anchorEl={anchorEl}\n placement={placement}\n className={styles.root}\n transition\n popperRef={popperRef}\n modifiers={modifiers}\n container={~~container~~}\n >\n {({ TransitionProps }) => (\n <Grow\n {...TransitionProps}\n timeout={animate ? 'auto' : 0}\n disableStrictModeCompat\n onEntered={(...args) => {\n TransitionProps?.onEntered?.(...args);\n observerRef.current.observe(args[0]);\n }}\n onExit={(...args) => {\n TransitionProps?.onExit?.(...args);\n observerRef.current.disconnect();\n }}\n >\n <Paper\n className={classNames(styles.paper, className)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n type={type}\n >\n {children}\n </Paper>\n </Grow>\n )}\n </Popper>\n </>\n );\n }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"~~6hDAiFaA~~,EAAUC,GACrB,SAAAC,EAoBEC,GACG,IAnBDC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,UAASC,EAAAN,EACTO,qBAAAA,cAA2BD,EAAAE,EAAAR,EAC3BS,cAAAA,cAAoBD,EAAAE,EAAAV,EACpBW,SAAAA,cAAeD,EACfE,IAAAA,SAAQC,EAAAb,EACRc,cAAAA,cAAoBD,EAAAE,EAAAf,EACpBgB,UAAAA,aAAY,eAAcD,EAC1BE,IAAAA,aACAC,IAAAA,aAAYC,EAAAnB,EACZoB,KAAAA,cAAWD,EAAAE,EAAArB,EACXsB,gBAAAA,cAAsBD,EACtBE,IAAAA,UAASC,EAAAxB,EACTyB,QAAAA,cAAcD,EAAAE,EAAA1B,EACd2B,KAAAA,aAAO,UAASD,EAIZE,EAAYC,EAAiB,MAC7BC,EAAcD,EAClB,IAAIE,gBAAe,WAAM,IAAAC,EACvB,QAAAA,EAAAJ,EAAUK,eAAV,IAAAD,GAAAA,EAAmBE,gBACpB,KAGGC,EAA4BC,GAAY,WACxChC,GAAWG,GACbH,EAAQ,gBAEZ,GAAG,CAACA,EAASG,IAGb8B,GAAU,WACR,IAAMC,EAAU,SAACC,GACf,GAAkB,WAAdA,EAAMC,KAAkC,QAAdD,EAAMC,IAAe,CACjD,GAAIC,SAASC,cAAkBC,IAAAA,OAAAA,QAAwB,OAEvDvC,SAAAA,EAAU,YACZ,GAGF,OAAID,GAAQM,GACVgC,SAASG,iBAAiB,UAAWN,GAE9B,WACLG,SAASI,oBAAoB,UAAWP,KAIrC,WAAM,CACd,GAAE,CAAClC,EAASK,EAAeN,IAG5BkC,GAAU,WACR,OAAIlC,GAAQW,EACHgC,EAAcL,SAASM,MAGzB,WAAM,CACf,GAAG,CAAC5C,EAAMW,IAEV,IAAMkC,EAAYC,GAChB,WAAA,MAAO,CACL3B,gBAAiB,CACf4B,QAAS5B,EACT6B,QAAS,EACTC,kBAAmB,YAKrBhC,KAAM,CACJ8B,QAAS9B,GAEZ,GACD,CAACA,EAAME,~~IAGT~~,~~OACE~~+B,EAAAC,EAAA,~~CAAApD~~,SACGS,CAAAA,~~GACC4C~~,EAACC,EAAM,~~CAACrD~~,KAAMA,EAAME,~~UAAWoD~~,EAAOC,~~KAAMnC~~,~~UAAWA~~,~~EAAUrB~~,~~SAC/DqD~~,EAAA,MAAA,~~CAAKlD~~,~~UAAWoD~~,~~EAAO9C~~,~~SAAUgD~~,~~QAASxB~~,~~MAG9CoB~~,EAACC,EAAM,~~CACLrD~~,KAAMA,EACNS,SAAUA,EACVI,UAAWA,EACXX,~~UAAWoD~~,EAAOC,KAClBE,YAAU,~~EACVhC~~,UAAWA,EACXoB,UAAWA,EACXzB,~~UAAWA~~,~~EAAUrB~~,~~SAEpB~~,~~SAAA2D~~,GAAA,IAAGC,IAAAA,gBAAe,OACjBP,EAACQ,EAAIC,EAAAA,EAAA,GACCF,GAAe,GAAA,CACnBG,~~QAASxC~~,EAAU,OAAS,~~EAC5ByC~~,yBAAuB,EACvBC,UAAW,WAAa,IAAA,IAAAC,EAAAC,EAAAC,UAAAC,OAATC,EAAI,IAAAC,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GACjBZ,SAA0B,QAAXM,EAAfN,EAAiBK,iBAAS,IAAAC,GAA1BA,EAAAN,KAAAA,MAAAA,EAAAA,CAAAA,GAAgCU,OAAAA,~~IAChC1C~~,EAAYG,~~QAAQ0C~~,QAAQH,EAAK,GACjC,EACFI,OAAQ,WAAa,IAAA,IAAAC,EAAAC,EAAAR,UAAAC,OAATC,EAAI,IAAAC,MAAAK,GAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJP,EAAIO,GAAAT,UAAAS,GACdjB,SAAuB,QAARe,EAAff,EAAiBc,cAAM,IAAAC,GAAvBA,EAAAf,KAAAA,MAAAA,EAAAA,CAAAA,GAA6BU,OAAAA,~~IAC7B1C~~,EAAYG,~~QAAQ+C~~,YACpB,~~EAAA9E~~,~~SAEFqD~~,EAAC0B,EAAK,~~CACJ5E~~,~~UAAW6E~~,EAAWzB,EAAO0B,~~MAAO9E~~,GACpCa,aAAcA,EACdD,aAAcA,EACdhB,IAAKA,EACL0B,KAAMA,EAAKzB,SAEVA,MAEE,MAKjB"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n forwardRef,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n open: boolean;\n\n placement?: PopperProps['placement'];\n\n /*\n A HTML element, a function that returns it, or a virtual element exposing\n * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n /\n anchorEl?: PopperProps['anchorEl'];\n\n /\n The content of the component.\n /\n children?: ReactNode;\n onClose?: (reason: 'backdropClick' \| 'escapeKey') => void;\n closeOnBackdropClick?: boolean;\n closeOnEscape?: boolean;\n\n /\n Determines if backdrop should be rendered\n /\n backdrop?: boolean;\n\n /\n Prevents scroll when open\n /\n preventScroll?: boolean;\n\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n\n /\n Controls if Popover should stay inside its constraining element\n /\n preventOverflow?: boolean;\n /\n Controls if Popover should flip to opposite side if there's no space to fit it\n /\n flip?: boolean;\n\n /\n Element where Popper will mount.\n \n Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n * `document.body`.\n /\n container?: HTMLElement;\n\n /\n Controls whether popover should animate itself\n /\n animate?: boolean;\n\n /\n Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n */\n type?: PaperProps['type'];\n\n className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n children,\n open,\n onClose,\n className,\n closeOnBackdropClick = true,\n closeOnEscape = true,\n backdrop = true,\n anchorEl,\n preventScroll = true,\n placement = 'bottom-start',\n onMouseLeave,\n onMouseEnter,\n flip = true,\n preventOverflow = true,\n container,\n animate = true,\n type = 'popover',\n },\n ref\n ) => {\n const popperRef = useRef<PopperJs>(null);\n const observerRef = useRef(\n new ResizeObserver(() => {\n popperRef.current?.scheduleUpdate();\n })\n );\n\n const backdropClickCloseHandler = useCallback(() => {\n if (onClose && closeOnBackdropClick) {\n onClose('backdropClick');\n }\n }, [onClose, closeOnBackdropClick]);\n\n // Escape key close\n useEffect(() => {\n const handler = (event: KeyboardEvent) => {\n if (event.key === 'Escape' \|\| event.key === 'Esc') {\n if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n onClose?.('escapeKey');\n }\n };\n\n if (open && closeOnEscape) {\n document.addEventListener('keydown', handler);\n\n return () => {\n document.removeEventListener('keydown', handler);\n };\n }\n\n return () => {};\n }, [onClose, closeOnEscape, open]);\n\n // Block scrolling\n useEffect(() => {\n if (open && preventScroll) {\n return disableScroll(document.body);\n }\n\n return () => {};\n }, [open, preventScroll]);\n\n const modifiers = useMemo(\n () => ({\n preventOverflow: {\n enabled: preventOverflow,\n padding: 0,\n boundariesElement: 'viewport',\n // escapeWithReference: true,\n // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n },\n flip: {\n enabled: flip,\n },\n }),\n [flip, preventOverflow]\n );\n\n const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n return (\n <>\n {backdrop && (\n <Popper open={open} className={styles.root} container={resolvedContainer}>\n <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n </Popper>\n )}\n <Popper\n open={open}\n anchorEl={anchorEl}\n placement={placement}\n className={styles.root}\n transition\n popperRef={popperRef}\n modifiers={modifiers}\n container={resolvedContainer}\n >\n {({ TransitionProps }) => (\n <Grow\n {...TransitionProps}\n timeout={animate ? 'auto' : 0}\n disableStrictModeCompat\n onEntered={(...args) => {\n TransitionProps?.onEntered?.(...args);\n observerRef.current.observe(args[0]);\n }}\n onExit={(...args) => {\n TransitionProps?.onExit?.(...args);\n observerRef.current.disconnect();\n }}\n >\n <Paper\n className={classNames(styles.paper, className)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n type={type}\n >\n {children}\n </Paper>\n </Grow>\n )}\n </Popper>\n </>\n );\n }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"qlDAqFaA,EAAUC,GACrB,SAAAC,EAoBEC,GACG,IAnBDC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,UAASC,EAAAN,EACTO,qBAAAA,cAA2BD,EAAAE,EAAAR,EAC3BS,cAAAA,cAAoBD,EAAAE,EAAAV,EACpBW,SAAAA,cAAeD,EACfE,IAAAA,SAAQC,EAAAb,EACRc,cAAAA,cAAoBD,EAAAE,EAAAf,EACpBgB,UAAAA,aAAY,eAAcD,EAC1BE,IAAAA,aACAC,IAAAA,aAAYC,EAAAnB,EACZoB,KAAAA,cAAWD,EAAAE,EAAArB,EACXsB,gBAAAA,cAAsBD,EACtBE,IAAAA,UAASC,EAAAxB,EACTyB,QAAAA,cAAcD,EAAAE,EAAA1B,EACd2B,KAAAA,aAAO,UAASD,EAIZE,EAAYC,EAAiB,MAC7BC,EAAcD,EAClB,IAAIE,gBAAe,WAAM,IAAAC,EACvB,QAAAA,EAAAJ,EAAUK,eAAV,IAAAD,GAAAA,EAAmBE,gBACpB,KAGGC,EAA4BC,GAAY,WACxChC,GAAWG,GACbH,EAAQ,gBAEZ,GAAG,CAACA,EAASG,IAGb8B,GAAU,WACR,IAAMC,EAAU,SAACC,GACf,GAAkB,WAAdA,EAAMC,KAAkC,QAAdD,EAAMC,IAAe,CACjD,GAAIC,SAASC,cAAkBC,IAAAA,OAAAA,QAAwB,OAEvDvC,SAAAA,EAAU,YACZ,GAGF,OAAID,GAAQM,GACVgC,SAASG,iBAAiB,UAAWN,GAE9B,WACLG,SAASI,oBAAoB,UAAWP,KAIrC,WAAM,CACd,GAAE,CAAClC,EAASK,EAAeN,IAG5BkC,GAAU,WACR,OAAIlC,GAAQW,EACHgC,EAAcL,SAASM,MAGzB,WAAM,CACf,GAAG,CAAC5C,EAAMW,IAEV,IAAMkC,EAAYC,GAChB,WAAA,MAAO,CACL3B,gBAAiB,CACf4B,QAAS5B,EACT6B,QAAS,EACTC,kBAAmB,YAKrBhC,KAAM,CACJ8B,QAAS9B,GAEZ,GACD,CAACA,EAAME,IAGH+B,EAAoB9B,QAAAA,EAAa+B,EAA0B1C,GAEjE,OACE2C,EAAAC,EAAA,CAAAtD,SACGS,CAAAA,GACC8C,EAACC,EAAM,CAACvD,KAAMA,EAAME,UAAWsD,EAAOC,KAAMrC,UAAW8B,EAAkBnD,SACvEuD,EAAA,MAAA,CAAKpD,UAAWsD,EAAOhD,SAAUkD,QAAS1B,MAG9CsB,EAACC,EAAM,CACLvD,KAAMA,EACNS,SAAUA,EACVI,UAAWA,EACXX,UAAWsD,EAAOC,KAClBE,YAAU,EACVlC,UAAWA,EACXoB,UAAWA,EACXzB,UAAW8B,EAAkBnD,SAE5B,SAAA6D,GAAA,IAAGC,IAAAA,gBAAe,OACjBP,EAACQ,EAAIC,EAAAA,EAAA,GACCF,GAAe,GAAA,CACnBG,QAAS1C,EAAU,OAAS,EAC5B2C,yBAAuB,EACvBC,UAAW,WAAa,IAAA,IAAAC,EAAAC,EAAAC,UAAAC,OAATC,EAAI,IAAAC,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GACjBZ,SAA0B,QAAXM,EAAfN,EAAiBK,iBAAS,IAAAC,GAA1BA,EAAAN,KAAAA,MAAAA,EAAAA,CAAAA,GAAgCU,OAAAA,IAChC5C,EAAYG,QAAQ4C,QAAQH,EAAK,GACjC,EACFI,OAAQ,WAAa,IAAA,IAAAC,EAAAC,EAAAR,UAAAC,OAATC,EAAI,IAAAC,MAAAK,GAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJP,EAAIO,GAAAT,UAAAS,GACdjB,SAAuB,QAARe,EAAff,EAAiBc,cAAM,IAAAC,GAAvBA,EAAAf,KAAAA,MAAAA,EAAAA,CAAAA,GAA6BU,OAAAA,IAC7B5C,EAAYG,QAAQiD,YACpB,EAAAhF,SAEFuD,EAAC0B,EAAK,CACJ9E,UAAW+E,EAAWzB,EAAO0B,MAAOhF,GACpCa,aAAcA,EACdD,aAAcA,EACdhB,IAAKA,EACL0B,KAAMA,EAAKzB,SAEVA,MAEE,MAKjB"}

package/componentsV2/Popper/Popper.d.ts CHANGED Viewed

@@ -30,9 +30,10 @@ export type PopperProps = {
      */
     modifiers?: object;
     /**
-     * Element where Popper will mount. Default - `document.body`
+     * Element where Popper will mount.
      *
-     * Does not open "pseudo-fullscreen" for an isolated app if passed
+     * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to
+     * `document.body`. Does not open "pseudo-fullscreen" for an isolated app if passed.
      */
     container?: HTMLElement;
     /**

package/componentsV2/Popper/Popper.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,QAAQ,MAAM,WAAW,CAAC;~~AAYjC~~,KAAK,QAAQ,GACT,WAAW,GACX;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;CAC7D,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,sBAAsB,CAAC;QAClC,eAAe,CAAC,EAAE,eAAe,CAAC;KACnC,KAAK,SAAS,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,GAAG,IAAI,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EACN,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAC;IAEV;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB~~;;;;OAIG~~;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;CAC3B,CAAC;AAqBF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,~~2CAiBzE~~"}
1	+ {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,QAAQ,MAAM,WAAW,CAAC;AAajC,KAAK,QAAQ,GACT,WAAW,GACX;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;CAC7D,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,sBAAsB,CAAC;QAClC,eAAe,CAAC,EAAE,eAAe,CAAC;KACnC,KAAK,SAAS,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,GAAG,IAAI,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EACN,YAAY,GACZ,cAAc,GACd,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,MAAM,GACN,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAC;IAEV;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;CAC3B,CAAC;AAqBF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,2CAoBzE"}

package/componentsV2/Popper/Popper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as t}from"@material-ui/core";import o from"classnames";import{useDelayedDcFullscreenElemOpen as n}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as c,IsInsideDcFullscreenElemProvider as i}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{POPPER_ROOT_CLASS as s}from"./constants.js";import{jsx as l}from"react/jsx-runtime";var m=["children","open"],a=["popperRef","className"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function d(e){var o=e.children,p=e.open,c=r(e,m),s=n({isOpen:p}).delayedIsOpen,a="function"==typeof o?function(){return l(i,{children:o.apply(void 0,arguments)})}:l(i,{children:o});return l(t,u(u({},c),{},{open:s,children:a}))}function O(e){var n=e.popperRef,i=e.className,m=r(e,a),f=p(),O=c(),b=!f||O||m.container?t:d;return l(b,u(u({},m),{},{className:o(s,i),popperRef:n}))}export{O as Popper};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as t}from"@material-ui/core";import o from"classnames";import{useDelayedDcFullscreenElemOpen as n}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as i,IsInsideDcFullscreenElemProvider as c}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{getDefaultPopperContainer as s}from"../utils.js";import{POPPER_ROOT_CLASS as l}from"./constants.js";import{jsx as m}from"react/jsx-runtime";var a=["children","open"],f=["popperRef","className"];function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function d(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?u(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function O(e){var o=e.children,p=e.open,i=r(e,a),s=n({isOpen:p}).delayedIsOpen,l="function"==typeof o?function(){return m(c,{children:o.apply(void 0,arguments)})}:m(c,{children:o});return m(t,d(d({},i),{},{open:s,children:l}))}function b(e){var n,c=e.popperRef,a=e.className,u=r(e,f),b=p(),j=i(),v=null!==(n=u.container)&&void 0!==n?n:s(u.anchorEl);return m(!b||j||v?t:O,d(d({},u),{},{container:v,className:o(l,a),popperRef:c}))}export{b as Popper};
 //# sourceMappingURL=Popper.js.map

package/componentsV2/Popper/Popper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popper.js","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n Popper as MuiPopper,\n PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n IsInsideDcFullscreenElemProvider,\n useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\n\nimport { POPPER_ROOT_CLASS } from './constants';\n\ntype AnchorEl =\n \| HTMLElement\n \| {\n clientWidth: number;\n clientHeight: number;\n getBoundingClientRect: HTMLElement['getBoundingClientRect'];\n };\n\nexport type PopperProps = {\n /*\n Contents of the popover\n /\n children:\n \| ReactNode\n \| ((props: {\n placement: MuiPopperPlacementType;\n TransitionProps?: TransitionProps;\n }) => ReactNode);\n open: boolean;\n /\n Defines an HTML node to which the content will be positioned\n /\n anchorEl?: AnchorEl \| (() => AnchorEl) \| null;\n /\n Defines placement\n * @default bottom\n /\n placement?:\n \| 'bottom-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'left-end'\n \| 'left-start'\n \| 'left'\n \| 'right-end'\n \| 'right-start'\n \| 'right'\n \| 'top-end'\n \| 'top-start'\n \| 'top';\n\n /\n Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n /\n modifiers?: object;\n\n /\n Element where Popper will mount. ~~Default~~ - `~~document.body`\~~n \n Does not open \"pseudo-fullscreen\" for an isolated app if passed\n /\n container?: HTMLElement;\n\n /\n Help supporting a react-transition-group/Transition component\n /\n transition?: boolean;\n\n className?: string;\n\n /\n Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n */\n popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n const ownChildren: PopperProps['children'] =\n typeof children === 'function' ? (\n (...args) => (\n <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n )\n ) : (\n <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n );\n\n return (\n <MuiPopper {...otherProps} open={delayedIsOpen}>\n {ownChildren}\n </MuiPopper>\n );\n}\n\nexport function Popper({ popperRef, className, ...restProps }: PopperProps) {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n // Popper will transition the app to a \"pseudo-fullscreen\" mode if\n // it's inside an isolated DC app, no \"pseudo-fullscreen\" is on,\n // and there's no container defined (popper should be mounted inside an app, and not the body)\n const PopperComponent =\n isInsideDcApp && !isInsideDcFullscreenElem && !~~restProps.~~container ? DcPopper : MuiPopper;\n\n return (\n <PopperComponent\n {...restProps}\n className={classNames(POPPER_ROOT_CLASS, className)}\n popperRef={popperRef}\n />\n );\n}\n"],"names":["DcPopper","_ref","children","isOpen","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","ownChildren","_jsx","IsInsideDcFullscreenElemProvider","apply","arguments","MuiPopper","_objectSpread","Popper","_ref2","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","~~PopperComponent~~","~~container~~","classNames","POPPER_ROOT_CLASS"],"mappings":"~~w2CAoFA~~,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAAL,EAAAM,GAC/CC,EAAkBC,EAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAACC,EAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAACC,EAAgC,CAAAV,SAAEA,IAGvC,OACES,EAACI,EAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,CAEO,SAASO,EAA4DC,GAAA,~~IAAnDC~~,IAAAA,UAAWC,IAAAA,UAAcC,~~EAASf~~,EAAAY,~~EAAAI~~,GACnDC,EAAgBC,IAChBC,EAA2BC,~~IAK3BC~~,~~GACJJ~~,~~GAAkBE~~,~~GAA6BJ~~,~~EAAUO~~,~~UAAuBb~~,~~EAAXf~~,~~EAEvE~~,~~OACEW~~,~~EAACgB~~,~~EAAeX~~,EAAAA,EAAA,~~GACVK~~,GAAS,GAAA,~~CACbD~~,~~UAAWS~~,EAAWC,~~EAAmBV~~,GACzCD,UAAWA,IAGjB"}
1	+ {"version":3,"file":"Popper.js","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n Popper as MuiPopper,\n PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n IsInsideDcFullscreenElemProvider,\n useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { POPPER_ROOT_CLASS } from './constants';\n\ntype AnchorEl =\n \| HTMLElement\n \| {\n clientWidth: number;\n clientHeight: number;\n getBoundingClientRect: HTMLElement['getBoundingClientRect'];\n };\n\nexport type PopperProps = {\n /*\n Contents of the popover\n /\n children:\n \| ReactNode\n \| ((props: {\n placement: MuiPopperPlacementType;\n TransitionProps?: TransitionProps;\n }) => ReactNode);\n open: boolean;\n /\n Defines an HTML node to which the content will be positioned\n /\n anchorEl?: AnchorEl \| (() => AnchorEl) \| null;\n /\n Defines placement\n * @default bottom\n /\n placement?:\n \| 'bottom-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'left-end'\n \| 'left-start'\n \| 'left'\n \| 'right-end'\n \| 'right-start'\n \| 'right'\n \| 'top-end'\n \| 'top-start'\n \| 'top';\n\n /\n Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n /\n modifiers?: object;\n\n /\n Element where Popper will mount.\n \n Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n * `document.body`. Does not open \"pseudo-fullscreen\" for an isolated app if passed.\n /\n container?: HTMLElement;\n\n /\n Help supporting a react-transition-group/Transition component\n /\n transition?: boolean;\n\n className?: string;\n\n /\n Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n */\n popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n const ownChildren: PopperProps['children'] =\n typeof children === 'function' ? (\n (...args) => (\n <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n )\n ) : (\n <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n );\n\n return (\n <MuiPopper {...otherProps} open={delayedIsOpen}>\n {ownChildren}\n </MuiPopper>\n );\n}\n\nexport function Popper({ popperRef, className, ...restProps }: PopperProps) {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n const container = restProps.container ?? getDefaultPopperContainer(restProps.anchorEl);\n\n // Popper will transition the app to a \"pseudo-fullscreen\" mode if\n // it's inside an isolated DC app, no \"pseudo-fullscreen\" is on,\n // and there's no container defined (popper should be mounted inside an app, and not the body)\n const PopperComponent =\n isInsideDcApp && !isInsideDcFullscreenElem && !container ? DcPopper : MuiPopper;\n\n return (\n <PopperComponent\n {...restProps}\n container={container}\n className={classNames(POPPER_ROOT_CLASS, className)}\n popperRef={popperRef}\n />\n );\n}\n"],"names":["DcPopper","_ref","children","isOpen","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","ownChildren","_jsx","IsInsideDcFullscreenElemProvider","apply","arguments","MuiPopper","_objectSpread","Popper","_ref2","_restProps$container","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","container","getDefaultPopperContainer","anchorEl","classNames","POPPER_ROOT_CLASS"],"mappings":"k4CAsFA,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAAL,EAAAM,GAC/CC,EAAkBC,EAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAACC,EAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAACC,EAAgC,CAAAV,SAAEA,IAGvC,OACES,EAACI,EAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,CAEO,SAASO,EAA4DC,GAAA,IAAAC,EAAnDC,IAAAA,UAAWC,IAAAA,UAAcC,EAAShB,EAAAY,EAAAK,GACnDC,EAAgBC,IAChBC,EAA2BC,IAE3BC,EAAmCC,QAAvBP,EAAAA,EAAUM,iBAAaC,IAAAA,EAAAA,EAAAA,EAA0BP,EAAUQ,UAQ7E,OACEnB,GAHAa,GAAkBE,GAA6BE,EAAuBb,EAAXf,EAG3CgB,EAAAA,EAAA,GACVM,GAAS,GAAA,CACbM,UAAWA,EACXP,UAAWU,EAAWC,EAAmBX,GACzCD,UAAWA,IAGjB"}

package/componentsV2/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Tooltip as t}from"@material-ui/core";import{useMemo as o}from"react";import i from"classnames";import{useIsInsideIsolatedDcApp as n}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as l}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{Text as a}from"../Text/Text.js";import{DcTooltip as c}from"./DcTooltip.js";import s from"./Tooltip.scss.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";var d=["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?v(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var f=function(e){var v=e.children,f=e.disabled,D=e.title,y=e.interactive,b=void 0!==y&&y,h=e.className,O=e.enterDelay,j=void 0===O?100:O,P=e.leaveDelay,T=void 0===P?0:P,g=e.enterTouchDelay,w=void 0===g?700:g,N=e.leaveTouchDelay,E=void 0===N?1500:N,I=e.enterNextDelay,x=void 0===I?0:I,C=e.description,A=e.anchorEl,F=r(e,d),L=n(),z=l(),S=L&&!z?c:t,k=f||!D&&!C?"":m("div",{className:s.content,children:[D&&p(a,{size:12,className:s.title,tagName:"div",children:D}),C&&p(a,{size:12,color:"T6",tagName:"div",children:C})]}),H={disableFocusListener:f,disableHoverListener:f,disableTouchListener:f},W=o((function(){return{popper:i(s.root,h),tooltip:i(s.tooltip,C&&s.withDescription)}}),[h,C]),q=o((function(){return u(u({},A?{anchorEl:A}:{}),{},{popperOptions:{modifiers:{preventOverflow:{enabled:!0,boundariesElement:"viewport"}}}})}),[A]);return p(S,u(u(u({title:k,interactive:b,classes:W,enterDelay:j,leaveDelay:T,enterTouchDelay:w,leaveTouchDelay:E,enterNextDelay:x,PopperProps:q},H),F),{},{children:v}))};export{f as Tooltip};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Tooltip as t}from"@material-ui/core";import{useMemo as o}from"react";import i from"classnames";import{useIsInsideIsolatedDcApp as n}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as l}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{Text as a}from"../Text/Text.js";import{DcTooltip as c}from"./DcTooltip.js";import s from"./Tooltip.scss.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";var d=["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?v(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var f=function(e){var v=e.children,f=e.disabled,D=e.title,y=e.interactive,b=void 0!==y&&y,h=e.className,O=e.enterDelay,j=void 0===O?100:O,P=e.leaveDelay,T=void 0===P?0:P,g=e.enterTouchDelay,w=void 0===g?700:g,N=e.leaveTouchDelay,E=void 0===N?1500:N,x=e.enterNextDelay,C=void 0===x?0:x,I=e.description,A=e.anchorEl,F=r(e,d),L=n(),z=l(),S=L&&!z?c:t,k=f||!D&&!I?"":m("div",{className:s.content,children:[D&&p(a,{size:12,className:s.title,tagName:"div",children:D}),I&&p(a,{size:12,color:"T6",tagName:"div",children:I})]}),H={disableFocusListener:f,disableHoverListener:f,disableTouchListener:f},W=o((function(){return{popper:i(s.root,h),tooltip:i(s.tooltip,I&&s.withDescription)}}),[h,I]),q=o((function(){return u(u({},A?{anchorEl:A}:{}),{},{popperOptions:{modifiers:{preventOverflow:{enabled:!0,boundariesElement:"viewport"}}}})}),[A]);return p(S,u(u(u({title:k,interactive:b,classes:W,enterDelay:j,leaveDelay:T,enterTouchDelay:w,leaveTouchDelay:E,enterNextDelay:C,PopperProps:q},H),F),{},{children:v}))};export{f as Tooltip};
 //# sourceMappingURL=Tooltip.js.map

package/componentsV2/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../src/componentsV2/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, TooltipProps as MuiTooltipProps } from '@material-ui/core';\nimport { ChangeEvent, ReactElement, ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\n// TODO Move these hooks to better place so the imports won't be as hideous\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { useIsInsideDcFullscreenElem } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { Text } from '../Text';\nimport { PopperProps } from '../Popper';\n\nimport { DcTooltip } from './DcTooltip';\n\nimport styles from './Tooltip.scss';\n\nexport type TooltipProps = {\n /*\n Tooltip title. If there's no title or description, the tooltip is not shown\n /\n title?: ReactNode;\n /\n Tooltip description: used to provide additional information to the title. If there's no title or description, the tooltip is not shown\n /\n description?: ReactNode;\n /\n Element to position a tooltip to.\n \n ⚠️ Has to be a single reffable child (use `forwardRef` for custom components)\n /\n children: ReactElement;\n /\n Tooltip placement. Positions a tooltip dynamically if undefined\n /\n placement?: MuiTooltipProps['placement'];\n /\n Disables the tooltip\n /\n disabled?: boolean;\n /\n If `true`, the tooltip is shown. Used to programmatically control the tooltip\n /\n open?: boolean;\n /\n Callback fired when the component requests to be open.\n /\n onOpen?: (event: ChangeEvent<object>) => void;\n /\n Callback fired when the component requests to be closed.\n /\n onClose?: (event: ChangeEvent<object>) => void;\n\n /\n The number of milliseconds to wait before showing the tooltip.\n * This prop won't impact the enter touch delay (`enterTouchDelay`).\n /\n enterDelay?: number;\n /\n The number of milliseconds a user must touch the element before showing the tooltip.\n /\n enterTouchDelay?: number;\n /\n The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n /\n enterNextDelay?: number;\n /\n Makes a tooltip interactive, i.e. will not close when the user\n * hovers over the tooltip before the `leaveDelay` is expired.\n /\n interactive?: boolean;\n /\n The number of milliseconds to wait before hiding the tooltip.\n * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n /\n leaveDelay?: number;\n /\n The number of milliseconds after the user stops touching an element before hiding the tooltip.\n /\n leaveTouchDelay?: number;\n\n anchorEl?: PopperProps['anchorEl'];\n\n /\n Will be applied to tooltip container\n */\n className?: string;\n};\n\nexport const Tooltip = ({\n children,\n disabled,\n title,\n interactive = false,\n className,\n enterDelay = 100,\n leaveDelay = 0,\n enterTouchDelay = 700,\n leaveTouchDelay = 1500,\n enterNextDelay = 0,\n description,\n anchorEl,\n ...rest\n}: TooltipProps) => {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n const TooltipComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcTooltip : MuiTooltip;\n\n const actualTitle =\n disabled \|\| (!title && !description) ? (\n ''\n ) : (\n <div className={styles.content}>\n {title && (\n <Text size={12} className={styles.title} tagName=\"div\">\n {title}\n </Text>\n )}\n {description && (\n <Text size={12} color=\"T6\" tagName=\"div\">\n {description}\n </Text>\n )}\n </div>\n );\n\n const handlers = {\n disableFocusListener: disabled,\n disableHoverListener: disabled,\n disableTouchListener: disabled,\n };\n\n const classes = useMemo(\n () => ({\n popper: classNames(styles.root, className),\n tooltip: classNames(styles.tooltip, description && styles.withDescription),\n }),\n [className, description]\n );\n\n const popperProps = useMemo(\n () => ({\n ...(anchorEl ? { anchorEl } : {}),\n popperOptions: {\n modifiers: {\n preventOverflow: {\n enabled: true,\n boundariesElement: 'viewport',\n },\n },\n },\n }),\n [anchorEl]\n );\n\n return (\n <TooltipComponent\n title={actualTitle}\n interactive={interactive}\n classes={classes}\n enterDelay={enterDelay}\n leaveDelay={leaveDelay}\n enterTouchDelay={enterTouchDelay}\n leaveTouchDelay={leaveTouchDelay}\n enterNextDelay={enterNextDelay}\n PopperProps={popperProps}\n {...handlers}\n {...rest}\n >\n {children}\n </TooltipComponent>\n );\n};\n"],"names":["Tooltip","_ref","children","disabled","title","_ref$interactive","interactive","className","_ref$enterDelay","enterDelay","_ref$leaveDelay","leaveDelay","_ref$enterTouchDelay","enterTouchDelay","_ref$leaveTouchDelay","leaveTouchDelay","_ref$enterNextDelay","enterNextDelay","description","anchorEl","rest","_objectWithoutProperties","_excluded","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","DcTooltip","MuiTooltip","actualTitle","_jsxs","styles","content","_jsx","Text","size","tagName","color","handlers","disableFocusListener","disableHoverListener","disableTouchListener","classes","useMemo","popper","classNames","root","tooltip","withDescription","popperProps","_objectSpread","popperOptions","modifiers","preventOverflow","enabled","boundariesElement","PopperProps"],"mappings":"~~87CAsFaA~~,IAAAA,EAAU,SAcHC,GAAA,IAblBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MAAKC,EAAAJ,EACLK,YAAAA,cAAmBD,EACnBE,IAAAA,UAASC,EAAAP,EACTQ,WAAAA,aAAa,IAAGD,EAAAE,EAAAT,EAChBU,WAAAA,aAAa,EAACD,EAAAE,EAAAX,EACdY,gBAAAA,aAAkB,IAAGD,EAAAE,EAAAb,EACrBc,gBAAAA,aAAkB,KAAID,EAAAE,EAAAf,EACtBgB,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,YACAC,IAAAA,SACGC,EAAIC,EAAApB,EAAAqB,GAEDC,EAAgBC,IAChBC,EAA2BC,IAC3BC,EAAmBJ,IAAkBE,EAA2BG,EAAYC,EAE5EC,EACJ3B,IAAcC,IAAUc,EACtB,GAEAa,EAAA,MAAA,CAAKxB,UAAWyB,EAAOC,QAAQ/B,SAC5BE,CAAAA,GACC8B,EAACC,EAAI,CAACC,KAAM,GAAI7B,UAAWyB,EAAO5B,MAAOiC,QAAQ,MAAKnC,SACnDE,IAGJc,GACCgB,EAACC,EAAI,CAACC,KAAM,GAAIE,MAAM,KAAKD,QAAQ,MAAKnC,SACrCgB,OAMLqB,EAAW,CACfC,qBAAsBrC,EACtBsC,qBAAsBtC,EACtBuC,qBAAsBvC,GAGlBwC,EAAUC,GACd,WAAA,MAAO,CACLC,OAAQC,EAAWd,EAAOe,KAAMxC,GAChCyC,QAASF,EAAWd,EAAOgB,QAAS9B,GAAec,EAAOiB,iBAC3D,GACD,CAAC1C,EAAWW,IAGRgC,EAAcN,GAClB,WAAA,OAAAO,EAAAA,EAAA,CAAA,EACMhC,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAAE,GAAA,CAChCiC,cAAe,CACbC,UAAW,CACTC,gBAAiB,CACfC,SAAS,EACTC,kBAAmB,eAGxB,GAEH,CAACrC,IAGH,OACEe,EAACP,EAAgBwB,EAAAA,EAAAA,EAAA,CACf/C,MAAO0B,EACPxB,YAAaA,EACbqC,QAASA,EACTlC,WAAYA,EACZE,WAAYA,EACZE,gBAAiBA,EACjBE,gBAAiBA,EACjBE,eAAgBA,EAChBwC,YAAaP,GACTX,GACAnB,GAAI,GAAA,CAAAlB,SAEPA,IAGP"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../src/componentsV2/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, TooltipProps as MuiTooltipProps } from '@material-ui/core';\nimport { ChangeEvent, ReactElement, ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\n// TODO Move these hooks to better place so the imports won't be as hideous\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { useIsInsideDcFullscreenElem } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { Text } from '../Text';\nimport { PopperProps } from '../Popper';\n\nimport { DcTooltip } from './DcTooltip';\n\nimport styles from './Tooltip.scss';\n\nexport type TooltipProps = {\n /*\n Tooltip title. If there's no title or description, the tooltip is not shown\n /\n title?: ReactNode;\n /\n Tooltip description: used to provide additional information to the title. If there's no title or description, the tooltip is not shown\n /\n description?: ReactNode;\n /\n Element to position a tooltip to.\n \n ⚠️ Has to be a single reffable child (use `forwardRef` for custom components)\n /\n children: ReactElement;\n /\n Tooltip placement. Positions a tooltip dynamically if undefined\n /\n placement?: MuiTooltipProps['placement'];\n /\n Disables the tooltip\n /\n disabled?: boolean;\n /\n If `true`, the tooltip is shown. Used to programmatically control the tooltip\n /\n open?: boolean;\n /\n Callback fired when the component requests to be open.\n /\n onOpen?: (event: ChangeEvent<object>) => void;\n /\n Callback fired when the component requests to be closed.\n /\n onClose?: (event: ChangeEvent<object>) => void;\n\n /\n The number of milliseconds to wait before showing the tooltip.\n * This prop won't impact the enter touch delay (`enterTouchDelay`).\n /\n enterDelay?: number;\n /\n The number of milliseconds a user must touch the element before showing the tooltip.\n /\n enterTouchDelay?: number;\n /\n The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n /\n enterNextDelay?: number;\n /\n Makes a tooltip interactive, i.e. will not close when the user\n * hovers over the tooltip before the `leaveDelay` is expired.\n /\n interactive?: boolean;\n /\n The number of milliseconds to wait before hiding the tooltip.\n * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n /\n leaveDelay?: number;\n /\n The number of milliseconds after the user stops touching an element before hiding the tooltip.\n /\n leaveTouchDelay?: number;\n\n anchorEl?: PopperProps['anchorEl'];\n\n /\n Will be applied to tooltip container\n */\n className?: string;\n};\n\nexport const Tooltip = ({\n children,\n disabled,\n title,\n interactive = false,\n className,\n enterDelay = 100,\n leaveDelay = 0,\n enterTouchDelay = 700,\n leaveTouchDelay = 1500,\n enterNextDelay = 0,\n description,\n anchorEl,\n ...rest\n}: TooltipProps) => {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n const TooltipComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcTooltip : MuiTooltip;\n\n const actualTitle =\n disabled \|\| (!title && !description) ? (\n ''\n ) : (\n <div className={styles.content}>\n {title && (\n <Text size={12} className={styles.title} tagName=\"div\">\n {title}\n </Text>\n )}\n {description && (\n <Text size={12} color=\"T6\" tagName=\"div\">\n {description}\n </Text>\n )}\n </div>\n );\n\n const handlers = {\n disableFocusListener: disabled,\n disableHoverListener: disabled,\n disableTouchListener: disabled,\n };\n\n const classes = useMemo(\n () => ({\n popper: classNames(styles.root, className),\n tooltip: classNames(styles.tooltip, description && styles.withDescription),\n }),\n [className, description]\n );\n\n const popperProps = useMemo(\n () => ({\n ...(anchorEl ? { anchorEl } : {}),\n popperOptions: {\n modifiers: {\n preventOverflow: {\n enabled: true,\n boundariesElement: 'viewport',\n },\n },\n },\n }),\n [anchorEl]\n );\n\n return (\n <TooltipComponent\n title={actualTitle}\n interactive={interactive}\n classes={classes}\n enterDelay={enterDelay}\n leaveDelay={leaveDelay}\n enterTouchDelay={enterTouchDelay}\n leaveTouchDelay={leaveTouchDelay}\n enterNextDelay={enterNextDelay}\n PopperProps={popperProps}\n {...handlers}\n {...rest}\n >\n {children}\n </TooltipComponent>\n );\n};\n"],"names":["Tooltip","_ref","children","disabled","title","_ref$interactive","interactive","className","_ref$enterDelay","enterDelay","_ref$leaveDelay","leaveDelay","_ref$enterTouchDelay","enterTouchDelay","_ref$leaveTouchDelay","leaveTouchDelay","_ref$enterNextDelay","enterNextDelay","description","anchorEl","rest","_objectWithoutProperties","_excluded","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","DcTooltip","MuiTooltip","actualTitle","_jsxs","styles","content","_jsx","Text","size","tagName","color","handlers","disableFocusListener","disableHoverListener","disableTouchListener","classes","useMemo","popper","classNames","root","tooltip","withDescription","popperProps","_objectSpread","popperOptions","modifiers","preventOverflow","enabled","boundariesElement","PopperProps"],"mappings":"g6CAsFaA,IAAAA,EAAU,SAcHC,GAAA,IAblBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MAAKC,EAAAJ,EACLK,YAAAA,cAAmBD,EACnBE,IAAAA,UAASC,EAAAP,EACTQ,WAAAA,aAAa,IAAGD,EAAAE,EAAAT,EAChBU,WAAAA,aAAa,EAACD,EAAAE,EAAAX,EACdY,gBAAAA,aAAkB,IAAGD,EAAAE,EAAAb,EACrBc,gBAAAA,aAAkB,KAAID,EAAAE,EAAAf,EACtBgB,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,YACAC,IAAAA,SACGC,EAAIC,EAAApB,EAAAqB,GAEDC,EAAgBC,IAChBC,EAA2BC,IAC3BC,EAAmBJ,IAAkBE,EAA2BG,EAAYC,EAE5EC,EACJ3B,IAAcC,IAAUc,EACtB,GAEAa,EAAA,MAAA,CAAKxB,UAAWyB,EAAOC,QAAQ/B,SAC5BE,CAAAA,GACC8B,EAACC,EAAI,CAACC,KAAM,GAAI7B,UAAWyB,EAAO5B,MAAOiC,QAAQ,MAAKnC,SACnDE,IAGJc,GACCgB,EAACC,EAAI,CAACC,KAAM,GAAIE,MAAM,KAAKD,QAAQ,MAAKnC,SACrCgB,OAMLqB,EAAW,CACfC,qBAAsBrC,EACtBsC,qBAAsBtC,EACtBuC,qBAAsBvC,GAGlBwC,EAAUC,GACd,WAAA,MAAO,CACLC,OAAQC,EAAWd,EAAOe,KAAMxC,GAChCyC,QAASF,EAAWd,EAAOgB,QAAS9B,GAAec,EAAOiB,iBAC3D,GACD,CAAC1C,EAAWW,IAGRgC,EAAcN,GAClB,WAAA,OAAAO,EAAAA,EAAA,CAAA,EACMhC,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAAE,GAAA,CAChCiC,cAAe,CACbC,UAAW,CACTC,gBAAiB,CACfC,SAAS,EACTC,kBAAmB,eAGxB,GAEH,CAACrC,IAGH,OACEe,EAACP,EAAgBwB,EAAAA,EAAAA,EAAA,CACf/C,MAAO0B,EACPxB,YAAaA,EACbqC,QAASA,EACTlC,WAAYA,EACZE,WAAYA,EACZE,gBAAiBA,EACjBE,gBAAiBA,EACjBE,eAAgBA,EAChBwC,YAAaP,GACTX,GACAnB,GAAI,GAAA,CAAAlB,SAEPA,IAGP"}