npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CompletionsOffsetWellPicker.js","sources":["../../../src/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.tsx"],"sourcesContent":["import { FC, memo, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport { Modal } from '../Modal';\nimport { OffsetWellsButton } from '../OffsetWellsButton';\nimport { Button } from '../Button';\n\nimport ModalTitle from './ModalTitle/ModalTitle';\nimport AssetFilters from './AssetFilters/AssetFilters';\nimport PadsTable from './PadsTable/PadsTable';\nimport { usePads } from './hooks/usePads';\nimport Map from './Map/Map';\nimport { CompletionsOffsetWellPickerProps as Props, Filters, PadStatus } from './types';\nimport { useModalHandlers } from './useModalHandlers';\nimport { BASE_FILTERS, DEFAULT_RADIUS_MILES } from './constants';\nimport { usePadsByRadius } from './hooks/usePadsByRadius';\n\nimport styles from './CompletionsOffsetWellPicker.scss';\n\nimport { Global } from '~/icons';\n\nconst CompletionsOffsetWellPickerInner: FC<Props> = memo(\n ({\n selectedPadId,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n companyId,\n maxRadiusInMiles,\n well,\n wells,\n isGlobalSelector,\n testId,\n buttonLabel,\n }) => {\n // state\n const [isMapVisible, setIsMapVisible] = useState(true);\n const [isFiltersVisible, setIsFiltersVisible] = useState(true);\n\n const [currentFilters, setFilters] = useState<Filters>(() => ({\n ...BASE_FILTERS,\n radiusMiles:\n maxRadiusInMiles === undefined\n ? DEFAULT_RADIUS_MILES\n : Math.min(DEFAULT_RADIUS_MILES, maxRadiusInMiles),\n }));\n\n const [defaultFilters] = useState<Filters>(() => ({\n ...currentFilters,\n padStatus: PadStatus.All,\n }));\n\n // Hiding the filters panel resets only the panel's filters; the radius input\n // lives on the map, which stays visible, so it must keep tracking user edits\n const filters = useMemo(\n () =>\n isFiltersVisible\n ? currentFilters\n : { ...defaultFilters, radiusMiles: currentFilters.radiusMiles },\n [isFiltersVisible, currentFilters, defaultFilters]\n );\n\n // data\n const { pads, isBackgroundDataLoading, isSelectedPadsLoading } = usePads({\n companyId,\n padStatus: filters.padStatus,\n well,\n wells,\n selectedOffsetWellIds,\n });\n\n const padsByRadius = usePadsByRadius({\n pads,\n selectedPadId,\n radiusMiles: filters.radiusMiles,\n });\n\n // handlers\n const {\n isModalOpen,\n handleOpenModal,\n handleCloseModal,\n handleSaveSelectedWellIds,\n handleCancelButtonClick,\n handleResetSelection,\n localSelectedOffsetWellIds,\n setLocalSelectedOffsetWellIds,\n } = useModalHandlers({\n // Unfiltered pads: saving must not drop selected wells outside the current radius\n pads,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n });\n\n // memo\n const allWellIds = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius\n .filter(pad => pad.id.toString() !== selectedPadId?.toString())\n .flatMap(pad => pad.wells.map(well => well.id));\n }, [padsByRadius, selectedPadId]);\n\n const selectedPads = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius.filter(pad =>\n pad.wells.some(well => localSelectedOffsetWellIds.includes(well.id))\n );\n }, [padsByRadius, localSelectedOffsetWellIds]);\n\n return (\n <>\n <OffsetWellsButton\n wells={selectedOffsetWellIds.length}\n data-testid={testId}\n icon={isGlobalSelector ? <Global size={20} className={styles.buttonIcon} /> : undefined}\n onClick={handleOpenModal}\n label={buttonLabel}\n />\n <Modal\n open={isModalOpen}\n size=\"fullscreen\"\n onClose={handleCloseModal}\n primaryActionText={`Select Wells (${localSelectedOffsetWellIds.length})`}\n primaryActionHandler={handleSaveSelectedWellIds}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={handleCancelButtonClick}\n actions={[\n <Button key=\"clear-filters\" type=\"secondaryDestructive\" onClick={handleResetSelection}>\n Reset\n </Button>,\n ]}\n title={\n <ModalTitle\n total={padsByRadius.length ? padsByRadius.length - 1 : 0} // excluding main pad\n selected={selectedPads.length}\n isMapVisible={isMapVisible}\n isFiltersVisible={isFiltersVisible}\n toggleMapVisibility={() => setIsMapVisible(prev => !prev)}\n toggleFiltersVisibility={() => setIsFiltersVisible(prev => !prev)}\n onModalClose={handleCloseModal}\n isBackgroundDataLoading={isBackgroundDataLoading}\n />\n }\n >\n <div className={styles.modalContent}>\n {isMapVisible && (\n <Map\n wells={wells}\n well={well}\n pads={padsByRadius}\n selectedOffsetWellsIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n radiusMiles={filters.radiusMiles}\n setFilters={setFilters}\n maxRadiusInMiles={maxRadiusInMiles}\n />\n )}\n <div\n className={classnames(\n styles.tableContainer,\n isMapVisible ? styles.tableContainerWithMap : styles.tableContainerWithoutMap\n )}\n >\n {isFiltersVisible && (\n <AssetFilters\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n filters={filters}\n setFilters={setFilters}\n />\n )}\n <PadsTable\n allWellIds={allWellIds}\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n selectedOffsetWellIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n filters={filters}\n isSelectedPadsLoading={isSelectedPadsLoading}\n />\n </div>\n </div>\n </Modal>\n </>\n );\n }\n);\n\nexport const CompletionsOffsetWellPicker: FC<Props> = props => {\n const queryClient = useMemo(() => new QueryClient(), []);\n\n return (\n <QueryClientProvider client={queryClient}>\n <CompletionsOffsetWellPickerInner {...props} />\n </QueryClientProvider>\n );\n};\n"],"names":["CompletionsOffsetWellPickerInner","memo","_ref","selectedPadId","selectedOffsetWellIds","onOffsetWellsSelect","companyId","maxRadiusInMiles","well","wells","isGlobalSelector","testId","buttonLabel","useState","_useState2","_slicedToArray","_useState","isMapVisible","setIsMapVisible","_useState4","_useState3","isFiltersVisible","setIsFiltersVisible","_useState5","_objectSpread","BASE_FILTERS","radiusMiles","undefined","DEFAULT_RADIUS_MILES","Math","min","_useState6","currentFilters","setFilters","_useState7","padStatus","PadStatus","All","defaultFilters","filters","useMemo","_usePads","usePads","pads","isBackgroundDataLoading","isSelectedPadsLoading","padsByRadius","usePadsByRadius","_useModalHandlers","useModalHandlers","isModalOpen","handleOpenModal","handleCloseModal","handleSaveSelectedWellIds","handleCancelButtonClick","handleResetSelection","localSelectedOffsetWellIds","setLocalSelectedOffsetWellIds","allWellIds","filter","pad","id","toString","flatMap","map","selectedPads","some","includes","_jsxs","_Fragment","children","_jsx","OffsetWellsButton","length","icon","Global","size","className","styles","buttonIcon","onClick","label","Modal","open","onClose","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","actions","Button","type","title","ModalTitle","total","selected","toggleMapVisibility","prev","toggleFiltersVisibility","onModalClose","modalContent","Map","selectedOffsetWellsIds","onOffsetWellIdsSelect","classnames","tableContainer","tableContainerWithMap","tableContainerWithoutMap","AssetFilters","PadsTable","CompletionsOffsetWellPicker","props","queryClient","QueryClient","QueryClientProvider","client"],"mappings":"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"}
1	+ {"version":3,"file":"CompletionsOffsetWellPicker.js","sources":["../../../src/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.tsx"],"sourcesContent":["import { FC, memo, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport { Modal } from '../Modal';\nimport { OffsetWellsButton } from '../OffsetWellsButton';\nimport { Button } from '../Button';\n\nimport ModalTitle from './ModalTitle/ModalTitle';\nimport AssetFilters from './AssetFilters/AssetFilters';\nimport PadsTable from './PadsTable/PadsTable';\nimport { usePads } from './hooks/usePads';\nimport Map from './Map/Map';\nimport { CompletionsOffsetWellPickerProps as Props, Filters, PadStatus } from './types';\nimport { useModalHandlers } from './useModalHandlers';\nimport { BASE_FILTERS, DEFAULT_RADIUS_MILES } from './constants';\nimport { usePadsByRadius } from './hooks/usePadsByRadius';\n\nimport styles from './CompletionsOffsetWellPicker.scss';\n\nimport { Global } from '~/icons';\n\nconst CompletionsOffsetWellPickerInner: FC<Props> = memo(\n ({\n selectedPadId,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n companyId,\n maxRadiusInMiles,\n well,\n wells,\n isGlobalSelector,\n testId,\n buttonLabel,\n }) => {\n // state\n const [isMapVisible, setIsMapVisible] = useState(true);\n const [isFiltersVisible, setIsFiltersVisible] = useState(true);\n\n const [currentFilters, setFilters] = useState<Filters>(() => ({\n ...BASE_FILTERS,\n radiusMiles:\n maxRadiusInMiles === undefined\n ? DEFAULT_RADIUS_MILES\n : Math.min(DEFAULT_RADIUS_MILES, maxRadiusInMiles),\n }));\n\n const [defaultFilters] = useState<Filters>(() => ({\n ...currentFilters,\n padStatus: PadStatus.All,\n }));\n\n // Hiding the filters panel resets only the panel's filters; the radius input\n // lives on the map, which stays visible, so it must keep tracking user edits\n const filters = useMemo(\n () =>\n isFiltersVisible\n ? currentFilters\n : { ...defaultFilters, radiusMiles: currentFilters.radiusMiles },\n [isFiltersVisible, currentFilters, defaultFilters]\n );\n\n // data\n const { pads, isBackgroundDataLoading, isSelectedPadsLoading } = usePads({\n companyId,\n padStatus: filters.padStatus,\n well,\n wells,\n selectedOffsetWellIds,\n });\n\n const padsByRadius = usePadsByRadius({\n pads,\n selectedPadId,\n radiusMiles: filters.radiusMiles,\n });\n\n // handlers\n const {\n isModalOpen,\n handleOpenModal,\n handleCloseModal,\n handleSaveSelectedWellIds,\n handleCancelButtonClick,\n handleResetSelection,\n localSelectedOffsetWellIds,\n setLocalSelectedOffsetWellIds,\n } = useModalHandlers({\n // Unfiltered pads: saving must not drop selected wells outside the current radius\n pads,\n selectedOffsetWellIds,\n onOffsetWellsSelect,\n });\n\n // memo\n const allWellIds = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius\n .filter(pad => pad.id.toString() !== selectedPadId?.toString())\n .flatMap(pad => pad.wells.map(well => well.id));\n }, [padsByRadius, selectedPadId]);\n\n const selectedPads = useMemo(() => {\n if (!padsByRadius) return [];\n\n return padsByRadius.filter(pad =>\n pad.wells.some(well => localSelectedOffsetWellIds.includes(well.id))\n );\n }, [padsByRadius, localSelectedOffsetWellIds]);\n\n return (\n <>\n <OffsetWellsButton\n wells={selectedOffsetWellIds.length}\n data-testid={testId}\n icon={isGlobalSelector ? <Global size={20} className={styles.buttonIcon} /> : undefined}\n onClick={handleOpenModal}\n label={buttonLabel}\n />\n <Modal\n open={isModalOpen}\n size=\"fullscreen\"\n onClose={handleCloseModal}\n primaryActionText={`Select Wells (${localSelectedOffsetWellIds.length})`}\n primaryActionHandler={handleSaveSelectedWellIds}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={handleCancelButtonClick}\n actions={[\n <Button key=\"clear-filters\" type=\"secondaryDestructive\" onClick={handleResetSelection}>\n Reset\n </Button>,\n ]}\n title={\n <ModalTitle\n total={padsByRadius.length ? padsByRadius.length - 1 : 0} // excluding main pad\n selected={selectedPads.length}\n isMapVisible={isMapVisible}\n isFiltersVisible={isFiltersVisible}\n toggleMapVisibility={() => setIsMapVisible(prev => !prev)}\n toggleFiltersVisibility={() => setIsFiltersVisible(prev => !prev)}\n onModalClose={handleCloseModal}\n isBackgroundDataLoading={isBackgroundDataLoading}\n />\n }\n >\n <div className={styles.modalContent}>\n {isMapVisible && (\n <Map\n wells={wells}\n well={well}\n pads={padsByRadius}\n selectedOffsetWellsIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n radiusMiles={filters.radiusMiles}\n setFilters={setFilters}\n maxRadiusInMiles={maxRadiusInMiles}\n />\n )}\n <div\n className={classnames(\n styles.tableContainer,\n isMapVisible ? styles.tableContainerWithMap : styles.tableContainerWithoutMap\n )}\n >\n {isFiltersVisible && (\n <AssetFilters\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n filters={filters}\n setFilters={setFilters}\n />\n )}\n <PadsTable\n allWellIds={allWellIds}\n pads={padsByRadius}\n selectedPadId={selectedPadId}\n selectedOffsetWellIds={localSelectedOffsetWellIds}\n onOffsetWellIdsSelect={setLocalSelectedOffsetWellIds}\n filters={filters}\n isSelectedPadsLoading={isSelectedPadsLoading}\n />\n </div>\n </div>\n </Modal>\n </>\n );\n }\n);\n\nexport const CompletionsOffsetWellPicker: FC<Props> = props => {\n const queryClient = useMemo(() => new QueryClient(), []);\n\n return (\n <QueryClientProvider client={queryClient}>\n <CompletionsOffsetWellPickerInner {...props} />\n </QueryClientProvider>\n );\n};\n"],"names":["CompletionsOffsetWellPickerInner","memo","_ref","selectedPadId","selectedOffsetWellIds","onOffsetWellsSelect","companyId","maxRadiusInMiles","well","wells","isGlobalSelector","testId","buttonLabel","useState","_useState2","_slicedToArray","_useState","isMapVisible","setIsMapVisible","_useState4","_useState3","isFiltersVisible","setIsFiltersVisible","_useState5","_objectSpread","BASE_FILTERS","radiusMiles","undefined","DEFAULT_RADIUS_MILES","Math","min","_useState6","currentFilters","setFilters","_useState7","padStatus","PadStatus","All","defaultFilters","filters","useMemo","_usePads","usePads","pads","isBackgroundDataLoading","isSelectedPadsLoading","padsByRadius","usePadsByRadius","_useModalHandlers","useModalHandlers","isModalOpen","handleOpenModal","handleCloseModal","handleSaveSelectedWellIds","handleCancelButtonClick","handleResetSelection","localSelectedOffsetWellIds","setLocalSelectedOffsetWellIds","allWellIds","filter","pad","id","toString","flatMap","map","selectedPads","some","includes","_jsxs","_Fragment","children","_jsx","OffsetWellsButton","length","icon","Global","size","className","styles","buttonIcon","onClick","label","Modal","open","onClose","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","actions","Button","type","title","ModalTitle","total","selected","toggleMapVisibility","prev","toggleFiltersVisibility","onModalClose","modalContent","Map","selectedOffsetWellsIds","onOffsetWellIdsSelect","classnames","tableContainer","tableContainerWithMap","tableContainerWithoutMap","AssetFilters","PadsTable","CompletionsOffsetWellPicker","props","queryClient","QueryClient","QueryClientProvider","client"],"mappings":"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"}

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.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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/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};
+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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../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"../../AppPanel/AppPanelsContext.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.constants.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"../../AppPanel/AppPanel.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,h=e((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),S=e((function(){return t?j({},h.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},h.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[h,t,l]),f=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]),P=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:P,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:S,wells:h,offsetWellIds:d,radius:null!=I?I:0,activeWellId:(null==S?void 0:S.id)||0,handleChangeOffsetWell:function(s){return s&&f(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":"~~kvaAmBA~~,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":"6qaAmBA,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/CompletionsOffsetWellPicker/ModalTitle/ModalTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Divider as o}from"@material-ui/core";import{memo as s}from"react";import{Tooltip as c}from"../../Tooltip/Tooltip.js";import{ButtonIcon as i}from"../../ButtonIcon/ButtonIcon.js";import{Text as n}from"../../Text/Text.js";import{LoaderCircular as t}from"../../LoaderCircular/LoaderCircular.js";import r from"./ModalTitle.scss.js";import{LocalIcon as m,FilterIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as p,jsx as l}from"react/jsx-runtime";var u=s((function(s){var u=s.total,a=s.selected,j=s.toggleMapVisibility,I=s.toggleFiltersVisibility,d=s.isMapVisible,h=s.isFiltersVisible,C=s.isBackgroundDataLoading;return p("div",{className:r.title,children:[p("div",{className:r.subTitle,children:[l(n,{size:20,children:"All Pads"}),l(o,{orientation:"vertical",className:r.divider}),p(n,{size:14,color:"T6",children:["Total Pads: ",u||"-"]}),l(o,{orientation:"vertical",className:r.divider}),p(n,{size:14,color:"T6",children:["Selected: ",a||"-"]})]}),p("div",{className:r.subTitle,children:[C&&l(c,{title:"Active and Non-active pads are loading in the background",children:l("div",{children:l(t,{})})}),l(c,{title:"Toggle Map View",children:l(i,{onClick:j,type:d?"secondary":"tertiary",children:l(m,{})})}),l(c,{title:"Toggle Filters",children:l(i,{onClick:I,type:h?"secondary":"tertiary",children:l(e,{})})})]})]})}));export{u as default};
+import{Divider as o}from"@material-ui/core";import{memo as s}from"react";import{Tooltip as c}from"../../Tooltip/Tooltip.js";import{ButtonIcon as i}from"../../ButtonIcon/ButtonIcon.js";import{Text as n}from"../../Text/Text.js";import{LoaderCircular as t}from"../../LoaderCircular/LoaderCircular.js";import r from"./ModalTitle.scss.js";import{LocalIcon as m,FilterIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as p,jsx as l}from"react/jsx-runtime";var u=s((function(s){var u=s.total,a=s.selected,j=s.toggleMapVisibility,I=s.toggleFiltersVisibility,d=s.isMapVisible,h=s.isFiltersVisible,C=s.isBackgroundDataLoading;return p("div",{className:r.title,children:[p("div",{className:r.subTitle,children:[l(n,{size:20,children:"All Pads"}),l(o,{orientation:"vertical",className:r.divider}),p(n,{size:14,color:"T6",children:["Total Pads: ",u||"-"]}),l(o,{orientation:"vertical",className:r.divider}),p(n,{size:14,color:"T6",children:["Selected: ",a||"-"]})]}),p("div",{className:r.subTitle,children:[C&&l(c,{title:"Active and Non-active pads are loading in the background",children:l("div",{children:l(t,{})})}),l(c,{title:"Toggle Map View",children:l(i,{onClick:j,type:d?"secondary":"tertiary",children:l(m,{})})}),l(c,{title:"Toggle Filters",children:l(i,{onClick:I,type:h?"secondary":"tertiary",children:l(e,{})})})]})]})}));export{u as default};
 //# sourceMappingURL=ModalTitle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalTitle.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/ModalTitle/ModalTitle.tsx"],"sourcesContent":["import { Divider } from '@material-ui/core';\nimport { FC, memo } from 'react';\n\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './ModalTitle.scss';\n\nimport { FilterIcon, LocalIcon } from '~/icons';\n\ntype Props = {\n total?: number;\n selected: number;\n toggleMapVisibility: () => void;\n toggleFiltersVisibility: () => void;\n onModalClose: () => void;\n isMapVisible: boolean;\n isFiltersVisible: boolean;\n isBackgroundDataLoading: boolean;\n};\n\nconst ModalTitle: FC<Props> = memo(\n ({\n total,\n selected,\n toggleMapVisibility,\n toggleFiltersVisibility,\n isMapVisible,\n isFiltersVisible,\n isBackgroundDataLoading,\n }) => {\n return (\n <div className={styles.title}>\n <div className={styles.subTitle}>\n <Text size={20}>All Pads</Text>\n <Divider orientation=\"vertical\" className={styles.divider} />\n <Text size={14} color=\"T6\">\n Total Pads: {total \|\| '-'}\n </Text>\n <Divider orientation=\"vertical\" className={styles.divider} />\n <Text size={14} color=\"T6\">\n Selected: {selected \|\| '-'}\n </Text>\n </div>\n <div className={styles.subTitle}>\n {isBackgroundDataLoading && (\n <Tooltip title=\"Active and Non-active pads are loading in the background\">\n <div>\n <LoaderCircular />\n </div>\n </Tooltip>\n )}\n <Tooltip title=\"Toggle Map View\">\n <ButtonIcon\n onClick={toggleMapVisibility}\n type={isMapVisible ? 'secondary' : 'tertiary'}\n >\n <LocalIcon />\n </ButtonIcon>\n </Tooltip>\n <Tooltip title=\"Toggle Filters\">\n <ButtonIcon\n onClick={toggleFiltersVisibility}\n type={isFiltersVisible ? 'secondary' : 'tertiary'}\n >\n <FilterIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n </div>\n );\n }\n);\n\nexport default ModalTitle;\n"],"names":["ModalTitle","memo","_ref","total","selected","toggleMapVisibility","toggleFiltersVisibility","isMapVisible","isFiltersVisible","isBackgroundDataLoading","_jsxs","className","styles","title","children","subTitle","_jsx","Text","size","Divider","orientation","divider","color","Tooltip","LoaderCircular","ButtonIcon","onClick","type","LocalIcon","FilterIcon"],"mappings":"~~k2IAuBA~~,IAAMA,EAAwBC,GAC5B,SAQMC,GAAA,IAPJC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,oBACAC,IAAAA,wBACAC,IAAAA,aACAC,IAAAA,iBACAC,IAAAA,wBAEA,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,MAAMC,SAC3B,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,SAASD,SAAA,CAC9BE,EAACC,EAAI,CAACC,KAAM,GAAGJ,SAAA,aACfE,EAACG,EAAO,CAACC,YAAY,WAAWT,UAAWC,EAAOS,UAClDX,EAACO,EAAI,CAACC,KAAM,GAAII,MAAM,KAAIR,SACXX,CAAAA,eAAAA,GAAS,OAExBa,EAACG,EAAO,CAACC,YAAY,WAAWT,UAAWC,EAAOS,UAClDX,EAACO,EAAI,CAACC,KAAM,GAAII,MAAM,KAAIR,SACbV,CAAAA,aAAAA,GAAY,UAG3BM,EAAA,MAAA,CAAKC,UAAWC,EAAOG,SAASD,SAC7BL,CAAAA,GACCO,EAACO,EAAO,CAACV,MAAM,2DAA0DC,SACvEE,EAAA,MAAA,CAAAF,SACEE,EAACQ,EAAc,QAIrBR,EAACO,EAAO,CAACV,MAAM,kBAAiBC,SAC9BE,EAACS,EAAU,CACTC,QAASrB,EACTsB,KAAMpB,EAAe,YAAc,WAAWO,SAE9CE,EAACY,EAAS,QAGdZ,EAACO,EAAO,CAACV,MAAM,iBAAgBC,SAC7BE,EAACS,EAAU,CACTC,QAASpB,EACTqB,KAAMnB,EAAmB,YAAc,WAAWM,SAElDE,EAACa,EAAU,aAMvB"}
1	+ {"version":3,"file":"ModalTitle.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/ModalTitle/ModalTitle.tsx"],"sourcesContent":["import { Divider } from '@material-ui/core';\nimport { FC, memo } from 'react';\n\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './ModalTitle.scss';\n\nimport { FilterIcon, LocalIcon } from '~/icons';\n\ntype Props = {\n total?: number;\n selected: number;\n toggleMapVisibility: () => void;\n toggleFiltersVisibility: () => void;\n onModalClose: () => void;\n isMapVisible: boolean;\n isFiltersVisible: boolean;\n isBackgroundDataLoading: boolean;\n};\n\nconst ModalTitle: FC<Props> = memo(\n ({\n total,\n selected,\n toggleMapVisibility,\n toggleFiltersVisibility,\n isMapVisible,\n isFiltersVisible,\n isBackgroundDataLoading,\n }) => {\n return (\n <div className={styles.title}>\n <div className={styles.subTitle}>\n <Text size={20}>All Pads</Text>\n <Divider orientation=\"vertical\" className={styles.divider} />\n <Text size={14} color=\"T6\">\n Total Pads: {total \|\| '-'}\n </Text>\n <Divider orientation=\"vertical\" className={styles.divider} />\n <Text size={14} color=\"T6\">\n Selected: {selected \|\| '-'}\n </Text>\n </div>\n <div className={styles.subTitle}>\n {isBackgroundDataLoading && (\n <Tooltip title=\"Active and Non-active pads are loading in the background\">\n <div>\n <LoaderCircular />\n </div>\n </Tooltip>\n )}\n <Tooltip title=\"Toggle Map View\">\n <ButtonIcon\n onClick={toggleMapVisibility}\n type={isMapVisible ? 'secondary' : 'tertiary'}\n >\n <LocalIcon />\n </ButtonIcon>\n </Tooltip>\n <Tooltip title=\"Toggle Filters\">\n <ButtonIcon\n onClick={toggleFiltersVisibility}\n type={isFiltersVisible ? 'secondary' : 'tertiary'}\n >\n <FilterIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n </div>\n );\n }\n);\n\nexport default ModalTitle;\n"],"names":["ModalTitle","memo","_ref","total","selected","toggleMapVisibility","toggleFiltersVisibility","isMapVisible","isFiltersVisible","isBackgroundDataLoading","_jsxs","className","styles","title","children","subTitle","_jsx","Text","size","Divider","orientation","divider","color","Tooltip","LoaderCircular","ButtonIcon","onClick","type","LocalIcon","FilterIcon"],"mappings":"+8IAuBA,IAAMA,EAAwBC,GAC5B,SAQMC,GAAA,IAPJC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,oBACAC,IAAAA,wBACAC,IAAAA,aACAC,IAAAA,iBACAC,IAAAA,wBAEA,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,MAAMC,SAC3B,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,SAASD,SAAA,CAC9BE,EAACC,EAAI,CAACC,KAAM,GAAGJ,SAAA,aACfE,EAACG,EAAO,CAACC,YAAY,WAAWT,UAAWC,EAAOS,UAClDX,EAACO,EAAI,CAACC,KAAM,GAAII,MAAM,KAAIR,SACXX,CAAAA,eAAAA,GAAS,OAExBa,EAACG,EAAO,CAACC,YAAY,WAAWT,UAAWC,EAAOS,UAClDX,EAACO,EAAI,CAACC,KAAM,GAAII,MAAM,KAAIR,SACbV,CAAAA,aAAAA,GAAY,UAG3BM,EAAA,MAAA,CAAKC,UAAWC,EAAOG,SAASD,SAC7BL,CAAAA,GACCO,EAACO,EAAO,CAACV,MAAM,2DAA0DC,SACvEE,EAAA,MAAA,CAAAF,SACEE,EAACQ,EAAc,QAIrBR,EAACO,EAAO,CAACV,MAAM,kBAAiBC,SAC9BE,EAACS,EAAU,CACTC,QAASrB,EACTsB,KAAMpB,EAAe,YAAc,WAAWO,SAE9CE,EAACY,EAAS,QAGdZ,EAACO,EAAO,CAACV,MAAM,iBAAgBC,SAC7BE,EAACS,EAAU,CACTC,QAASpB,EACTqB,KAAMnB,EAAmB,YAAc,WAAWM,SAElDE,EAACa,EAAU,aAMvB"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{memo as s,useState as c}from"react";import"@babel/runtime/helpers/defineProperty";import{TableHead as i}from"@material-ui/core";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/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"../../../components/Table/TableToolbar/TableToolbar.js";import"../../../components/Table/TableContainer/TableContainer.js";import"../../../components/Table/TableCell/TableCell.js";import"../../../components/Table/TablePagination/TablePagination.js";import"../../../components/Table/TablePaginationActions/TablePaginationActions.js";import{Table as r}from"../../../components/Table/Table/Table.js";import m from"../AssetSearchInput/AssetSearchInput.js";import l from"./PadsTableHead.js";import{DEFAULT_SORT_BY as p,SortDirection as a}from"./helpers/sortPads.js";import{usePadTableHandlers as u}from"./helpers/usePadTableHandlers.js";import{PadsTableBody as d}from"./PadsTableBody.js";import{useDebouncedValues as I}from"./helpers/useDebouncedValues.js";import j from"./PadsTable.scss.js";var b=s((function(s){var b=s.allWellIds,h=s.selectedOffsetWellIds,T=s.pads,f=s.selectedPadId,C=s.isSelectedPadsLoading,P=s.onOffsetWellIdsSelect,S=s.filters,O=c(p),F=o(O,2),A=F[0],W=F[1],g=c(a.ASC),v=o(g,2),x=v[0],D=v[1],y=c(""),k=o(y,2),M=k[0],B=k[1],R=I({searchText:M,filters:S}),E=R.debouncedSearchText,G=R.debouncedFilters,L=u({pads:T,onOffsetWellIdsSelect:P,selectedOffsetWellIds:h,allWellIds:b}),U=L.handleSelectPad,N=L.handleSelectPads,q=L.handleSelectWellId;return n(t,{children:[e(m,{searchText:M,onChange:B}),e(r,{children:e(i,{children:e(l,{allWellIds:b,handleSelectPads:N,sortBy:A,sortDirection:x,selectedOffsetWellIds:h,setSortBy:W,setSortDirection:D})})}),e("div",{className:j.tableWrapper,children:e(r,{className:j.table,children:e(d,{pads:T,selectedPadId:f,searchText:E,sortBy:A,sortDirection:x,selectedOffsetWellIds:h,isSelectedPadsLoading:C,filters:G,handleSelectPad:U,handleSelectWellId:q})})})]})}));export{b as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{memo as s,useState as c}from"react";import"@babel/runtime/helpers/defineProperty";import{TableHead as i}from"@material-ui/core";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../components/Table/TableToolbar/TableToolbar.js";import"../../../components/Table/TableContainer/TableContainer.js";import"../../../components/Table/TableCell/TableCell.js";import"../../../components/Table/TablePagination/TablePagination.js";import"../../../components/Table/TablePaginationActions/TablePaginationActions.js";import{Table as r}from"../../../components/Table/Table/Table.js";import m from"../AssetSearchInput/AssetSearchInput.js";import l from"./PadsTableHead.js";import{DEFAULT_SORT_BY as p,SortDirection as a}from"./helpers/sortPads.js";import{usePadTableHandlers as u}from"./helpers/usePadTableHandlers.js";import{PadsTableBody as d}from"./PadsTableBody.js";import{useDebouncedValues as I}from"./helpers/useDebouncedValues.js";import j from"./PadsTable.scss.js";var b=s((function(s){var b=s.allWellIds,h=s.selectedOffsetWellIds,T=s.pads,f=s.selectedPadId,C=s.isSelectedPadsLoading,P=s.onOffsetWellIdsSelect,O=s.filters,S=c(p),F=o(S,2),A=F[0],W=F[1],g=c(a.ASC),v=o(g,2),x=v[0],D=v[1],y=c(""),k=o(y,2),M=k[0],B=k[1],R=I({searchText:M,filters:O}),E=R.debouncedSearchText,G=R.debouncedFilters,L=u({pads:T,onOffsetWellIdsSelect:P,selectedOffsetWellIds:h,allWellIds:b}),U=L.handleSelectPad,N=L.handleSelectPads,q=L.handleSelectWellId;return n(t,{children:[e(m,{searchText:M,onChange:B}),e(r,{children:e(i,{children:e(l,{allWellIds:b,handleSelectPads:N,sortBy:A,sortDirection:x,selectedOffsetWellIds:h,setSortBy:W,setSortDirection:D})})}),e("div",{className:j.tableWrapper,children:e(r,{className:j.table,children:e(d,{pads:T,selectedPadId:f,searchText:E,sortBy:A,sortDirection:x,selectedOffsetWellIds:h,isSelectedPadsLoading:C,filters:G,handleSelectPad:U,handleSelectWellId:q})})})]})}));export{b as default};
 //# sourceMappingURL=PadsTable.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PadsTable.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/PadsTable/PadsTable.tsx"],"sourcesContent":["import { FC, memo, useState } from 'react';\n\nimport { Table } from '../../../components/Table';\nimport { TableHead } from '../../../components/Table/TableHead';\nimport AssetSearchInput from '../AssetSearchInput/AssetSearchInput';\nimport { CompletionsOffsetWellPickerProps, Filters, MappedPad } from '../types';\n\nimport PadsTableHead from './PadsTableHead';\nimport { DEFAULT_SORT_BY, SortBy, SortDirection } from './helpers/sortPads';\nimport { usePadTableHandlers } from './helpers/usePadTableHandlers';\nimport { PadsTableBody } from './PadsTableBody';\nimport { useDebouncedValues } from './helpers/useDebouncedValues';\n\nimport styles from './PadsTable.scss';\n\ntype Props = {\n allWellIds: number[];\n pads: MappedPad[];\n onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n filters: Filters;\n isSelectedPadsLoading: boolean;\n} & Pick<CompletionsOffsetWellPickerProps, 'selectedOffsetWellIds' \| 'selectedPadId'>;\n\nconst PadsTable: FC<Props> = memo(\n ({\n allWellIds,\n selectedOffsetWellIds,\n pads,\n selectedPadId,\n isSelectedPadsLoading,\n onOffsetWellIdsSelect,\n filters,\n }) => {\n const [sortBy, setSortBy] = useState<SortBy \| null>(DEFAULT_SORT_BY);\n const [sortDirection, setSortDirection] = useState(SortDirection.ASC);\n const [searchText, setSearchText] = useState('');\n\n const { debouncedSearchText, debouncedFilters } = useDebouncedValues({\n searchText,\n filters,\n });\n\n const { handleSelectPad, handleSelectPads, handleSelectWellId } = usePadTableHandlers({\n pads,\n onOffsetWellIdsSelect,\n selectedOffsetWellIds,\n allWellIds,\n });\n\n return (\n <>\n <AssetSearchInput searchText={searchText} onChange={setSearchText} />\n <Table>\n <TableHead>\n <PadsTableHead\n allWellIds={allWellIds}\n handleSelectPads={handleSelectPads}\n sortBy={sortBy}\n sortDirection={sortDirection}\n selectedOffsetWellIds={selectedOffsetWellIds}\n setSortBy={setSortBy}\n setSortDirection={setSortDirection}\n />\n </TableHead>\n </Table>\n <div className={styles.tableWrapper}>\n <Table className={styles.table}>\n <PadsTableBody\n pads={pads}\n selectedPadId={selectedPadId}\n searchText={debouncedSearchText}\n sortBy={sortBy}\n sortDirection={sortDirection}\n selectedOffsetWellIds={selectedOffsetWellIds}\n isSelectedPadsLoading={isSelectedPadsLoading}\n filters={debouncedFilters}\n handleSelectPad={handleSelectPad}\n handleSelectWellId={handleSelectWellId}\n />\n </Table>\n </div>\n </>\n );\n }\n);\n\nexport default PadsTable;\n"],"names":["PadsTable","memo","_ref","allWellIds","selectedOffsetWellIds","pads","selectedPadId","isSelectedPadsLoading","onOffsetWellIdsSelect","filters","useState","DEFAULT_SORT_BY","_useState2","_slicedToArray","_useState","sortBy","setSortBy","_useState3","SortDirection","ASC","_useState4","sortDirection","setSortDirection","_useState6","_useState5","searchText","setSearchText","_useDebouncedValues","useDebouncedValues","debouncedSearchText","debouncedFilters","_usePadTableHandlers","usePadTableHandlers","handleSelectPad","handleSelectPads","handleSelectWellId","_jsxs","_Fragment","children","_jsx","AssetSearchInput","onChange","Table","TableHead","PadsTableHead","className","styles","tableWrapper","table","PadsTableBody"],"mappings":"~~6iKAuBA~~,IAAMA,EAAuBC,GAC3B,SAQMC,GAAA,IAPJC,IAAAA,WACAC,IAAAA,sBACAC,IAAAA,KACAC,IAAAA,cACAC,IAAAA,sBACAC,IAAAA,sBACAC,IAAAA,QAE4BC,EAAAA,EAAwBC,GAAgBC,EAAAC,EAAAC,EAAA,GAA7DC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACxBK,EAA0CP,EAASQ,EAAcC,KAAIC,EAAAP,EAAAI,EAAA,GAA9DI,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GACFV,EAAAA,EAAS,IAAGa,EAAAV,EAAAW,EAAA,GAAzCC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhCI,EAAkDC,EAAmB,CACnEH,WAAAA,EACAhB,QAAAA,IAFMoB,IAAAA,oBAAqBC,IAAAA,iBAK7BC,EAAkEC,EAAoB,CACpF3B,KAAAA,EACAG,sBAAAA,EACAJ,sBAAAA,EACAD,WAAAA,IAJM8B,IAAAA,gBAAiBC,IAAAA,iBAAkBC,IAAAA,mBAO3C,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAgB,CAACf,WAAYA,EAAYgB,SAAUf,IACpDa,EAACG,EAAK,CAAAJ,SACJC,EAACI,EAAS,CAAAL,SACRC,EAACK,EAAa,CACZzC,WAAYA,EACZ+B,iBAAkBA,EAClBnB,OAAQA,EACRM,cAAeA,EACfjB,sBAAuBA,EACvBY,UAAWA,EACXM,iBAAkBA,QAIxBiB,EAAA,MAAA,CAAKM,UAAWC,EAAOC,aAAaT,SAClCC,EAACG,EAAK,CAACG,UAAWC,EAAOE,MAAMV,SAC7BC,EAACU,EAAa,CACZ5C,KAAMA,EACNC,cAAeA,EACfmB,WAAYI,EACZd,OAAQA,EACRM,cAAeA,EACfjB,sBAAuBA,EACvBG,sBAAuBA,EACvBE,QAASqB,EACTG,gBAAiBA,EACjBE,mBAAoBA,UAMhC"}
1	+ {"version":3,"file":"PadsTable.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/PadsTable/PadsTable.tsx"],"sourcesContent":["import { FC, memo, useState } from 'react';\n\nimport { Table } from '../../../components/Table';\nimport { TableHead } from '../../../components/Table/TableHead';\nimport AssetSearchInput from '../AssetSearchInput/AssetSearchInput';\nimport { CompletionsOffsetWellPickerProps, Filters, MappedPad } from '../types';\n\nimport PadsTableHead from './PadsTableHead';\nimport { DEFAULT_SORT_BY, SortBy, SortDirection } from './helpers/sortPads';\nimport { usePadTableHandlers } from './helpers/usePadTableHandlers';\nimport { PadsTableBody } from './PadsTableBody';\nimport { useDebouncedValues } from './helpers/useDebouncedValues';\n\nimport styles from './PadsTable.scss';\n\ntype Props = {\n allWellIds: number[];\n pads: MappedPad[];\n onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n filters: Filters;\n isSelectedPadsLoading: boolean;\n} & Pick<CompletionsOffsetWellPickerProps, 'selectedOffsetWellIds' \| 'selectedPadId'>;\n\nconst PadsTable: FC<Props> = memo(\n ({\n allWellIds,\n selectedOffsetWellIds,\n pads,\n selectedPadId,\n isSelectedPadsLoading,\n onOffsetWellIdsSelect,\n filters,\n }) => {\n const [sortBy, setSortBy] = useState<SortBy \| null>(DEFAULT_SORT_BY);\n const [sortDirection, setSortDirection] = useState(SortDirection.ASC);\n const [searchText, setSearchText] = useState('');\n\n const { debouncedSearchText, debouncedFilters } = useDebouncedValues({\n searchText,\n filters,\n });\n\n const { handleSelectPad, handleSelectPads, handleSelectWellId } = usePadTableHandlers({\n pads,\n onOffsetWellIdsSelect,\n selectedOffsetWellIds,\n allWellIds,\n });\n\n return (\n <>\n <AssetSearchInput searchText={searchText} onChange={setSearchText} />\n <Table>\n <TableHead>\n <PadsTableHead\n allWellIds={allWellIds}\n handleSelectPads={handleSelectPads}\n sortBy={sortBy}\n sortDirection={sortDirection}\n selectedOffsetWellIds={selectedOffsetWellIds}\n setSortBy={setSortBy}\n setSortDirection={setSortDirection}\n />\n </TableHead>\n </Table>\n <div className={styles.tableWrapper}>\n <Table className={styles.table}>\n <PadsTableBody\n pads={pads}\n selectedPadId={selectedPadId}\n searchText={debouncedSearchText}\n sortBy={sortBy}\n sortDirection={sortDirection}\n selectedOffsetWellIds={selectedOffsetWellIds}\n isSelectedPadsLoading={isSelectedPadsLoading}\n filters={debouncedFilters}\n handleSelectPad={handleSelectPad}\n handleSelectWellId={handleSelectWellId}\n />\n </Table>\n </div>\n </>\n );\n }\n);\n\nexport default PadsTable;\n"],"names":["PadsTable","memo","_ref","allWellIds","selectedOffsetWellIds","pads","selectedPadId","isSelectedPadsLoading","onOffsetWellIdsSelect","filters","useState","DEFAULT_SORT_BY","_useState2","_slicedToArray","_useState","sortBy","setSortBy","_useState3","SortDirection","ASC","_useState4","sortDirection","setSortDirection","_useState6","_useState5","searchText","setSearchText","_useDebouncedValues","useDebouncedValues","debouncedSearchText","debouncedFilters","_usePadTableHandlers","usePadTableHandlers","handleSelectPad","handleSelectPads","handleSelectWellId","_jsxs","_Fragment","children","_jsx","AssetSearchInput","onChange","Table","TableHead","PadsTableHead","className","styles","tableWrapper","table","PadsTableBody"],"mappings":"0pKAuBA,IAAMA,EAAuBC,GAC3B,SAQMC,GAAA,IAPJC,IAAAA,WACAC,IAAAA,sBACAC,IAAAA,KACAC,IAAAA,cACAC,IAAAA,sBACAC,IAAAA,sBACAC,IAAAA,QAE4BC,EAAAA,EAAwBC,GAAgBC,EAAAC,EAAAC,EAAA,GAA7DC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACxBK,EAA0CP,EAASQ,EAAcC,KAAIC,EAAAP,EAAAI,EAAA,GAA9DI,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GACFV,EAAAA,EAAS,IAAGa,EAAAV,EAAAW,EAAA,GAAzCC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhCI,EAAkDC,EAAmB,CACnEH,WAAAA,EACAhB,QAAAA,IAFMoB,IAAAA,oBAAqBC,IAAAA,iBAK7BC,EAAkEC,EAAoB,CACpF3B,KAAAA,EACAG,sBAAAA,EACAJ,sBAAAA,EACAD,WAAAA,IAJM8B,IAAAA,gBAAiBC,IAAAA,iBAAkBC,IAAAA,mBAO3C,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAgB,CAACf,WAAYA,EAAYgB,SAAUf,IACpDa,EAACG,EAAK,CAAAJ,SACJC,EAACI,EAAS,CAAAL,SACRC,EAACK,EAAa,CACZzC,WAAYA,EACZ+B,iBAAkBA,EAClBnB,OAAQA,EACRM,cAAeA,EACfjB,sBAAuBA,EACvBY,UAAWA,EACXM,iBAAkBA,QAIxBiB,EAAA,MAAA,CAAKM,UAAWC,EAAOC,aAAaT,SAClCC,EAACG,EAAK,CAACG,UAAWC,EAAOE,MAAMV,SAC7BC,EAACU,EAAa,CACZ5C,KAAMA,EACNC,cAAeA,EACfmB,WAAYI,EACZd,OAAQA,EACRM,cAAeA,EACfjB,sBAAuBA,EACvBG,sBAAuBA,EACvBE,QAASqB,EACTG,gBAAiBA,EACjBE,mBAAoBA,UAMhC"}

package/componentsV2/CompletionsOffsetWellPicker/PadsTable/helpers/columns.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Text as o}from"../../../Text/Text.js";import{Checkbox as s}from"../../../Checkbox/Checkbox.js";import c from"../../../../components/TruncatedText/index.js";import{HighlightText as i}from"./HighlightText.js";import{SortBy as n}from"./sortPads.js";import t from"./columns.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"@icon-park/react/es/all";import{jsxs as e,jsx as r,Fragment as m}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import{FracFleet as l}from"../../../../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";var a=function(o){return"number"==typeof o&&Number.isFinite(o)?o.toFixed(2):"N/A"},p=[{width:"30%",title:"Pad / Frac Fleet Name",sortBy:n.PAD,render:function(s){var c=s.data,n=s.searchText,m=s.isMainPad;return e("div",{className:m?t.subjectCell:void 0,children:[m&&r("div",{className:t.subjectPad,children:"Subject Pad"}),r(o,{children:r(i,{text:c.name||"",highlight:n})}),e("div",{className:t.fleet,children:[r(l,{size:13,className:t.fleetIcon}),r(o,{color:"T8",size:12,children:r(i,{text:c.fleetName,highlight:n})})]})]})}},{width:"30%",title:"Well Name",sortBy:n.WELL,render:function(n){var l=n.data,a=n.isSelected,p=n.selectedOffsetWellIds,u=n.handleSelectWellId,d=n.isExpanded,j=n.isMainPad,I=n.searchText;return a||d||j?r(m,{children:l.wells.map((function(o){return e("div",{className:t.listItem,children:[!j&&r(s,{checked:p.includes(o.id),onChange:function(s){return u(o.id,s)}}),r(c,{maxLines:2,children:r(i,{text:o.name,highlight:I})})]},o.id)}))}):r(o,{children:"Wells (".concat(l.wells.length,")")})}},{width:"20%",title:"Formation",sortBy:n.FORMATION,render:function(s){var c=s.data,n=s.isSelected,e=s.isExpanded,l=s.isMainPad,a=s.searchText;return n||e||l?r(m,{children:c.wells.map((function(s){return r("div",{className:t.listItem,children:r(o,{className:t.breakWord,children:r(i,{text:s.formation||"N/A",highlight:a})})},s.id)}))}):r(o,{children:"Formations (".concat(c.wells.length,")")})}},{width:"10%",title:"TVD (ft)",sortBy:n.TVD,render:function(s){var c=s.data,i=s.isSelected,n=s.isExpanded,e=s.isMainPad;return i||n||e?r(m,{children:c.wells.map((function(s){return r(o,{className:t.listItem,children:s.totalDepth.toFixed(0)},s.id)}))}):null}},{width:"10%",title:"Distance (mi)",sortBy:n.DISTANCE,render:function(s){var c=s.data;return r(o,{children:a(c.distanceMiles)})}}];export{p as COLUMNS,a as formatDistanceMiles};
+import{Text as o}from"../../../Text/Text.js";import{Checkbox as s}from"../../../Checkbox/Checkbox.js";import c from"../../../../components/TruncatedText/index.js";import{HighlightText as i}from"./HighlightText.js";import{SortBy as n}from"./sortPads.js";import t from"./columns.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"@icon-park/react/es/all";import{jsxs as e,jsx as r,Fragment as m}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import{FracFleet as l}from"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";var p=function(o){return"number"==typeof o&&Number.isFinite(o)?o.toFixed(2):"N/A"},a=[{width:"30%",title:"Pad / Frac Fleet Name",sortBy:n.PAD,render:function(s){var c=s.data,n=s.searchText,m=s.isMainPad;return e("div",{className:m?t.subjectCell:void 0,children:[m&&r("div",{className:t.subjectPad,children:"Subject Pad"}),r(o,{children:r(i,{text:c.name||"",highlight:n})}),e("div",{className:t.fleet,children:[r(l,{size:13,className:t.fleetIcon}),r(o,{color:"T8",size:12,children:r(i,{text:c.fleetName,highlight:n})})]})]})}},{width:"30%",title:"Well Name",sortBy:n.WELL,render:function(n){var l=n.data,p=n.isSelected,a=n.selectedOffsetWellIds,u=n.handleSelectWellId,d=n.isExpanded,j=n.isMainPad,I=n.searchText;return p||d||j?r(m,{children:l.wells.map((function(o){return e("div",{className:t.listItem,children:[!j&&r(s,{checked:a.includes(o.id),onChange:function(s){return u(o.id,s)}}),r(c,{maxLines:2,children:r(i,{text:o.name,highlight:I})})]},o.id)}))}):r(o,{children:"Wells (".concat(l.wells.length,")")})}},{width:"20%",title:"Formation",sortBy:n.FORMATION,render:function(s){var c=s.data,n=s.isSelected,e=s.isExpanded,l=s.isMainPad,p=s.searchText;return n||e||l?r(m,{children:c.wells.map((function(s){return r("div",{className:t.listItem,children:r(o,{className:t.breakWord,children:r(i,{text:s.formation||"N/A",highlight:p})})},s.id)}))}):r(o,{children:"Formations (".concat(c.wells.length,")")})}},{width:"10%",title:"TVD (ft)",sortBy:n.TVD,render:function(s){var c=s.data,i=s.isSelected,n=s.isExpanded,e=s.isMainPad;return i||n||e?r(m,{children:c.wells.map((function(s){return r(o,{className:t.listItem,children:s.totalDepth.toFixed(0)},s.id)}))}):null}},{width:"10%",title:"Distance (mi)",sortBy:n.DISTANCE,render:function(s){var c=s.data;return r(o,{children:p(c.distanceMiles)})}}];export{a as COLUMNS,p as formatDistanceMiles};
 //# sourceMappingURL=columns.js.map

package/componentsV2/CompletionsOffsetWellPicker/PadsTable/helpers/columns.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"columns.js","sources":["../../../../../src/componentsV2/CompletionsOffsetWellPicker/PadsTable/helpers/columns.tsx"],"sourcesContent":["import { Text } from '../../../Text';\nimport { Checkbox } from '../../../Checkbox';\nimport TruncatedText from '../../../../components/TruncatedText';\nimport { CompletionsOffsetWellPickerProps, MappedPad } from '../../types';\n\nimport { usePadTableHandlers } from './usePadTableHandlers';\nimport { HighlightText } from './HighlightText';\nimport { SortBy } from './sortPads';\n\nimport styles from './columns.scss';\n\nimport { FracFleet } from '~/icons';\n\nexport const formatDistanceMiles = (distanceMiles?: number): string =>\n typeof distanceMiles === 'number' && Number.isFinite(distanceMiles)\n ? distanceMiles.toFixed(2)\n : 'N/A';\n\nexport const COLUMNS: Array<{\n title: string;\n sortBy: SortBy;\n render: (\n _params: {\n data: MappedPad;\n isSelected: boolean;\n isExpanded: boolean;\n isMainPad: boolean;\n searchText: string;\n handleSelectWellId: ReturnType<typeof usePadTableHandlers>['handleSelectWellId'];\n } & Pick<CompletionsOffsetWellPickerProps, 'selectedOffsetWellIds'>\n ) => React.ReactNode;\n width: string;\n}> = [\n {\n width: '30%',\n title: 'Pad / Frac Fleet Name',\n sortBy: SortBy.PAD,\n render: ({ data, searchText, isMainPad }) => (\n <div className={isMainPad ? styles.subjectCell : undefined}>\n {isMainPad && <div className={styles.subjectPad}>Subject Pad</div>}\n <Text>\n <HighlightText text={data.name \|\| ''} highlight={searchText} />\n </Text>\n <div className={styles.fleet}>\n <FracFleet size={13} className={styles.fleetIcon} />\n <Text color=\"T8\" size={12}>\n <HighlightText text={data.fleetName} highlight={searchText} />\n </Text>\n </div>\n </div>\n ),\n },\n {\n width: '30%',\n title: 'Well Name',\n sortBy: SortBy.WELL,\n render: ({\n data,\n isSelected,\n selectedOffsetWellIds,\n handleSelectWellId,\n isExpanded,\n isMainPad,\n searchText,\n }) => {\n if (isSelected \|\| isExpanded \|\| isMainPad) {\n return (\n <>\n {data.wells.map(well => (\n <div key={well.id} className={styles.listItem}>\n {!isMainPad && (\n <Checkbox\n checked={selectedOffsetWellIds.includes(well.id)}\n onChange={checked => handleSelectWellId(well.id, checked)}\n />\n )}\n <TruncatedText maxLines={2}>\n <HighlightText text={well.name} highlight={searchText} />\n </TruncatedText>\n </div>\n ))}\n </>\n );\n }\n\n return <Text>{`Wells (${data.wells.length})`}</Text>;\n },\n },\n {\n width: '20%',\n title: 'Formation',\n sortBy: SortBy.FORMATION,\n render: ({ data, isSelected, isExpanded, isMainPad, searchText }) => {\n if (isSelected \|\| isExpanded \|\| isMainPad) {\n return (\n <>\n {data.wells.map(well => (\n <div key={well.id} className={styles.listItem}>\n <Text className={styles.breakWord}>\n <HighlightText text={well.formation \|\| 'N/A'} highlight={searchText} />\n </Text>\n </div>\n ))}\n </>\n );\n }\n\n return <Text>{`Formations (${data.wells.length})`}</Text>;\n },\n },\n {\n width: '10%',\n title: 'TVD (ft)',\n sortBy: SortBy.TVD,\n render: ({ data, isSelected, isExpanded, isMainPad }) => {\n if (isSelected \|\| isExpanded \|\| isMainPad) {\n return (\n <>\n {data.wells.map(well => (\n <Text key={well.id} className={styles.listItem}>\n {well.totalDepth.toFixed(0)}\n </Text>\n ))}\n </>\n );\n }\n\n return null;\n },\n },\n {\n width: '10%',\n title: 'Distance (mi)',\n sortBy: SortBy.DISTANCE,\n render: ({ data }) => <Text>{formatDistanceMiles(data.distanceMiles)}</Text>,\n },\n];\n"],"names":["formatDistanceMiles","distanceMiles","Number","isFinite","toFixed","COLUMNS","width","title","sortBy","SortBy","PAD","render","_ref","data","searchText","isMainPad","_jsxs","className","styles","subjectCell","undefined","children","_jsx","subjectPad","Text","HighlightText","text","name","highlight","fleet","FracFleet","size","fleetIcon","color","fleetName","WELL","_ref2","isSelected","selectedOffsetWellIds","handleSelectWellId","isExpanded","_Fragment","wells","map","well","listItem","Checkbox","checked","includes","id","onChange","TruncatedText","maxLines","concat","length","FORMATION","_ref3","breakWord","formation","TVD","_ref4","totalDepth","DISTANCE","_ref5"],"mappings":"~~wqJAaaA~~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"}
1	+ {"version":3,"file":"columns.js","sources":["../../../../../src/componentsV2/CompletionsOffsetWellPicker/PadsTable/helpers/columns.tsx"],"sourcesContent":["import { Text } from '../../../Text';\nimport { Checkbox } from '../../../Checkbox';\nimport TruncatedText from '../../../../components/TruncatedText';\nimport { CompletionsOffsetWellPickerProps, MappedPad } from '../../types';\n\nimport { usePadTableHandlers } from './usePadTableHandlers';\nimport { HighlightText } from './HighlightText';\nimport { SortBy } from './sortPads';\n\nimport styles from './columns.scss';\n\nimport { FracFleet } from '~/icons';\n\nexport const formatDistanceMiles = (distanceMiles?: number): string =>\n typeof distanceMiles === 'number' && Number.isFinite(distanceMiles)\n ? distanceMiles.toFixed(2)\n : 'N/A';\n\nexport const COLUMNS: Array<{\n title: string;\n sortBy: SortBy;\n render: (\n _params: {\n data: MappedPad;\n isSelected: boolean;\n isExpanded: boolean;\n isMainPad: boolean;\n searchText: string;\n handleSelectWellId: ReturnType<typeof usePadTableHandlers>['handleSelectWellId'];\n } & Pick<CompletionsOffsetWellPickerProps, 'selectedOffsetWellIds'>\n ) => React.ReactNode;\n width: string;\n}> = [\n {\n width: '30%',\n title: 'Pad / Frac Fleet Name',\n sortBy: SortBy.PAD,\n render: ({ data, searchText, isMainPad }) => (\n <div className={isMainPad ? styles.subjectCell : undefined}>\n {isMainPad && <div className={styles.subjectPad}>Subject Pad</div>}\n <Text>\n <HighlightText text={data.name \|\| ''} highlight={searchText} />\n </Text>\n <div className={styles.fleet}>\n <FracFleet size={13} className={styles.fleetIcon} />\n <Text color=\"T8\" size={12}>\n <HighlightText text={data.fleetName} highlight={searchText} />\n </Text>\n </div>\n </div>\n ),\n },\n {\n width: '30%',\n title: 'Well Name',\n sortBy: SortBy.WELL,\n render: ({\n data,\n isSelected,\n selectedOffsetWellIds,\n handleSelectWellId,\n isExpanded,\n isMainPad,\n searchText,\n }) => {\n if (isSelected \|\| isExpanded \|\| isMainPad) {\n return (\n <>\n {data.wells.map(well => (\n <div key={well.id} className={styles.listItem}>\n {!isMainPad && (\n <Checkbox\n checked={selectedOffsetWellIds.includes(well.id)}\n onChange={checked => handleSelectWellId(well.id, checked)}\n />\n )}\n <TruncatedText maxLines={2}>\n <HighlightText text={well.name} highlight={searchText} />\n </TruncatedText>\n </div>\n ))}\n </>\n );\n }\n\n return <Text>{`Wells (${data.wells.length})`}</Text>;\n },\n },\n {\n width: '20%',\n title: 'Formation',\n sortBy: SortBy.FORMATION,\n render: ({ data, isSelected, isExpanded, isMainPad, searchText }) => {\n if (isSelected \|\| isExpanded \|\| isMainPad) {\n return (\n <>\n {data.wells.map(well => (\n <div key={well.id} className={styles.listItem}>\n <Text className={styles.breakWord}>\n <HighlightText text={well.formation \|\| 'N/A'} highlight={searchText} />\n </Text>\n </div>\n ))}\n </>\n );\n }\n\n return <Text>{`Formations (${data.wells.length})`}</Text>;\n },\n },\n {\n width: '10%',\n title: 'TVD (ft)',\n sortBy: SortBy.TVD,\n render: ({ data, isSelected, isExpanded, isMainPad }) => {\n if (isSelected \|\| isExpanded \|\| isMainPad) {\n return (\n <>\n {data.wells.map(well => (\n <Text key={well.id} className={styles.listItem}>\n {well.totalDepth.toFixed(0)}\n </Text>\n ))}\n </>\n );\n }\n\n return null;\n },\n },\n {\n width: '10%',\n title: 'Distance (mi)',\n sortBy: SortBy.DISTANCE,\n render: ({ data }) => <Text>{formatDistanceMiles(data.distanceMiles)}</Text>,\n },\n];\n"],"names":["formatDistanceMiles","distanceMiles","Number","isFinite","toFixed","COLUMNS","width","title","sortBy","SortBy","PAD","render","_ref","data","searchText","isMainPad","_jsxs","className","styles","subjectCell","undefined","children","_jsx","subjectPad","Text","HighlightText","text","name","highlight","fleet","FracFleet","size","fleetIcon","color","fleetName","WELL","_ref2","isSelected","selectedOffsetWellIds","handleSelectWellId","isExpanded","_Fragment","wells","map","well","listItem","Checkbox","checked","includes","id","onChange","TruncatedText","maxLines","concat","length","FORMATION","_ref3","breakWord","formation","TVD","_ref4","totalDepth","DISTANCE","_ref5"],"mappings":"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"}

package/componentsV2/CopyToClipboard/CopyToClipboard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n}from"react";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{CopyIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/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{copyToClipboard as r}from"../../utils/main.js";import p from"./CopyToClipboard.scss.js";import{jsx as e}from"react/jsx-runtime";var u={large:24,medium:16,small:12},j=function(j){var I=j.text,l=j.tooltipDisabled,a=j.size,d=void 0===a?"medium":a,C=j.testId,h=j.className,F=j.tooltipTitle,b=void 0===F?"Copied":F,v=j.tooltipDuration,O=void 0===v?1500:v,f=j.tooltipPlacement,A=void 0===f?"bottom":f,P=c(!1),T=o(P,2),g=T[0],k=T[1],D=i(),M=n((function(){r(I),k(!0),clearTimeout(D.current),D.current=setTimeout((function(){return k(!1)}),O)}),[I,O]);return e(t,{title:b,disabled:l,open:g,placement:A,children:e("div",{className:s(p.root,h),"data-testid":C,onClick:M,children:e(m,{size:u[d]})})})};export{j as CopyToClipboard};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n}from"react";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{CopyIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{copyToClipboard as r}from"../../utils/main.js";import e from"./CopyToClipboard.scss.js";import{jsx as p}from"react/jsx-runtime";var u={large:24,medium:16,small:12},j=function(j){var I=j.text,l=j.tooltipDisabled,a=j.size,d=void 0===a?"medium":a,C=j.testId,h=j.className,F=j.tooltipTitle,b=void 0===F?"Copied":F,O=j.tooltipDuration,v=void 0===O?1500:O,f=j.tooltipPlacement,P=void 0===f?"bottom":f,A=c(!1),T=o(A,2),g=T[0],k=T[1],D=i(),M=n((function(){r(I),k(!0),clearTimeout(D.current),D.current=setTimeout((function(){return k(!1)}),v)}),[I,v]);return p(t,{title:b,disabled:l,open:g,placement:P,children:p("div",{className:s(e.root,h),"data-testid":C,onClick:M,children:p(m,{size:u[d]})})})};export{j as CopyToClipboard};
 //# sourceMappingURL=CopyToClipboard.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyToClipboard.js","sources":["../../../src/componentsV2/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode, useCallback, useRef, useState } from 'react';\n\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { CopyIcon } from '../../icons';\nimport { copyToClipboard } from '../../utils/main';\n\nimport styles from './CopyToClipboard.scss';\n\nexport type CopyToClipboardProps = {\n text: string;\n size?: 'small' \| 'medium' \| 'large';\n\n tooltipDisabled?: boolean;\n tooltipTitle?: ReactNode;\n tooltipPlacement?: TooltipProps['placement'];\n tooltipDuration?: number;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToIconSizeMap: Record<Required<CopyToClipboardProps>['size'], number> = {\n large: 24,\n medium: 16,\n small: 12,\n};\n\nexport const CopyToClipboard = ({\n text,\n tooltipDisabled,\n size = 'medium',\n testId,\n className,\n tooltipTitle = 'Copied',\n tooltipDuration = 1500,\n tooltipPlacement = 'bottom',\n}: CopyToClipboardProps) => {\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const tooltipTimerRef = useRef<NodeJS.Timeout>();\n\n const handleClick = useCallback(() => {\n copyToClipboard(text);\n setTooltipOpen(true);\n\n clearTimeout(tooltipTimerRef.current);\n tooltipTimerRef.current = setTimeout(() => setTooltipOpen(false), tooltipDuration);\n }, [text, tooltipDuration]);\n\n return (\n <Tooltip\n title={tooltipTitle}\n disabled={tooltipDisabled}\n open={tooltipOpen}\n placement={tooltipPlacement}\n >\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n onClick={handleClick}\n >\n <CopyIcon size={SizeToIconSizeMap[size]} />\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToIconSizeMap","large","medium","small","CopyToClipboard","_ref","text","tooltipDisabled","_ref$size","size","testId","className","_ref$tooltipTitle","tooltipTitle","_ref$tooltipDuration","tooltipDuration","_ref$tooltipPlacement","tooltipPlacement","useState","_useState2","_slicedToArray","_useState","tooltipOpen","setTooltipOpen","tooltipTimerRef","useRef","handleClick","useCallback","copyToClipboard","clearTimeout","current","setTimeout","_jsx","Tooltip","title","disabled","open","placement","children","classNames","styles","root","onClick","CopyIcon"],"mappings":"~~sjIAsBA~~,IAAMA,EAA4E,CAChFC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGIC,EAAkB,SASHC,GAAA,IAR1BC,IAAAA,KACAC,IAAAA,gBAAeC,EAAAH,EACfI,KAAAA,aAAO,SAAQD,EACfE,IAAAA,OACAC,IAAAA,UAASC,EAAAP,EACTQ,aAAAA,aAAe,SAAQD,EAAAE,EAAAT,EACvBU,gBAAAA,aAAkB,KAAID,EAAAE,EAAAX,EACtBY,iBAAAA,aAAmB,SAAQD,EAEWE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAC5BK,EAAkBC,IAElBC,EAAcC,GAAY,WAC9BC,EAAgBtB,GAChBiB,GAAe,GAEfM,aAAaL,EAAgBM,SAC7BN,EAAgBM,QAAUC,YAAW,WAAA,OAAMR,GAAe,EAAM,GAAER,EACpE,GAAG,CAACT,EAAMS,IAEV,OACEiB,EAACC,EAAO,CACNC,MAAOrB,EACPsB,SAAU5B,EACV6B,KAAMd,EACNe,UAAWpB,EAAiBqB,SAE5BN,EAAA,MAAA,CACErB,UAAW4B,EAAWC,EAAOC,KAAM9B,GACnC,cAAaD,EACbgC,QAAShB,EAAYY,SAErBN,EAACW,EAAQ,CAAClC,KAAMT,EAAkBS,QAI1C"}
1	+ {"version":3,"file":"CopyToClipboard.js","sources":["../../../src/componentsV2/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode, useCallback, useRef, useState } from 'react';\n\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { CopyIcon } from '../../icons';\nimport { copyToClipboard } from '../../utils/main';\n\nimport styles from './CopyToClipboard.scss';\n\nexport type CopyToClipboardProps = {\n text: string;\n size?: 'small' \| 'medium' \| 'large';\n\n tooltipDisabled?: boolean;\n tooltipTitle?: ReactNode;\n tooltipPlacement?: TooltipProps['placement'];\n tooltipDuration?: number;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToIconSizeMap: Record<Required<CopyToClipboardProps>['size'], number> = {\n large: 24,\n medium: 16,\n small: 12,\n};\n\nexport const CopyToClipboard = ({\n text,\n tooltipDisabled,\n size = 'medium',\n testId,\n className,\n tooltipTitle = 'Copied',\n tooltipDuration = 1500,\n tooltipPlacement = 'bottom',\n}: CopyToClipboardProps) => {\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const tooltipTimerRef = useRef<NodeJS.Timeout>();\n\n const handleClick = useCallback(() => {\n copyToClipboard(text);\n setTooltipOpen(true);\n\n clearTimeout(tooltipTimerRef.current);\n tooltipTimerRef.current = setTimeout(() => setTooltipOpen(false), tooltipDuration);\n }, [text, tooltipDuration]);\n\n return (\n <Tooltip\n title={tooltipTitle}\n disabled={tooltipDisabled}\n open={tooltipOpen}\n placement={tooltipPlacement}\n >\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n onClick={handleClick}\n >\n <CopyIcon size={SizeToIconSizeMap[size]} />\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToIconSizeMap","large","medium","small","CopyToClipboard","_ref","text","tooltipDisabled","_ref$size","size","testId","className","_ref$tooltipTitle","tooltipTitle","_ref$tooltipDuration","tooltipDuration","_ref$tooltipPlacement","tooltipPlacement","useState","_useState2","_slicedToArray","_useState","tooltipOpen","setTooltipOpen","tooltipTimerRef","useRef","handleClick","useCallback","copyToClipboard","clearTimeout","current","setTimeout","_jsx","Tooltip","title","disabled","open","placement","children","classNames","styles","root","onClick","CopyIcon"],"mappings":"6pIAsBA,IAAMA,EAA4E,CAChFC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGIC,EAAkB,SASHC,GAAA,IAR1BC,IAAAA,KACAC,IAAAA,gBAAeC,EAAAH,EACfI,KAAAA,aAAO,SAAQD,EACfE,IAAAA,OACAC,IAAAA,UAASC,EAAAP,EACTQ,aAAAA,aAAe,SAAQD,EAAAE,EAAAT,EACvBU,gBAAAA,aAAkB,KAAID,EAAAE,EAAAX,EACtBY,iBAAAA,aAAmB,SAAQD,EAEWE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAC5BK,EAAkBC,IAElBC,EAAcC,GAAY,WAC9BC,EAAgBtB,GAChBiB,GAAe,GAEfM,aAAaL,EAAgBM,SAC7BN,EAAgBM,QAAUC,YAAW,WAAA,OAAMR,GAAe,EAAM,GAAER,EACpE,GAAG,CAACT,EAAMS,IAEV,OACEiB,EAACC,EAAO,CACNC,MAAOrB,EACPsB,SAAU5B,EACV6B,KAAMd,EACNe,UAAWpB,EAAiBqB,SAE5BN,EAAA,MAAA,CACErB,UAAW4B,EAAWC,EAAOC,KAAM9B,GACnC,cAAaD,EACbgC,QAAShB,EAAYY,SAErBN,EAACW,EAAQ,CAAClC,KAAMT,EAAkBS,QAI1C"}

package/componentsV2/Counter/Counter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useCallback as i}from"react";import n from"classnames";import{CloseSmallIcon as t}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/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 r from"./Counter.scss.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["size","count","onDelete","max","testId","className","type","onClick"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function a(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var l={small:r.small,medium:r.medium,large:r.large},j={default:r.default,primary:r.primary,error:r.error},I=c((function(o,c){var u=o.size,I=void 0===u?"medium":u,d=o.count,b=o.onDelete,O=o.max,C=void 0===O?1/0:O,f=o.testId,h=o.className,v=o.type,y=void 0===v?"default":v,P=o.onClick,g=s(o,p),F=i((function(o){o.stopPropagation(),null==b||b(o)}),[b]),k=d>C?"".concat(C,"+"):d;return m("div",a(a({className:n(r.root,l[I],j[y],String(k).length<=2&&!b&&r.exactlyRound,P&&r.hoverable,b&&r.deletable,h),onClick:P,"data-testid":f,ref:c},g),{},{children:[k,b&&e(t,{className:r.deleteIcon,onClick:F,size:16})]}))}));export{I as Counter};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useCallback as i}from"react";import n from"classnames";import{CloseSmallIcon as t}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import r from"./Counter.scss.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["size","count","onDelete","max","testId","className","type","onClick"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function a(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var j={small:r.small,medium:r.medium,large:r.large},l={default:r.default,primary:r.primary,error:r.error},I=c((function(o,c){var u=o.size,I=void 0===u?"medium":u,d=o.count,O=o.onDelete,b=o.max,C=void 0===b?1/0:b,f=o.testId,h=o.className,P=o.type,v=void 0===P?"default":P,y=o.onClick,g=s(o,p),F=i((function(o){o.stopPropagation(),null==O||O(o)}),[O]),k=d>C?"".concat(C,"+"):d;return m("div",a(a({className:n(r.root,j[I],l[v],String(k).length<=2&&!O&&r.exactlyRound,y&&r.hoverable,O&&r.deletable,h),onClick:y,"data-testid":f,ref:c},g),{},{children:[k,O&&e(t,{className:r.deleteIcon,onClick:F,size:16})]}))}));export{I as Counter};
 //# sourceMappingURL=Counter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","sources":["../../../src/componentsV2/Counter/Counter.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '../../icons';\n\nimport styles from './Counter.scss';\n\nexport type CounterProps = {\n count: number;\n /*\n Maximum value after which the plus sign will be shown\n \n @default Infinity\n */\n max?: number;\n size?: 'small' \| 'medium' \| 'large';\n type?: 'default' \| 'primary' \| 'error';\n onClick?: MouseEventHandler;\n onDelete?: MouseEventHandler;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<CounterProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst TypeToClassNameMap: Record<Required<CounterProps>['type'], string> = {\n default: styles.default,\n primary: styles.primary,\n error: styles.error,\n};\n\nexport const Counter = forwardRef<HTMLDivElement, CounterProps>(\n (\n {\n size = 'medium',\n count,\n onDelete,\n max = Infinity,\n testId,\n className,\n type = 'default',\n onClick,\n // Needed for Tooltip to work\n ...rest\n },\n ref\n ) => {\n const onDeleteHandler = useCallback<MouseEventHandler>(\n e => {\n e.stopPropagation();\n onDelete?.(e);\n },\n [onDelete]\n );\n\n const content = count > max ? `${max}+` : count;\n\n return (\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n TypeToClassNameMap[type],\n String(content).length <= 2 && !onDelete && styles.exactlyRound,\n onClick && styles.hoverable,\n onDelete && styles.deletable,\n className\n )}\n onClick={onClick}\n data-testid={testId}\n ref={ref}\n {...rest}\n >\n {content}\n\n {onDelete && (\n <CloseSmallIcon className={styles.deleteIcon} onClick={onDeleteHandler} size={16} />\n )}\n </div>\n );\n }\n);\n"],"names":["SizeToClassNameMap","small","styles","medium","large","TypeToClassNameMap","default","primary","error","Counter","forwardRef","_ref","ref","_ref$size","size","count","onDelete","_ref$max","max","Infinity","testId","className","_ref$type","type","onClick","rest","_objectWithoutProperties","_excluded","onDeleteHandler","useCallback","e","stopPropagation","content","_jsxs","_objectSpread","classNames","root","String","length","exactlyRound","hoverable","deletable","children","_jsx","CloseSmallIcon","deleteIcon"],"mappings":"~~0pJAwBA~~,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGVC,EAAqE,CACzEC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,QAChBC,MAAON,EAAOM,OAGHC,EAAUC,GACrB,SAAAC,EAaEC,GACG,IAAAC,EAAAF,EAZDG,KAAAA,aAAO,SAAQD,EACfE,IAAAA,MACAC,IAAAA,SAAQC,EAAAN,EACRO,IAAAA,aAAMC,IAAQF,EACdG,IAAAA,OACAC,IAAAA,UAASC,EAAAX,EACTY,KAAAA,aAAO,UAASD,EAChBE,IAAAA,QAEGC,EAAIC,EAAAf,EAAAgB,GAIHC,EAAkBC,GACtB,SAAAC,GACEA,EAAEC,kBACFf,SAAAA,EAAWc,EACb,GACA,CAACd,IAGGgB,EAAUjB,EAAQG,EAASA,GAAAA,OAAAA,OAASH,EAE1C,OACEkB,EAAA,MAAAC,EAAAA,EAAA,CACEb,UAAWc,EACTjC,EAAOkC,KACPpC,EAAmBc,GACnBT,EAAmBkB,GACnBc,OAAOL,GAASM,QAAU,IAAMtB,GAAYd,EAAOqC,aACnDf,GAAWtB,EAAOsC,UAClBxB,GAAYd,EAAOuC,UACnBpB,GAEFG,QAASA,EACT,cAAaJ,EACbR,IAAKA,GACDa,GAAI,GAAA,CAAAiB,SAAA,CAEPV,EAEAhB,GACC2B,EAACC,EAAc,CAACvB,UAAWnB,EAAO2C,WAAYrB,QAASI,EAAiBd,KAAM,QAItF"}
1	+ {"version":3,"file":"Counter.js","sources":["../../../src/componentsV2/Counter/Counter.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '../../icons';\n\nimport styles from './Counter.scss';\n\nexport type CounterProps = {\n count: number;\n /*\n Maximum value after which the plus sign will be shown\n \n @default Infinity\n */\n max?: number;\n size?: 'small' \| 'medium' \| 'large';\n type?: 'default' \| 'primary' \| 'error';\n onClick?: MouseEventHandler;\n onDelete?: MouseEventHandler;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<CounterProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst TypeToClassNameMap: Record<Required<CounterProps>['type'], string> = {\n default: styles.default,\n primary: styles.primary,\n error: styles.error,\n};\n\nexport const Counter = forwardRef<HTMLDivElement, CounterProps>(\n (\n {\n size = 'medium',\n count,\n onDelete,\n max = Infinity,\n testId,\n className,\n type = 'default',\n onClick,\n // Needed for Tooltip to work\n ...rest\n },\n ref\n ) => {\n const onDeleteHandler = useCallback<MouseEventHandler>(\n e => {\n e.stopPropagation();\n onDelete?.(e);\n },\n [onDelete]\n );\n\n const content = count > max ? `${max}+` : count;\n\n return (\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n TypeToClassNameMap[type],\n String(content).length <= 2 && !onDelete && styles.exactlyRound,\n onClick && styles.hoverable,\n onDelete && styles.deletable,\n className\n )}\n onClick={onClick}\n data-testid={testId}\n ref={ref}\n {...rest}\n >\n {content}\n\n {onDelete && (\n <CloseSmallIcon className={styles.deleteIcon} onClick={onDeleteHandler} size={16} />\n )}\n </div>\n );\n }\n);\n"],"names":["SizeToClassNameMap","small","styles","medium","large","TypeToClassNameMap","default","primary","error","Counter","forwardRef","_ref","ref","_ref$size","size","count","onDelete","_ref$max","max","Infinity","testId","className","_ref$type","type","onClick","rest","_objectWithoutProperties","_excluded","onDeleteHandler","useCallback","e","stopPropagation","content","_jsxs","_objectSpread","classNames","root","String","length","exactlyRound","hoverable","deletable","children","_jsx","CloseSmallIcon","deleteIcon"],"mappings":"iwJAwBA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGVC,EAAqE,CACzEC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,QAChBC,MAAON,EAAOM,OAGHC,EAAUC,GACrB,SAAAC,EAaEC,GACG,IAAAC,EAAAF,EAZDG,KAAAA,aAAO,SAAQD,EACfE,IAAAA,MACAC,IAAAA,SAAQC,EAAAN,EACRO,IAAAA,aAAMC,IAAQF,EACdG,IAAAA,OACAC,IAAAA,UAASC,EAAAX,EACTY,KAAAA,aAAO,UAASD,EAChBE,IAAAA,QAEGC,EAAIC,EAAAf,EAAAgB,GAIHC,EAAkBC,GACtB,SAAAC,GACEA,EAAEC,kBACFf,SAAAA,EAAWc,EACb,GACA,CAACd,IAGGgB,EAAUjB,EAAQG,EAASA,GAAAA,OAAAA,OAASH,EAE1C,OACEkB,EAAA,MAAAC,EAAAA,EAAA,CACEb,UAAWc,EACTjC,EAAOkC,KACPpC,EAAmBc,GACnBT,EAAmBkB,GACnBc,OAAOL,GAASM,QAAU,IAAMtB,GAAYd,EAAOqC,aACnDf,GAAWtB,EAAOsC,UAClBxB,GAAYd,EAAOuC,UACnBpB,GAEFG,QAASA,EACT,cAAaJ,EACbR,IAAKA,GACDa,GAAI,GAAA,CAAAiB,SAAA,CAEPV,EAEAhB,GACC2B,EAACC,EAAc,CAACvB,UAAWnB,EAAO2C,WAAYrB,QAASI,EAAiBd,KAAM,QAItF"}