@corva/ui 3.66.0-0 → 3.66.0-2

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js

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

package/componentsV2/FilesLoader/FilesLoader.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export type FilesLoaderProps = {
-    name: string;
+    name?: string;
+    preview?: File | string;
     indeterminate?: boolean;
     complete?: boolean;
     /**
@@ -38,5 +39,5 @@ export type FilesLoaderProps = {
     className?: string;
     testId?: string;
 };
-export declare const FilesLoader: ({ formatProgress: propsFormatProgress, className, name, current, total, error, onCancel, onReload, onDelete, indeterminate, complete, testId, }: FilesLoaderProps) => JSX.Element;
+export declare const FilesLoader: ({ formatProgress: propsFormatProgress, className, name, current, total, error, onCancel, onReload, onDelete, indeterminate, complete, testId, preview, }: FilesLoaderProps) => JSX.Element;
 //# sourceMappingURL=FilesLoader.d.ts.map

package/componentsV2/FilesLoader/FilesLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesLoader.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBlC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iJAczB,gBAAgB,gBAoElB,CAAC"}
+{"version":3,"file":"FilesLoader.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBlC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,0JAezB,gBAAgB,gBA2ElB,CAAC"}

package/componentsV2/FilesLoader/FilesLoader.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{FileIcon as n}from"../FileIcon/FileIcon.js";import{Text as t}from"../Text/Text.js";import{TextMiddleTruncated as r}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as m}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as e}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as p}from"../Tooltip/Tooltip.js";import{formatSizeProgress as l}from"./utils.js";import u from"./FilesLoader.scss.js";import{CloseIcon as a,DeleteFourIcon as j,RedoIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.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{CautionFilledCustomIcon as d}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";var h=function(h){var C=h.formatProgress,F=h.className,v=h.name,T=h.current,f=h.total,M=h.error,x=h.onCancel,O=h.onReload,b=h.onDelete,k=h.indeterminate,z=h.complete,A=h.testId,P=C||l,g=!k&&void 0!==f&&void 0!==T,N=g?Math.min(100,Math.ceil(T/f*100)):void 0;return o("div",{className:i(u.root,F),"data-testid":A,children:[s(n,{name:v,className:u.icon}),o("div",{className:u.content,children:[s(t,{size:14,children:s(r,{children:v})}),!M&&!z&&o(c,{children:[s(m,{className:u.progressBar,value:N}),g&&o("div",{className:u.progressTextContainer,children:[s(t,{size:12,color:"T6",children:P(f,T)}),o(t,{size:12,color:"T6",children:[N,"%"]})]})]}),M&&o(t,{size:14,className:u.error,children:[s(d,{size:16}),M]})]}),x&&!M&&!z&&s(p,{title:"Cancel",children:s(e,{onClick:x,size:"small",children:s(a,{})})}),b&&(M||z)&&s(p,{title:"Remove File",children:s(e,{onClick:b,size:"small",children:s(j,{})})}),O&&M&&s(p,{title:"Reload",children:s(e,{onClick:O,size:"small",children:s(I,{})})})]})};export{h as FilesLoader};
+import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{FileIcon as n}from"../FileIcon/FileIcon.js";import{Text as t}from"../Text/Text.js";import{TextMiddleTruncated as r}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as m}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as e}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as u}from"../Tooltip/Tooltip.js";import{formatSizeProgress as p}from"./utils.js";import{PreviewImage as l}from"./PreviewImage.js";import a from"./FilesLoader.scss.js";import{CloseIcon as j,DeleteFourIcon as I,RedoIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.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{CautionFilledCustomIcon as F}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getIsImage as C}from"../../utils/fileExtension.js";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,M=h.total,z=h.error,A=h.onCancel,B=h.onReload,O=h.onDelete,b=h.indeterminate,g=h.complete,P=h.testId,k=h.preview,E=v||p,N=!b&&void 0!==M&&void 0!==T,R=N&&M>0?Math.min(100,Math.ceil(T/M*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return o("div",{className:i(a.root,f),"data-testid":P,children:[k&&C(y)?s(l,{image:k}):s(n,{name:S,size:Number(a.iconSize)}),o("div",{className:a.content,children:[s(t,{size:14,children:s(r,{children:S})}),!z&&!g&&o(c,{children:[s(m,{className:a.progressBar,value:R}),N&&o("div",{className:a.progressTextContainer,children:[s(t,{size:12,color:"T6",children:E(M,T)}),o(t,{size:12,color:"T6",children:[R,"%"]})]})]}),z&&o(t,{size:14,className:a.error,children:[s(F,{size:16}),z]})]}),A&&!z&&!g&&s(u,{title:"Cancel",children:s(e,{onClick:A,size:"small",children:s(j,{})})}),O&&(z||g)&&s(u,{title:"Remove File",children:s(e,{onClick:O,size:"small",children:s(I,{})})}),B&&z&&s(u,{title:"Reload",children:s(e,{onClick:B,size:"small",children:s(d,{})})})]})};export{h as FilesLoader};
 //# sourceMappingURL=FilesLoader.js.map

package/componentsV2/FilesLoader/FilesLoader.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"FilesLoader_root__qCFhw",icon:"FilesLoader_icon__XusHn",content:"FilesLoader_content__Hkoic",progressBar:"FilesLoader_progressBar__bNJgO",progressTextContainer:"FilesLoader_progressTextContainer__oXRm-",error:"FilesLoader_error__wmxqD"};e(".FilesLoader_root__qCFhw{align-items:center;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-height:64px;padding:8px 16px;width:100%}.FilesLoader_icon__XusHn{height:32px;width:32px}.FilesLoader_content__Hkoic{flex-grow:1;min-width:1px}.FilesLoader_progressBar__bNJgO{margin:4px 0}.FilesLoader_progressTextContainer__oXRm-{display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-width:1px}.FilesLoader_error__wmxqD{align-items:center;color:var(--palette-error-main);display:flex;flex-flow:row nowrap;gap:8px;line-height:16px;padding-top:4px}");export{r as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",iconSize:"32",root:"FilesLoader_root__qCFhw",content:"FilesLoader_content__Hkoic",progressBar:"FilesLoader_progressBar__bNJgO",progressTextContainer:"FilesLoader_progressTextContainer__oXRm-",error:"FilesLoader_error__wmxqD",imagePreview:"FilesLoader_imagePreview__82xZU"};e(".FilesLoader_root__qCFhw{align-items:center;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-height:64px;padding:8px 16px;width:100%}.FilesLoader_content__Hkoic{flex-grow:1;min-width:1px}.FilesLoader_progressBar__bNJgO{margin:4px 0}.FilesLoader_progressTextContainer__oXRm-{display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-width:1px}.FilesLoader_error__wmxqD{align-items:center;color:var(--palette-error-main);display:flex;flex-flow:row nowrap;gap:8px;line-height:16px;padding-top:4px}.FilesLoader_imagePreview__82xZU{background-position:50%;background-size:cover;border-radius:6px;height:32px;width:32px}");export{r as default};
 //# sourceMappingURL=FilesLoader.scss.js.map

package/componentsV2/FilesLoader/FilesLoader.stories.d.ts

@@ -9,4 +9,5 @@ export declare const LoadingStates: () => JSX.Element;
 export declare const CompletedState: () => JSX.Element;
 export declare const ErrorState: () => JSX.Element;
 export declare const CustomProgressFormatting: () => JSX.Element;
+export declare const WithPreviewImage: () => JSX.Element;
 //# sourceMappingURL=FilesLoader.stories.d.ts.map

package/componentsV2/FilesLoader/FilesLoader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA4BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,gBAA+B,CAAC;AAEpE,eAAO,MAAM,aAAa,mBAsBzB,CAAC;AAMF,eAAO,MAAM,cAAc,mBAa1B,CAAC;AAMF,eAAO,MAAM,UAAU,mBAatB,CAAC;AAMF,eAAO,MAAM,wBAAwB,mBAWpC,CAAC"}
+{"version":3,"file":"FilesLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA4BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,gBAA+B,CAAC;AAEpE,eAAO,MAAM,aAAa,mBAsBzB,CAAC;AAMF,eAAO,MAAM,cAAc,mBAa1B,CAAC;AAMF,eAAO,MAAM,UAAU,mBAatB,CAAC;AAMF,eAAO,MAAM,wBAAwB,mBAWpC,CAAC;AAMF,eAAO,MAAM,gBAAgB,mBAc5B,CAAC"}

package/componentsV2/FilesLoader/PreviewImage.d.ts

@@ -0,0 +1,5 @@
+export type PreviewImageProps = {
+    image: File | string;
+};
+export declare const PreviewImage: ({ image }: PreviewImageProps) => JSX.Element;
+//# sourceMappingURL=PreviewImage.d.ts.map

package/componentsV2/FilesLoader/PreviewImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesLoader/PreviewImage.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAW,iBAAiB,gBAcxD,CAAC"}

package/componentsV2/FilesLoader/PreviewImage.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as e,useEffect as t}from"react";import o from"./FilesLoader.scss.js";var n=function(n){var c=n.image,i=e((function(){return"string"==typeof c?c:URL.createObjectURL(c)}),[c]);return t((function(){return function(){URL.revokeObjectURL(i)}}),[i]),r("div",{className:o.imagePreview,style:{backgroundImage:"url(".concat(i,")")}})};export{n as PreviewImage};
+//# sourceMappingURL=PreviewImage.js.map

package/componentsV2/FilesLoader/PreviewImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/componentsV2/FilesProcessor/FilesProcessor.d.ts

@@ -1,9 +1,11 @@
 import { FilesDropzoneProps } from '../FilesDropzone';
+import { FilesLoaderProps } from '../FilesLoader';
 import { FilesProcessorFunction } from './types';
 import { ProcessorProps } from './Processor';
 type ValueItem = {
     id: string | number;
     name: string;
+    preview?: FilesLoaderProps['preview'];
 };
 type FilesProcessorProps<T> = {
     /**
@@ -23,9 +25,13 @@ type FilesProcessorProps<T> = {
     /**
      * Files list to display
      *
-     * `type ValueItem = {id: string | number; name: string;};`
+     * `type ValueItem = {id: string | number; name: string; preview?: File | string};`
      */
     value?: ValueItem[];
+    /**
+     * Shows preview for images being processed and from `value` prop. Pass `preview` property to an item of `value`.
+     */
+    preview?: boolean;
     /**
      * Used in conjunction with `value`. Called when user presses "delete" button. If undefined - no button is shown
      * @param item
@@ -66,6 +72,6 @@ type FilesProcessorProps<T> = {
     className?: string;
     testId?: string;
 };
-export declare const FilesProcessor: <T extends object>({ multiple, accept, className, processFile, value, onDone, onDelete, maxFiles, maxSize, formatProgress, onProcessingFailure, onStartProcessing, testId, }: FilesProcessorProps<T>) => JSX.Element;
+export declare const FilesProcessor: <T extends object>({ multiple, accept, className, processFile, value, onDone, onDelete, maxFiles, maxSize, formatProgress, onProcessingFailure, onStartProcessing, testId, preview, }: FilesProcessorProps<T>) => JSX.Element;
 export {};
 //# sourceMappingURL=FilesProcessor.d.ts.map

package/componentsV2/FilesProcessor/FilesProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesProcessor.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesProcessor/FilesProcessor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGrE,OAAO,EAAE,sBAAsB,EAAkC,MAAM,SAAS,CAAC;AACjF,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAIxD,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AASF,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B;;;;;;OAMG;IACH,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAEvC;;;;OAIG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAE5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjF;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAE1C;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAExC;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAE1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,2JAc9C,mBAAmB,CAAC,CAAC,CAAC,gBA0FxB,CAAC"}
+{"version":3,"file":"FilesProcessor.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesProcessor/FilesProcessor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAkC,MAAM,SAAS,CAAC;AACjF,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAKxD,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AASF,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B;;;;;;OAMG;IACH,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAEvC;;;;OAIG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAE5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjF;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAE1C;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAExC;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAE1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,oKAe9C,mBAAmB,CAAC,CAAC,CAAC,gBA4FxB,CAAC"}

package/componentsV2/FilesProcessor/FilesProcessor.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as i,useEffect as c,useCallback as s}from"react";import l from"classnames";import{FilesDropzone as u}from"../FilesDropzone/FilesDropzone.js";import{FilesLoader as a}from"../FilesLoader/FilesLoader.js";import{Processor as f}from"./Processor.js";import m from"./FilesProcessor.scss.js";function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var b=function(r){var p=r.multiple,b=r.accept,v=r.className,g=r.processFile,O=r.value,j=void 0===O?[]:O,h=r.onDone,y=r.onDelete,P=r.maxFiles,D=r.maxSize,F=r.formatProgress,w=r.onProcessingFailure,x=r.onStartProcessing,S=r.testId,z=i([]),N=t(z,2),A=N[0],C=N[1];c((function(){A.length>0&&A.every((function(e){return"success"in e}))&&A.some((function(e){return e.success}))&&(C((function(e){return e.filter((function(e){return!e.success}))})),h(A.filter((function(e){var r=e.success,t=e.data;return!!r&&!!t})).map((function(e){return e.data}))))}),[A,h]);var E=s((function(e){C((function(r){return r.filter((function(r){return r.file!==e}))}))}),[]),L=s((function(e){e.success||null==w||w(e.file,e.cancelled,e.error),C((function(r){return r.map((function(r){return r.file===e.file?d(d({},r),{},{data:e.data,success:e.success,cancelled:e.cancelled}):r}))}))}),[w]),k=s((function(r){null==x||x(r);var t=r.map((function(e){return{file:e}}));C((function(r){return[].concat(e(r),e(t))}))}),[x]);return n("div",{className:l(m.root,v),"data-testid":S,children:[(p||0===A.length&&0===(null==j?void 0:j.length))&&o(u,{multiple:p,onDrop:k,accept:b,maxFiles:P,maxSize:D}),(A.length>0||(null==j?void 0:j.length)>0)&&n("div",{className:m.files,children:[A.map((function(e){return o(f,{processFile:g,onStatusChange:L,file:e.file,onDelete:E,formatProgress:F},"".concat(e.file.size,"|").concat(e.file.name))})),null==j?void 0:j.map((function(e,r){return o(a,{name:e.name,onDelete:y?function(){return y(e)}:void 0,complete:!0},r)}))]})]})};export{b as FilesProcessor};
+import e from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as i,useEffect as c,useCallback as s}from"react";import l from"classnames";import{FilesDropzone as u}from"../FilesDropzone/FilesDropzone.js";import{FilesLoader as a}from"../FilesLoader/FilesLoader.js";import{Processor as f}from"./Processor.js";import m from"./FilesProcessor.scss.js";function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var v=function(r){var p=r.multiple,v=r.accept,b=r.className,g=r.processFile,O=r.value,j=void 0===O?[]:O,h=r.onDone,y=r.onDelete,P=r.maxFiles,D=r.maxSize,w=r.formatProgress,F=r.onProcessingFailure,x=r.onStartProcessing,S=r.testId,z=r.preview,N=i([]),A=t(N,2),C=A[0],E=A[1];c((function(){C.length>0&&C.every((function(e){return"success"in e}))&&C.some((function(e){return e.success}))&&(E((function(e){return e.filter((function(e){return!e.success}))})),h(C.filter((function(e){var r=e.success,t=e.data;return!!r&&!!t})).map((function(e){return e.data}))))}),[C,h]);var L=s((function(e){E((function(r){return r.filter((function(r){return r.file!==e}))}))}),[]),k=s((function(e){e.success||null==F||F(e.file,e.cancelled,e.error),E((function(r){return r.map((function(r){return r.file===e.file?d(d({},r),{},{data:e.data,success:e.success,cancelled:e.cancelled}):r}))}))}),[F]),I=s((function(r){null==x||x(r);var t=r.map((function(e){return{file:e}}));E((function(r){return[].concat(e(r),e(t))}))}),[x]);return n("div",{className:l(m.root,b),"data-testid":S,children:[(p||0===C.length&&0===(null==j?void 0:j.length))&&o(u,{multiple:p,onDrop:I,accept:v,maxFiles:P,maxSize:D}),(C.length>0||(null==j?void 0:j.length)>0)&&n("div",{className:m.files,children:[C.map((function(e){return o(f,{processFile:g,preview:z,onStatusChange:k,file:e.file,onDelete:L,formatProgress:w},"".concat(e.file.size,"|").concat(e.file.name))})),null==j?void 0:j.map((function(e,r){return o(a,{name:e.name,preview:z?e.preview:void 0,onDelete:y?function(){return y(e)}:void 0,complete:!0},r)}))]})]})};export{v as FilesProcessor};
 //# sourceMappingURL=FilesProcessor.js.map

package/componentsV2/FilesProcessor/FilesProcessor.stories.d.ts

@@ -7,4 +7,5 @@ export default meta;
 export declare const Default: (props: Props) => JSX.Element;
 export declare const SingleFileProcessing: () => JSX.Element;
 export declare const Indeterminate: () => JSX.Element;
+export declare const WithPreviewImages: () => JSX.Element;
 //# sourceMappingURL=FilesProcessor.stories.d.ts.map

package/componentsV2/FilesProcessor/FilesProcessor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesProcessor.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesProcessor/FilesProcessor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA+BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,gBA+CnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAkChC,CAAC;AAMF,eAAO,MAAM,aAAa,mBAqCzB,CAAC"}
+{"version":3,"file":"FilesProcessor.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesProcessor/FilesProcessor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA+BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,gBA+CnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAkChC,CAAC;AAMF,eAAO,MAAM,aAAa,mBAqCzB,CAAC;AAMF,eAAO,MAAM,iBAAiB,mBAsD7B,CAAC"}

package/componentsV2/FilesProcessor/Processor.d.ts

@@ -6,6 +6,7 @@ export type ProcessorProps<T> = {
     file: File;
     onDelete: (file: File) => void;
     formatProgress?: FilesLoaderProps['formatProgress'];
+    preview?: boolean;
 };
-export declare const Processor: <T extends object>(props: ProcessorProps<T>) => JSX.Element;
+export declare const Processor: <T extends object>({ onStatusChange, file, processFile, onDelete, formatProgress, preview, }: ProcessorProps<T>) => JSX.Element;
 //# sourceMappingURL=Processor.d.ts.map

package/componentsV2/FilesProcessor/Processor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Processor.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesProcessor/Processor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAEjF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpE,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC,gBA+HnE,CAAC"}
+{"version":3,"file":"Processor.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/FilesProcessor/Processor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAEjF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpE,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EAAE,2EAOzC,cAAc,CAAC,CAAC,CAAC,gBA+HnB,CAAC"}

package/componentsV2/FilesProcessor/Processor.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{jsx as n}from"react/jsx-runtime";import{useState as o,useCallback as a,useMemo as c,useEffect as i}from"react";import{FilesLoader as u}from"../FilesLoader/FilesLoader.js";var l=function(l){var s=l.onStatusChange,f=l.file,m=l.processFile,p=l.onDelete,d=l.formatProgress,v=o({total:0,current:0,indeterminate:!0,complete:!1}),b=r(v,2),x=b[0],g=b[1],h=o(),k=r(h,2),y=k[0],w=k[1],C=o(!1),F=r(C,2),j=F[0],D=F[1],E=o(),L=r(E,2),P=L[0],S=L[1],T=a((function(e,r){g({total:e,current:r,indeterminate:!1,complete:!1})}),[]),A=c((function(){if(P)return function(){P(),D(!0),s({success:!1,cancelled:!0,file:f})}}),[P,f,s]),G=a((function(){var r=!1;return function(){var n=e(t.mark((function e(n){var o,a,c,i;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,o=function(){r||T.apply(void 0,arguments)},a=function(e){S((function(){return function(){r=!0,e()}}))},e.next=5,m(n,o,a);case 5:if(c=e.sent,!r){e.next=8;break}return e.abrupt("return");case 8:g((function(e){var r=e.total;return{total:r,current:r,indeterminate:e.indeterminate,complete:!0}})),s({success:!0,cancelled:!1,data:c,file:n}),e.next=19;break;case 12:if(e.prev=12,e.t0=e.catch(0),!r){e.next=16;break}return e.abrupt("return");case 16:i=e.t0 instanceof Error?e.t0:new Error(String(e.t0)),w(i),s({success:!1,cancelled:!1,error:i,file:n});case 19:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(e){return n.apply(this,arguments)}}()}),[m,s,T]),R=a((function(){w(void 0),D(!1),s({file:f,success:!1,data:void 0,error:void 0,cancelled:!1}),G()(f)}),[f,G,s]),q=a((function(){p(f)}),[p,f]);i((function(){G()(f)}),[f,G]);var z=j?"Cancelled":null,B=y?null==y?void 0:y.message:z;return n(u,{name:f.name,total:x.total,current:x.current,error:B,onCancel:A,onReload:R,onDelete:q,formatProgress:d,complete:x.complete,indeterminate:x.indeterminate})};export{l as Processor};
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{jsx as n}from"react/jsx-runtime";import{useState as o,useCallback as a,useMemo as i,useEffect as c}from"react";import{FilesLoader as u}from"../FilesLoader/FilesLoader.js";var l=function(l){var s=l.onStatusChange,f=l.file,m=l.processFile,p=l.onDelete,d=l.formatProgress,v=l.preview,b=o({total:0,current:0,indeterminate:!0,complete:!1}),x=r(b,2),g=x[0],h=x[1],w=o(),k=r(w,2),y=k[0],C=k[1],F=o(!1),j=r(F,2),D=j[0],E=j[1],L=o(),P=r(L,2),S=P[0],T=P[1],A=a((function(e,r){h({total:e,current:r,indeterminate:!1,complete:!1})}),[]),G=i((function(){if(S)return function(){S(),E(!0),s({success:!1,cancelled:!0,file:f})}}),[S,f,s]),R=a((function(){var r=!1;return function(){var n=e(t.mark((function e(n){var o,a,i,c;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,o=function(){r||A.apply(void 0,arguments)},a=function(e){T((function(){return function(){r=!0,e()}}))},e.next=5,m(n,o,a);case 5:if(i=e.sent,!r){e.next=8;break}return e.abrupt("return");case 8:h((function(e){var r=e.total;return{total:r,current:r,indeterminate:e.indeterminate,complete:!0}})),s({success:!0,cancelled:!1,data:i,file:n}),e.next=19;break;case 12:if(e.prev=12,e.t0=e.catch(0),!r){e.next=16;break}return e.abrupt("return");case 16:c=e.t0 instanceof Error?e.t0:new Error(String(e.t0)),C(c),s({success:!1,cancelled:!1,error:c,file:n});case 19:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(e){return n.apply(this,arguments)}}()}),[m,s,A]),q=a((function(){C(void 0),E(!1),s({file:f,success:!1,data:void 0,error:void 0,cancelled:!1}),R()(f)}),[f,R,s]),z=a((function(){p(f)}),[p,f]);c((function(){R()(f)}),[f,R]);var B=D?"Cancelled":null,H=y?null==y?void 0:y.message:B;return n(u,{name:f.name,total:g.total,current:g.current,error:H,onCancel:G,onReload:q,onDelete:z,formatProgress:d,complete:g.complete,indeterminate:g.indeterminate,preview:v?f:void 0})};export{l as Processor};
 //# sourceMappingURL=Processor.js.map

package/componentsV2/WellArchivedMessage/WellArchivedMessage.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{jsx as e}from"react/jsx-runtime";import{useState as n,useCallback as i,useEffect as r}from"react";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as p}from"../AppCommonsProvider/AppCommonsContext.js";import"../../utils/index.js";import"../../components/DevCenter/AppHeader/AppHeader.js";import"../../components/DevCenter/AppSideBar/AppSideBar.js";import"../../components/DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"lodash";import"@material-ui/core";import"@material-ui/icons";import"../../components/DevCenter/AppContext.js";import"../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as c}from"../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";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"../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../Text/Text.js";import"../Grid/Grid.js";import"../Grid/Cell.js";import"../Header/Header.scss.js";import"../Button/Button.js";import"../ButtonIcon/ButtonIcon.js";import"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"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"@babel/runtime/helpers/toConsumableArray";import"../TextInput/TextInput.js";import"../TextInputNext/TextInputNext.js";import"../Label/Label.js";import"../TextEndTruncated/TextEndTruncated.scss.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../TextLink/TextLink.js";import"../Chip/Chip.js";import"../ChipAlert/ChipAlert.js";import"../ChipIndicator/ChipIndicator.js";import"../Avatar/Avatar.js";import"../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../ToggleButtons/ToggleButtons.scss.js";import"../Paper/Paper.js";import"../ModalWindow/ModalWindow.js";import"../Modal/Modal.scss.js";import"../Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../utils.js";import"../Hint/Hint.scss.js";import"../Counter/Counter.js";import"../BadgeBase/BadgeBase.scss.js";import"../TemplatesControl/TemplatesControl.js";import"zustand";import"../TemplatesControl/utils.js";import"../TemplatesControl/icons/folder/index.js";import"../TemplatesControl/Store/utils.js";import"../TemplatesControl/types.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../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"../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"../AppHeader/AppHeader.constants.js";import"../AppHeader/AppBadge/AppBadge.scss.js";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"../../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 m from"../../utils/resolveWellHubSlug.js";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"../Autocomplete/Autocomplete.js";import"../Select/Select.js";import"../AppSettingsDivider/AppSettingsDivider.scss.js";import"../DatePicker/DatePicker.js";import"../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../Slider/constants.js";import"../Slider/components/SliderThumb.js";import"../Slider/Slider.scss.js";import"react-color";import"../ColorPicker/Swatches/Swatches.scss.js";import"../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../ColorPicker/ColorPicker.scss.js";import"../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../components/Icons/AnnotationIcon.js";import"../../components/Annotations/components/AnnotationsList/index.js";import"../../components/Annotations/components/LastAnnotation/index.js";import"../../components/Annotations/AnnotationsContext.js";import"../../components/Toaster/Toaster.js";import"../../components/HelpCenter/HelpCenterIcon.js";import"../../components/DevCenter/NavigationBar/NavigationBar.js";import"../../components/DevCenter/SideBar/SideBar.js";import"../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{ModalDisplayComponent as a}from"./ModalDisplayComponent/ModalDisplayComponent.js";var l=function(o){return"archived"===(null==o?void 0:o.status)},j=function(j){var d=j.displayComponent,u=void 0===d?a:d,A=j.onClose,C=p().well,v=c(),I=n(l(C)),D=s(I,2),S=D[0],g=D[1],P=i((function(){null==A||A(),g(!1)}),[A]),h=i(o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return P(),o.next=3,m();case 3:(s=o.sent)&&v.push("/assets/".concat(null==C?void 0:C.asset_id,"/").concat(s));case 5:case"end":return o.stop()}}),o)}))),[v,null==C?void 0:C.asset_id,P]);return r((function(){g(l({status:null==C?void 0:C.status}))}),[null==C?void 0:C.id,null==C?void 0:C.status]),S?e(u,{onClose:P,onUnarchive:h}):null};j.DisplayComponents={Modal:a};var d=j;export{d as WellArchivedMessage,j as WellArchivedMessageBase};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{jsx as e}from"react/jsx-runtime";import{useState as n,useCallback as i,useEffect as r}from"react";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as p}from"../AppCommonsProvider/AppCommonsContext.js";import"../../utils/index.js";import"../../components/DevCenter/AppHeader/AppHeader.js";import"../../components/DevCenter/AppSideBar/AppSideBar.js";import"../../components/DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"lodash";import"@material-ui/core";import"@material-ui/icons";import"../../components/DevCenter/AppContext.js";import"../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as c}from"../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";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"../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../Text/Text.js";import"../Grid/Grid.js";import"../Grid/Cell.js";import"../Header/Header.scss.js";import"../Button/Button.js";import"../ButtonIcon/ButtonIcon.js";import"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"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"@babel/runtime/helpers/toConsumableArray";import"../TextInput/TextInput.js";import"../TextInputNext/TextInputNext.js";import"../Label/Label.js";import"../TextEndTruncated/TextEndTruncated.scss.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../TextLink/TextLink.js";import"../Chip/Chip.js";import"../ChipAlert/ChipAlert.js";import"../ChipIndicator/ChipIndicator.js";import"../Avatar/Avatar.js";import"../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../ToggleButtons/ToggleButtons.scss.js";import"../Paper/Paper.js";import"../ModalWindow/ModalWindow.js";import"../Modal/Modal.scss.js";import"../Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../utils.js";import"../Hint/Hint.scss.js";import"../Counter/Counter.js";import"../BadgeBase/BadgeBase.scss.js";import"../TemplatesControl/TemplatesControl.js";import"zustand";import"../TemplatesControl/utils.js";import"../TemplatesControl/icons/folder/index.js";import"../TemplatesControl/Store/utils.js";import"../TemplatesControl/types.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../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"../AppHeader/AppHeader.constants.js";import"../AppHeader/AppBadge/AppBadge.scss.js";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"../../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 m from"../../utils/resolveWellHubSlug.js";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"../Autocomplete/Autocomplete.js";import"../Select/Select.js";import"../AppSettingsDivider/AppSettingsDivider.scss.js";import"../DatePicker/DatePicker.js";import"../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../Slider/constants.js";import"../Slider/components/SliderThumb.js";import"../Slider/Slider.scss.js";import"react-color";import"../ColorPicker/Swatches/Swatches.scss.js";import"../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../ColorPicker/ColorPicker.scss.js";import"../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../components/Icons/AnnotationIcon.js";import"../../components/Annotations/components/AnnotationsList/index.js";import"../../components/Annotations/components/LastAnnotation/index.js";import"../../components/Annotations/AnnotationsContext.js";import"../../components/Toaster/Toaster.js";import"../../components/HelpCenter/HelpCenterIcon.js";import"../../components/DevCenter/NavigationBar/NavigationBar.js";import"../../components/DevCenter/SideBar/SideBar.js";import"../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{ModalDisplayComponent as a}from"./ModalDisplayComponent/ModalDisplayComponent.js";var l=function(o){return"archived"===(null==o?void 0:o.status)},j=function(j){var d=j.displayComponent,u=void 0===d?a:d,A=j.onClose,C=p().well,v=c(),I=n(l(C)),D=s(I,2),S=D[0],g=D[1],P=i((function(){null==A||A(),g(!1)}),[A]),h=i(o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return P(),o.next=3,m();case 3:(s=o.sent)&&v.push("/assets/".concat(null==C?void 0:C.asset_id,"/").concat(s));case 5:case"end":return o.stop()}}),o)}))),[v,null==C?void 0:C.asset_id,P]);return r((function(){g(l({status:null==C?void 0:C.status}))}),[null==C?void 0:C.id,null==C?void 0:C.status]),S?e(u,{onClose:P,onUnarchive:h}):null};j.DisplayComponents={Modal:a};var d=j;export{d as WellArchivedMessage,j as WellArchivedMessageBase};
 //# sourceMappingURL=WellArchivedMessage.js.map

package/mcp-server/server.mjs

@@ -237,7 +237,7 @@ const validateDsn = (dsn) => {
 
 const MCP_SERVER_VERSION = '1.3.0';
 
-var version = "3.66.0-0";
+var version = "3.66.0-2";
 
 const CORVA_UI_VERSION = version;
 
@@ -3890,7 +3890,13 @@ var componentsV2Data = [
 			{
 				name: "name",
 				type: "string",
-				required: true,
+				required: false,
+				description: ""
+			},
+			{
+				name: "preview",
+				type: "File | string",
+				required: false,
 				description: ""
 			},
 			{
@@ -3985,6 +3991,11 @@ var componentsV2Data = [
 				name: "CustomProgressFormatting",
 				description: "You can provide your own progress formatting function through `formatProgress` prop",
 				code: "<FilesLoader\n    name=\"cat.png\"\n    current={10_000}\n    total={20_000}\n    formatProgress={(total, current) => (\n      <>\n        Goats teleported: <em>{current}</em> of <em>{total}</em>\n      </>\n    )}\n  />"
+			},
+			{
+				name: "WithPreviewImage",
+				description: "You can pass `preview` prop to display a preview. Note that `name` takes precedence over `preview`",
+				code: "<SbColumn alignItems=\"stretch\">\n    <FilesLoader\n      name=\"cat.png\"\n      preview=\"https://upload.wikimedia.org/wikipedia/commons/d/dc/Grumpy_Cat_%2814556024763%29_%28cropped%29.jpg\"\n      current={10_000}\n      total={20_000}\n    />\n    <FilesLoader\n      preview=\"https://upload.wikimedia.org/wikipedia/commons/d/dc/Grumpy_Cat_%2814556024763%29_%28cropped%29.jpg?dummyparam=dummyvalue\"\n      current={10_000}\n      total={20_000}\n    />\n  </SbColumn>"
 			}
 		],
 		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/FilesLoader/FilesLoader.tsx",
@@ -4028,7 +4039,13 @@ var componentsV2Data = [
 				name: "value",
 				type: "ValueItem[]",
 				required: false,
-				description: "Files list to display\n\n`type ValueItem = {id: string | number; name: string;};`"
+				description: "Files list to display\n\n`type ValueItem = {id: string | number; name: string; preview?: File | string};`"
+			},
+			{
+				name: "preview",
+				type: "boolean",
+				required: false,
+				description: "Shows preview for images being processed and from `value` prop. Pass `preview` property to an item of `value`."
 			},
 			{
 				name: "onDelete",
@@ -4095,17 +4112,22 @@ var componentsV2Data = [
 			{
 				name: "Default",
 				description: "",
-				code: "{\n  const [value, setValue] = useState([\n    { id: 1, name: 'data.csv' },\n    { id: 2, name: 'more data.xlsx' },\n    { id: 3, name: 'My Cat.jpeg' },\n  ]);\n\n  const processFile: FilesProcessorFunction<{\n    id: number;\n    fileName: string;\n  }> = useCallback(async (file, onProgress, registerOnCancel) => {\n    // eslint-disable-next-line no-console\n    registerOnCancel(() => console.log('CANCELLED', file));\n\n    for (let i = 0, c = 5; i < c; i += 1) {\n      onProgress(600, 100 * (i + 1));\n      // eslint-disable-next-line no-await-in-loop\n      await new Promise(r => setTimeout(r, 500));\n    }\n\n    return {\n      id: Math.random() * 1000,\n      fileName: file.name,\n    };\n  }, []);\n\n  return (\n    <FilesProcessor\n      {...props}\n      processFile={processFile}\n      value={value}\n      onDone={(results, ...rest) => {\n        props.onDone?.(results, ...rest);\n\n        const mapResults = (result: typeof results[number]) => ({\n          id: result.id,\n          name: result.fileName,\n    \n// ... (truncated)"
+				code: "{\n  const [value, setValue] = useState([\n    { id: 1, name: 'data.csv' },\n    { id: 2, name: 'more data.xlsx' },\n    { id: 3, name: 'My Cat.jpeg' },\n  ]);\n\n  const processFile: FilesProcessorFunction<{\n    id: number;\n    fileName: string;\n  }> = useCallback(async (file, onProgress, registerOnCancel) => {\n    // eslint-disable-next-line no-console\n    registerOnCancel(() => console.log('CANCELLED', file));\n\n    for (let i = 0, c = 5; i < c; i += 1) {\n      onProgress(100 * c, 100 * (i + 1));\n      // eslint-disable-next-line no-await-in-loop\n      await new Promise(r => setTimeout(r, 500));\n    }\n\n    return {\n      id: Math.random() * 1000,\n      fileName: file.name,\n    };\n  }, []);\n\n  return (\n    <FilesProcessor\n      {...props}\n      processFile={processFile}\n      value={value}\n      onDone={(results, ...rest) => {\n        props.onDone?.(results, ...rest);\n\n        const mapResults = (result: typeof results[number]) => ({\n          id: result.id,\n          name: result.fileName,\n\n// ... (truncated)"
 			},
 			{
 				name: "SingleFileProcessing",
 				description: "If `multiple` prop is `false` or `undefined`, the component will accept only a single file and will not display a dropzone if `value` is not empty",
-				code: "{\n  const [value, setValue] = useState<\n    {\n      id: number;\n      name: string;\n    }[]\n  >([]);\n\n  const processFile: FilesProcessorFunction<{\n    id: number;\n    name: string;\n  }> = useCallback(async (file, onProgress) => {\n    for (let i = 0, c = 5; i < c; i += 1) {\n      onProgress(600, 100 * (i + 1));\n      // eslint-disable-next-line no-await-in-loop\n      await new Promise(r => setTimeout(r, 100));\n    }\n\n    return {\n      id: Math.random() * 1000,\n      name: file.name,\n    };\n  }, []);\n\n  return (\n    <FilesProcessor\n      processFile={processFile}\n      value={value}\n      onDone={setValue}\n      onDelete={item => {\n        setValue(items => items.filter(({ id }) => id !== item.id));\n      }}\n    />\n  );\n}"
+				code: "{\n  const [value, setValue] = useState<\n    {\n      id: number;\n      name: string;\n    }[]\n  >([]);\n\n  const processFile: FilesProcessorFunction<{\n    id: number;\n    name: string;\n  }> = useCallback(async (file, onProgress) => {\n    for (let i = 0, c = 5; i < c; i += 1) {\n      onProgress(100 * c, 100 * (i + 1));\n      // eslint-disable-next-line no-await-in-loop\n      await new Promise(r => setTimeout(r, 100));\n    }\n\n    return {\n      id: Math.random() * 1000,\n      name: file.name,\n    };\n  }, []);\n\n  return (\n    <FilesProcessor\n      processFile={processFile}\n      value={value}\n      onDone={setValue}\n      onDelete={item => {\n        setValue(items => items.filter(({ id }) => id !== item.id));\n      }}\n    />\n  );\n}"
 			},
 			{
 				name: "Indeterminate",
 				description: "If you don't call `onProgress` (second argument of `processFile`), processing will be \"indetermiante\"",
 				code: "{\n  const [value, setValue] = useState(() => [\n    { id: 1, name: 'data.csv' },\n    { id: 2, name: 'more data.xlsx' },\n    { id: 3, name: 'My Cat.jpeg' },\n  ]);\n\n  const processFile: FilesProcessorFunction<{\n    id: number;\n    fileName: string;\n  }> = useCallback(async file => {\n    await new Promise(r => setTimeout(r, 5000));\n\n    return {\n      id: Math.random() * 1000,\n      fileName: file.name,\n    };\n  }, []);\n\n  return (\n    <FilesProcessor\n      multiple\n      processFile={processFile}\n      value={value}\n      onDone={results => {\n        const mapResults = (result: typeof results[number]) => ({\n          id: result.id,\n          name: result.fileName,\n        });\n\n        setValue(items => [...results.map(mapResults), ...items]);\n      }}\n      onDelete={item => {\n        setValue(items => items.filter(({ id }) => id !== item.id));\n      }}\n    />\n  );\n}"
+			},
+			{
+				name: "WithPreviewImages",
+				description: "Use `preview` prop to show file previews while processing if available. To show previews for pre-existing files/or already processed ones, use the `preview` property of the `value prop's item`",
+				code: "{\n  const [value, setValue] = useState<{ id: number; name: string; preview?: string | File }[]>([\n    { id: 1, name: 'data.csv' },\n    { id: 2, name: 'more data.xlsx' },\n    {\n      id: 3,\n      name: 'My Cat.jpeg',\n      preview:\n        'https://upload.wikimedia.org/wikipedia/commons/d/dc/Grumpy_Cat_%2814556024763%29_%28cropped%29.jpg',\n    },\n  ]);\n\n  const processFile = useCallback<\n    FilesProcessorFunction<{\n      id: number;\n      fileName: string;\n      preview: File | string;\n    }>\n  >(async (file, onProgress) => {\n    for (let i = 0, c = 15; i < c; i += 1) {\n      onProgress(100 * c, 100 * (i + 1));\n      // eslint-disable-next-line no-await-in-loop\n      await new Promise(r => setTimeout(r, 500));\n    }\n\n    return {\n      id: Math.random() * 1000,\n      fileName: file.name,\n      // In real life this should be an URL to uploaded file\n      preview: file,\n    };\n  }, []);\n\n  return (\n    <FilesProcessor\n      preview\n      multiple\n      processFile={processFile}\n      val\n// ... (truncated)"
 			}
 		],
 		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/FilesProcessor/FilesProcessor.tsx",
@@ -87756,6 +87778,7 @@ var migrationsData = [
 		],
 		autoDerived: {
 			addedProps: [
+				"preview",
 				"testId"
 			],
 			removedProps: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.66.0-0",
+  "version": "3.66.0-2",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [