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

@corva/ui 3.80.0-0 → 3.80.0-10

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

Files changed (708) hide show

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/regenerator";import{useState as n,useMemo as o,useCallback as i,useEffect as a}from"react";import p from"classnames";import{Text as c}from"../../../Text/Text.js";import{LoaderLogo as m}from"../../../LoaderLogo/LoaderLogo.js";import{getAssetByFracFleetId as l,getAssetByRigId as u,getAssetByWellIdForInterventionUnit as d,getAssetByWellIdForRig as f,getAssetByPadId as y}from"../../../../utils/getSingleAsset.js";import{AssetSelectorSelect as v}from"./AssetSelectorSelect/AssetSelectorSelect.js";import{loadAssets as j}from"./AssetSelectorSelect/loadAssets.js";import{AssetSelectorTestIds as b}from"./constants.js";import h from"./AssetSelector.scss.js";import"querystring";import"lodash";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/jsonApi/index.js";import{getAppSegment as g}from"../../../../utils/devcenter.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../constants/goals.js";import{SEGMENT_TO_ASSET_TYPE as w}from"../../../../constants/segment.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../constants/notifications.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../constants/apps.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"uuid";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/StatusBadge/constants.js";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"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as S}from"react/jsx-runtime";function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,s)}return r}function C(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?A(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):A(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var k=function(){var t=r(s.mark((function t(r,n){var o,i,a,p;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null!=r&&r.id){t.next=2;break}throw new Error("Primary asset id is empty!");case 2:if("rig"!==r.type){t.next=10;break}return t.next=5,u(r);case 5:return o=t.sent,i=o.wellId,t.abrupt("return",e({},n.id,i&&String(i)));case 10:if("intervention_unit"!==r.type){t.next=14;break}return t.abrupt("return",e({},n.id,null));case 14:if("frac_fleet"!==r.type){t.next=22;break}return t.next=17,l(r);case 17:return a=t.sent,p=a.padId,t.abrupt("return",e({},n.id,p&&String(p)));case 22:throw new Error('Unknown primary asset type "'.concat(String(r.type),'"'));case 23:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}(),P=function(){var t=r(s.mark((function t(r,n,o){var i,a,p,c,m,l;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r.id){t.next=2;break}throw new Error("Secondary asset id is empty!");case 2:if("pad"!==r.type){t.next=10;break}return t.next=5,y(r,{fallbackFleetId:null==o?void 0:o.id});case 5:return i=t.sent,a=i.fracFleetId,t.abrupt("return",e({},n.id,a&&String(a)));case 10:if("well"!==r.type||"rig"!==n.type){t.next=18;break}return t.next=13,f(r);case 13:return p=t.sent,c=p.rigId,t.abrupt("return",e({},n.id,c&&String(c)));case 18:if("well"!==r.type||"intervention_unit"!==n.type){t.next=26;break}return t.next=21,d(r);case 21:return m=t.sent,l=m.interventionUnitId,t.abrupt("return",e({},n.id,l&&String(l)));case 26:throw new Error('Unknown secondary asset type "'.concat(String(r.type),'"'));case 27:case"end":return t.stop()}}),t)})));return function(e,r,s){return t.apply(this,arguments)}}(),O=function(){var l,u=T(),d=u.app,f=u.appSettings,y=u.well,A=u.rig,O=u.fracFleet,I=u.interventionUnit,N=u.onSettingsChange,_=g(d),D=w[_],E=n(!1),L=t(E,2),U=L[0],F=L[1],z=n(),B=t(z,2),G=B[0],M=B[1],R=D.primaryAsset,W=D.secondaryAsset,q=o((function(){return A&&"rig"===R.assetType.type?C(C({},A),{},{type:"rig"}):O&&"frac_fleet"===R.assetType.type?C(C({},O),{},{type:"frac_fleet"}):I&&"intervention_unit"===R.assetType.type?C(C({},I),{},{type:"intervention_unit"}):void 0}),[R.assetType.type,A,O,I]),H=o((function(){return y&&"well"===W.assetType.type?C(C({},y),{},{type:"well"}):G&&"pad"===W.assetType.type?G:void 0}),[W.assetType.type,y,G]),J=i(function(){var t=r(s.mark((function t(r){var n;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,k(r,W.assetType);case 4:n=t.sent,N(C(C({},f),{},e({},R.assetType.id,r.id),n)),t.next=11;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0);case 11:return t.prev=11,F(!1),t.finish(11);case 14:case"end":return t.stop()}}),t,null,[[0,8,11,14]])})));return function(e){return t.apply(this,arguments)}}(),[R.assetType,f,N,W.assetType]),K=i(function(){var t=r(s.mark((function t(r){var n,o,i;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,P(r,R.assetType,q);case 4:o=t.sent,i="intervention_unit"===(null==q?void 0:q.type)&&Number(r.id)===Number(null===(n=q.active_well)||void 0===n?void 0:n.id),N(C(C({},f),{},e({},W.assetType.id,i?null:r.id),o)),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(0),console.error(t.t0);case 12:return t.prev=12,F(!1),t.finish(12);case 15:case"end":return t.stop()}}),t,null,[[0,9,12,15]])})));return function(e){return t.apply(this,arguments)}}(),[N,W.assetType,R.assetType,f,q]);return a((function(){if("pad"===W.assetType.type){var t=function(){var t=r(s.mark((function t(){var e,r;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return F(!0),t.next=3,j({assetType:"pad",page:1,perPage:1,ids:[Number(null==f?void 0:f[W.assetType.id])]});case 3:e=t.sent,r=e.find((function(t){return Number(t.id)===Number(null==f?void 0:f[W.assetType.id])})),M(r),F(!1);case 7:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();t()}}),[R.assetType,W.assetType,f]),x("div",{"data-testid":b.RootTestId,className:h.root,children:[U&&S(m,{size:40,className:h.loader}),D?x("div",{className:p(h.content,U&&h.loading),children:[S(v,{testId:b.PrimaryAssetTestId,type:R.assetType,currentAsset:q,onChange:J}),S(v,{testId:b.SecondaryAssetTestId,type:W.assetType,currentAsset:H,parentId:null==q?void 0:q.id,parentType:null==q?void 0:q.type,parentActiveWellId:"frac_fleet"!==(null==q?void 0:q.type)&&null!=q&&null!==(l=q.active_well)&&void 0!==l&&l.id?Number(q.active_well.id):void 0,onChange:K})]}):x(c,{testId:b.NoAssetTypeTestId,size:14,color:"T6",children:['No Asset Type Data for segment "',String(_),'"']})]})};export{O as AssetSelector};
+import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/regenerator";import{useState as n,useMemo as o,useCallback as i,useEffect as a}from"react";import p from"classnames";import{Text as c}from"../../../Text/Text.js";import{LoaderLogo as m}from"../../../LoaderLogo/LoaderLogo.js";import{getAssetByFracFleetId as l,getAssetByRigId as u,getAssetByWellIdForInterventionUnit as d,getAssetByWellIdForRig as f,getAssetByPadId as y}from"../../../../utils/getSingleAsset.js";import{AssetSelectorSelect as j}from"./AssetSelectorSelect/AssetSelectorSelect.js";import{loadAssets as v}from"./AssetSelectorSelect/loadAssets.js";import{AssetSelectorTestIds as b}from"./constants.js";import h from"./AssetSelector.scss.js";import"querystring";import"lodash";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/jsonApi/index.js";import{getAppSegment as g}from"../../../../utils/devcenter.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../constants/goals.js";import{SEGMENT_TO_ASSET_TYPE as w}from"../../../../constants/segment.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../constants/notifications.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../constants/apps.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"../../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"uuid";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/StatusBadge/constants.js";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"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as S}from"react/jsx-runtime";function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,s)}return r}function C(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?A(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):A(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var k=function(){var t=r(s.mark((function t(r,n){var o,i,a,p;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null!=r&&r.id){t.next=2;break}throw new Error("Primary asset id is empty!");case 2:if("rig"!==r.type){t.next=10;break}return t.next=5,u(r);case 5:return o=t.sent,i=o.wellId,t.abrupt("return",e({},n.id,i&&String(i)));case 10:if("intervention_unit"!==r.type){t.next=14;break}return t.abrupt("return",e({},n.id,null));case 14:if("frac_fleet"!==r.type){t.next=22;break}return t.next=17,l(r);case 17:return a=t.sent,p=a.padId,t.abrupt("return",e({},n.id,p&&String(p)));case 22:throw new Error('Unknown primary asset type "'.concat(String(r.type),'"'));case 23:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}(),P=function(){var t=r(s.mark((function t(r,n,o){var i,a,p,c,m,l;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r.id){t.next=2;break}throw new Error("Secondary asset id is empty!");case 2:if("pad"!==r.type){t.next=10;break}return t.next=5,y(r,{fallbackFleetId:null==o?void 0:o.id});case 5:return i=t.sent,a=i.fracFleetId,t.abrupt("return",e({},n.id,a&&String(a)));case 10:if("well"!==r.type||"rig"!==n.type){t.next=18;break}return t.next=13,f(r);case 13:return p=t.sent,c=p.rigId,t.abrupt("return",e({},n.id,c&&String(c)));case 18:if("well"!==r.type||"intervention_unit"!==n.type){t.next=26;break}return t.next=21,d(r);case 21:return m=t.sent,l=m.interventionUnitId,t.abrupt("return",e({},n.id,l&&String(l)));case 26:throw new Error('Unknown secondary asset type "'.concat(String(r.type),'"'));case 27:case"end":return t.stop()}}),t)})));return function(e,r,s){return t.apply(this,arguments)}}(),O=function(){var l,u=T(),d=u.app,f=u.appSettings,y=u.well,A=u.rig,O=u.fracFleet,I=u.interventionUnit,N=u.onSettingsChange,_=g(d),D=w[_],E=n(!1),L=t(E,2),U=L[0],F=L[1],R=n(),z=t(R,2),q=z[0],B=z[1],G=D.primaryAsset,M=D.secondaryAsset,W=o((function(){return A&&"rig"===G.assetType.type?C(C({},A),{},{type:"rig"}):O&&"frac_fleet"===G.assetType.type?C(C({},O),{},{type:"frac_fleet"}):I&&"intervention_unit"===G.assetType.type?C(C({},I),{},{type:"intervention_unit"}):void 0}),[G.assetType.type,A,O,I]),H=o((function(){return y&&"well"===M.assetType.type?C(C({},y),{},{type:"well"}):q&&"pad"===M.assetType.type?q:void 0}),[M.assetType.type,y,q]),J=i(function(){var t=r(s.mark((function t(r){var n;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,k(r,M.assetType);case 4:n=t.sent,N(C(C({},f),{},e({},G.assetType.id,r.id),n)),t.next=11;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0);case 11:return t.prev=11,F(!1),t.finish(11);case 14:case"end":return t.stop()}}),t,null,[[0,8,11,14]])})));return function(e){return t.apply(this,arguments)}}(),[G.assetType,f,N,M.assetType]),K=i(function(){var t=r(s.mark((function t(r){var n,o,i;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,P(r,G.assetType,W);case 4:o=t.sent,i="intervention_unit"===(null==W?void 0:W.type)&&Number(r.id)===Number(null===(n=W.active_well)||void 0===n?void 0:n.id),N(C(C({},f),{},e({},M.assetType.id,i?null:r.id),o)),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(0),console.error(t.t0);case 12:return t.prev=12,F(!1),t.finish(12);case 15:case"end":return t.stop()}}),t,null,[[0,9,12,15]])})));return function(e){return t.apply(this,arguments)}}(),[N,M.assetType,G.assetType,f,W]);return a((function(){if("pad"===M.assetType.type){var t=function(){var t=r(s.mark((function t(){var e,r;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return F(!0),t.next=3,v({assetType:"pad",page:1,perPage:1,ids:[Number(null==f?void 0:f[M.assetType.id])]});case 3:e=t.sent,r=e.find((function(t){return Number(t.id)===Number(null==f?void 0:f[M.assetType.id])})),B(r),F(!1);case 7:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();t()}}),[G.assetType,M.assetType,f]),x("div",{"data-testid":b.RootTestId,className:h.root,children:[U&&S(m,{size:40,className:h.loader}),D?x("div",{className:p(h.content,U&&h.loading),children:[S(j,{testId:b.PrimaryAssetTestId,type:G.assetType,currentAsset:W,onChange:J}),S(j,{testId:b.SecondaryAssetTestId,type:M.assetType,currentAsset:H,parentId:null==W?void 0:W.id,parentType:null==W?void 0:W.type,parentActiveWellId:"frac_fleet"!==(null==W?void 0:W.type)&&null!=W&&null!==(l=W.active_well)&&void 0!==l&&l.id?Number(W.active_well.id):void 0,onChange:K})]}):x(c,{testId:b.NoAssetTypeTestId,size:14,color:"T6",children:['No Asset Type Data for segment "',String(_),'"']})]})};export{O as AssetSelector};
 //# sourceMappingURL=AssetSelector.js.map

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSelector.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../../Text';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport {\n getAssetByFracFleetId,\n getAssetByPadId,\n getAssetByRigId,\n getAssetByWellIdForInterventionUnit,\n getAssetByWellIdForRig,\n} from '../../../../utils/getSingleAsset';\n\nimport { AssetSelectorSelect } from './AssetSelectorSelect';\nimport { Asset, PrimaryAsset } from './AssetSelectorSelect/constants';\nimport { loadAssets } from './AssetSelectorSelect/loadAssets';\nimport { AssetSelectorTestIds } from './constants';\n\nimport styles from './AssetSelector.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { getAppSegment } from '~/utils/devcenter';\nimport { SEGMENT_TO_ASSET_TYPE } from '~/constants/segment';\n\ntype PrimaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['primaryAsset']['assetType'];\ntype SecondaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['secondaryAsset']['assetType'];\n\nconst getSettingsByPrimaryAsset = async (\n asset: Asset,\n secondaryAssetType: SecondaryAssetConfig\n) => {\n if (!asset?.id) {\n throw new Error('Primary asset id is empty!');\n }\n\n if (asset.type === 'rig') {\n const { wellId } = await getAssetByRigId(asset);\n\n return {\n [secondaryAssetType.id]: wellId && String(wellId),\n };\n } else if (asset.type === 'intervention_unit') {\n return {\n [secondaryAssetType.id]: null,\n };\n } else if (asset.type === 'frac_fleet') {\n const { padId } = await getAssetByFracFleetId(asset);\n\n return {\n [secondaryAssetType.id]: padId && String(padId),\n };\n } else {\n throw new Error(`Unknown primary asset type \"${String(asset.type)}\"`);\n }\n};\n\nconst getSettingsBySecondaryAsset = async (\n asset: Asset,\n primaryAssetType: PrimaryAssetConfig,\n currentPrimaryAsset?: PrimaryAsset\n) => {\n if (!asset.id) {\n throw new Error('Secondary asset id is empty!');\n }\n\n if (asset.type === 'pad') {\n const { fracFleetId } = await getAssetByPadId(asset, {\n // Falling back to current fleet if pad has no parent fleet id\n // Apparently it's OK when searching for pads, because then API returns proper parent fleet id\n fallbackFleetId: currentPrimaryAsset?.id,\n });\n\n return {\n [primaryAssetType.id]: fracFleetId && String(fracFleetId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'rig') {\n const { rigId } = await getAssetByWellIdForRig(asset);\n return {\n [primaryAssetType.id]: rigId && String(rigId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'intervention_unit') {\n const { interventionUnitId } = await getAssetByWellIdForInterventionUnit(asset);\n\n return { [primaryAssetType.id]: interventionUnitId && String(interventionUnitId) };\n } else {\n throw new Error(`Unknown secondary asset type \"${String(asset.type)}\"`);\n }\n};\n\nexport const AssetSelector = () => {\n const { app, appSettings, well, rig, fracFleet, interventionUnit, onSettingsChange } =\n useAppCommons();\n const segment = getAppSegment(app);\n const assetTypeData = SEGMENT_TO_ASSET_TYPE[segment];\n const [isLoading, setIsLoading] = useState(false);\n const [pad, setPad] = useState<Asset>();\n\n const { primaryAsset, secondaryAsset } = assetTypeData;\n\n const currentPrimaryAsset = useMemo((): PrimaryAsset \| undefined => {\n if (rig && primaryAsset.assetType.type === 'rig') {\n return { ...rig, type: 'rig' };\n } else if (fracFleet && primaryAsset.assetType.type === 'frac_fleet') {\n return { ...fracFleet, type: 'frac_fleet' };\n } else if (interventionUnit && primaryAsset.assetType.type === 'intervention_unit') {\n return { ...interventionUnit, type: 'intervention_unit' };\n }\n return undefined;\n }, [primaryAsset.assetType.type, rig, fracFleet, interventionUnit]);\n\n const currentSecondaryAsset = useMemo((): Asset \| undefined => {\n if (well && secondaryAsset.assetType.type === 'well') {\n return { ...well, type: 'well' };\n }\n\n if (pad && secondaryAsset.assetType.type === 'pad') {\n return pad;\n }\n\n return undefined;\n }, [secondaryAsset.assetType.type, well, pad]);\n\n const onPrimaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsByPrimaryAsset(asset, secondaryAsset.assetType);\n\n onSettingsChange({\n ...appSettings,\n [primaryAsset.assetType.id]: asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [primaryAsset.assetType, appSettings, onSettingsChange, secondaryAsset.assetType]\n );\n\n const onSecondaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsBySecondaryAsset(\n asset,\n primaryAsset.assetType,\n currentPrimaryAsset\n );\n\n const isActiveWellForIntervention =\n currentPrimaryAsset?.type === 'intervention_unit' &&\n Number(asset.id) === Number(currentPrimaryAsset.active_well?.id);\n\n onSettingsChange({\n ...appSettings,\n [secondaryAsset.assetType.id]: isActiveWellForIntervention ? null : asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [\n onSettingsChange,\n secondaryAsset.assetType,\n primaryAsset.assetType,\n appSettings,\n currentPrimaryAsset,\n ]\n );\n\n // Loading pad\n useEffect(() => {\n if (secondaryAsset.assetType.type === 'pad') {\n const loadPad = async () => {\n setIsLoading(true);\n\n const pads = await loadAssets({\n assetType: 'pad',\n page: 1,\n perPage: 1,\n ids: [Number(appSettings?.[secondaryAsset.assetType.id])],\n });\n\n const foundPad = pads.find(\n item => Number(item.id) === Number(appSettings?.[secondaryAsset.assetType.id])\n );\n\n setPad(foundPad);\n setIsLoading(false);\n };\n\n loadPad();\n }\n }, [primaryAsset.assetType, secondaryAsset.assetType, appSettings]);\n\n return (\n <div data-testid={AssetSelectorTestIds.RootTestId} className={styles.root}>\n {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n {assetTypeData ? (\n <div className={classNames(styles.content, isLoading && styles.loading)}>\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.PrimaryAssetTestId}\n type={primaryAsset.assetType}\n currentAsset={currentPrimaryAsset}\n onChange={onPrimaryAssetChange}\n />\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.SecondaryAssetTestId}\n type={secondaryAsset.assetType}\n currentAsset={currentSecondaryAsset}\n parentId={currentPrimaryAsset?.id}\n parentType={currentPrimaryAsset?.type}\n parentActiveWellId={\n currentPrimaryAsset?.type !== 'frac_fleet' && currentPrimaryAsset?.active_well?.id\n ? Number(currentPrimaryAsset.active_well.id)\n : undefined\n }\n onChange={onSecondaryAssetChange}\n />\n </div>\n ) : (\n <Text testId={AssetSelectorTestIds.NoAssetTypeTestId} size={14} color=\"T6\">\n No Asset Type Data for segment \"{String(segment)}\"\n </Text>\n )}\n </div>\n );\n};\n"],"names":["getSettingsByPrimaryAsset","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","asset","secondaryAssetType","_yield$getAssetByRigI","wellId","_yield$getAssetByFrac","padId","wrap","_context","prev","next","id","Error","type","getAssetByRigId","sent","String","abrupt","_defineProperty","getAssetByFracFleetId","stop","_x","_x2","apply","this","arguments","getSettingsBySecondaryAsset","_ref5","primaryAssetType","currentPrimaryAsset","_yield$getAssetByPadI","fracFleetId","_yield$getAssetByWell","rigId","_yield$getAssetByWell2","interventionUnitId","_context2","getAssetByPadId","fallbackFleetId","getAssetByWellIdForRig","getAssetByWellIdForInterventionUnit","_callee2","_x3","_x4","_x5","AssetSelector","_currentPrimaryAsset$2","_useAppCommons","useAppCommons","app","appSettings","well","rig","fracFleet","interventionUnit","onSettingsChange","segment","getAppSegment","assetTypeData","SEGMENT_TO_ASSET_TYPE","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState3","_useState4","pad","setPad","primaryAsset","secondaryAsset","useMemo","assetType","_objectSpread","currentSecondaryAsset","onPrimaryAssetChange","useCallback","_ref9","assetSettings","_context3","t0","console","error","finish","_callee3","_x6","onSecondaryAssetChange","_ref10","_currentPrimaryAsset$","isActiveWellForIntervention","_context4","Number","active_well","_callee4","_x7","useEffect","loadPad","_ref11","_callee5","pads","foundPad","_context5","loadAssets","page","perPage","ids","find","item","_jsxs","AssetSelectorTestIds","RootTestId","className","styles","root","children","_jsx","LoaderLogo","size","loader","classNames","content","loading","AssetSelectorSelect","testId","PrimaryAssetTestId","currentAsset","onChange","SecondaryAssetTestId","parentId","parentType","parentActiveWellId","undefined","Text","NoAssetTypeTestId","color"],"mappings":"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"}
1	+ {"version":3,"file":"AssetSelector.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../../Text';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport {\n getAssetByFracFleetId,\n getAssetByPadId,\n getAssetByRigId,\n getAssetByWellIdForInterventionUnit,\n getAssetByWellIdForRig,\n} from '../../../../utils/getSingleAsset';\n\nimport { AssetSelectorSelect } from './AssetSelectorSelect';\nimport { Asset, PrimaryAsset } from './AssetSelectorSelect/constants';\nimport { loadAssets } from './AssetSelectorSelect/loadAssets';\nimport { AssetSelectorTestIds } from './constants';\n\nimport styles from './AssetSelector.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { getAppSegment } from '~/utils/devcenter';\nimport { SEGMENT_TO_ASSET_TYPE } from '~/constants/segment';\n\ntype PrimaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['primaryAsset']['assetType'];\ntype SecondaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['secondaryAsset']['assetType'];\n\nconst getSettingsByPrimaryAsset = async (\n asset: Asset,\n secondaryAssetType: SecondaryAssetConfig\n) => {\n if (!asset?.id) {\n throw new Error('Primary asset id is empty!');\n }\n\n if (asset.type === 'rig') {\n const { wellId } = await getAssetByRigId(asset);\n\n return {\n [secondaryAssetType.id]: wellId && String(wellId),\n };\n } else if (asset.type === 'intervention_unit') {\n return {\n [secondaryAssetType.id]: null,\n };\n } else if (asset.type === 'frac_fleet') {\n const { padId } = await getAssetByFracFleetId(asset);\n\n return {\n [secondaryAssetType.id]: padId && String(padId),\n };\n } else {\n throw new Error(`Unknown primary asset type \"${String(asset.type)}\"`);\n }\n};\n\nconst getSettingsBySecondaryAsset = async (\n asset: Asset,\n primaryAssetType: PrimaryAssetConfig,\n currentPrimaryAsset?: PrimaryAsset\n) => {\n if (!asset.id) {\n throw new Error('Secondary asset id is empty!');\n }\n\n if (asset.type === 'pad') {\n const { fracFleetId } = await getAssetByPadId(asset, {\n // Falling back to current fleet if pad has no parent fleet id\n // Apparently it's OK when searching for pads, because then API returns proper parent fleet id\n fallbackFleetId: currentPrimaryAsset?.id,\n });\n\n return {\n [primaryAssetType.id]: fracFleetId && String(fracFleetId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'rig') {\n const { rigId } = await getAssetByWellIdForRig(asset);\n return {\n [primaryAssetType.id]: rigId && String(rigId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'intervention_unit') {\n const { interventionUnitId } = await getAssetByWellIdForInterventionUnit(asset);\n\n return { [primaryAssetType.id]: interventionUnitId && String(interventionUnitId) };\n } else {\n throw new Error(`Unknown secondary asset type \"${String(asset.type)}\"`);\n }\n};\n\nexport const AssetSelector = () => {\n const { app, appSettings, well, rig, fracFleet, interventionUnit, onSettingsChange } =\n useAppCommons();\n const segment = getAppSegment(app);\n const assetTypeData = SEGMENT_TO_ASSET_TYPE[segment];\n const [isLoading, setIsLoading] = useState(false);\n const [pad, setPad] = useState<Asset>();\n\n const { primaryAsset, secondaryAsset } = assetTypeData;\n\n const currentPrimaryAsset = useMemo((): PrimaryAsset \| undefined => {\n if (rig && primaryAsset.assetType.type === 'rig') {\n return { ...rig, type: 'rig' };\n } else if (fracFleet && primaryAsset.assetType.type === 'frac_fleet') {\n return { ...fracFleet, type: 'frac_fleet' };\n } else if (interventionUnit && primaryAsset.assetType.type === 'intervention_unit') {\n return { ...interventionUnit, type: 'intervention_unit' };\n }\n return undefined;\n }, [primaryAsset.assetType.type, rig, fracFleet, interventionUnit]);\n\n const currentSecondaryAsset = useMemo((): Asset \| undefined => {\n if (well && secondaryAsset.assetType.type === 'well') {\n return { ...well, type: 'well' };\n }\n\n if (pad && secondaryAsset.assetType.type === 'pad') {\n return pad;\n }\n\n return undefined;\n }, [secondaryAsset.assetType.type, well, pad]);\n\n const onPrimaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsByPrimaryAsset(asset, secondaryAsset.assetType);\n\n onSettingsChange({\n ...appSettings,\n [primaryAsset.assetType.id]: asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [primaryAsset.assetType, appSettings, onSettingsChange, secondaryAsset.assetType]\n );\n\n const onSecondaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsBySecondaryAsset(\n asset,\n primaryAsset.assetType,\n currentPrimaryAsset\n );\n\n const isActiveWellForIntervention =\n currentPrimaryAsset?.type === 'intervention_unit' &&\n Number(asset.id) === Number(currentPrimaryAsset.active_well?.id);\n\n onSettingsChange({\n ...appSettings,\n [secondaryAsset.assetType.id]: isActiveWellForIntervention ? null : asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [\n onSettingsChange,\n secondaryAsset.assetType,\n primaryAsset.assetType,\n appSettings,\n currentPrimaryAsset,\n ]\n );\n\n // Loading pad\n useEffect(() => {\n if (secondaryAsset.assetType.type === 'pad') {\n const loadPad = async () => {\n setIsLoading(true);\n\n const pads = await loadAssets({\n assetType: 'pad',\n page: 1,\n perPage: 1,\n ids: [Number(appSettings?.[secondaryAsset.assetType.id])],\n });\n\n const foundPad = pads.find(\n item => Number(item.id) === Number(appSettings?.[secondaryAsset.assetType.id])\n );\n\n setPad(foundPad);\n setIsLoading(false);\n };\n\n loadPad();\n }\n }, [primaryAsset.assetType, secondaryAsset.assetType, appSettings]);\n\n return (\n <div data-testid={AssetSelectorTestIds.RootTestId} className={styles.root}>\n {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n {assetTypeData ? (\n <div className={classNames(styles.content, isLoading && styles.loading)}>\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.PrimaryAssetTestId}\n type={primaryAsset.assetType}\n currentAsset={currentPrimaryAsset}\n onChange={onPrimaryAssetChange}\n />\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.SecondaryAssetTestId}\n type={secondaryAsset.assetType}\n currentAsset={currentSecondaryAsset}\n parentId={currentPrimaryAsset?.id}\n parentType={currentPrimaryAsset?.type}\n parentActiveWellId={\n currentPrimaryAsset?.type !== 'frac_fleet' && currentPrimaryAsset?.active_well?.id\n ? Number(currentPrimaryAsset.active_well.id)\n : undefined\n }\n onChange={onSecondaryAssetChange}\n />\n </div>\n ) : (\n <Text testId={AssetSelectorTestIds.NoAssetTypeTestId} size={14} color=\"T6\">\n No Asset Type Data for segment \"{String(segment)}\"\n </Text>\n )}\n </div>\n );\n};\n"],"names":["getSettingsByPrimaryAsset","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","asset","secondaryAssetType","_yield$getAssetByRigI","wellId","_yield$getAssetByFrac","padId","wrap","_context","prev","next","id","Error","type","getAssetByRigId","sent","String","abrupt","_defineProperty","getAssetByFracFleetId","stop","_x","_x2","apply","this","arguments","getSettingsBySecondaryAsset","_ref5","primaryAssetType","currentPrimaryAsset","_yield$getAssetByPadI","fracFleetId","_yield$getAssetByWell","rigId","_yield$getAssetByWell2","interventionUnitId","_context2","getAssetByPadId","fallbackFleetId","getAssetByWellIdForRig","getAssetByWellIdForInterventionUnit","_callee2","_x3","_x4","_x5","AssetSelector","_currentPrimaryAsset$2","_useAppCommons","useAppCommons","app","appSettings","well","rig","fracFleet","interventionUnit","onSettingsChange","segment","getAppSegment","assetTypeData","SEGMENT_TO_ASSET_TYPE","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState3","_useState4","pad","setPad","primaryAsset","secondaryAsset","useMemo","assetType","_objectSpread","currentSecondaryAsset","onPrimaryAssetChange","useCallback","_ref9","assetSettings","_context3","t0","console","error","finish","_callee3","_x6","onSecondaryAssetChange","_ref10","_currentPrimaryAsset$","isActiveWellForIntervention","_context4","Number","active_well","_callee4","_x7","useEffect","loadPad","_ref11","_callee5","pads","foundPad","_context5","loadAssets","page","perPage","ids","find","item","_jsxs","AssetSelectorTestIds","RootTestId","className","styles","root","children","_jsx","LoaderLogo","size","loader","classNames","content","loading","AssetSelectorSelect","testId","PrimaryAssetTestId","currentAsset","onChange","SecondaryAssetTestId","parentId","parentType","parentActiveWellId","undefined","Text","NoAssetTypeTestId","color"],"mappings":"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"}

package/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as n,useRef as c,useCallback as r,useEffect as e}from"react";import m from"classnames";import{Menu as p}from"../../../Menu/Menu.js";import{PACKAGE_LABELS as a}from"../../../../constants/appPackages.js";import{Text as u}from"../../../Text/Text.js";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{LoaderLogo as j}from"../../../LoaderLogo/LoaderLogo.js";import{Tooltip as d}from"../../../Tooltip/Tooltip.js";import{formatVersionText as I,getVersionText as h,isReact18Host as C,VersionSelectTestIds as b}from"./VersionSelect.constants.js";import{MenuItems as f}from"./MenuItems.js";import g from"./VersionSelect.scss.js";import{DownIcon as v}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"querystring";import"lodash";import"../../../../clients/subscriptions/subscriptions-client.factory.js";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/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"moment";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import"uuid";import"../../../../components/StatusBadge/constants.js";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"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as F}from"react/jsx-runtime";var k,y=(i(k={},a.BETA,g.beta),i(k,a.DEV,g.dev),i(k,a.PROD,g.prod),k),O=function(i){var a=i.className,k=P(),O=k.app,T=k.appId,S=k.onSettingChange,D=k.onSettingsChange,M=k.isNonIsolatedApp,E=n(!1),L=s(E,2),R=L[0],N=L[1],B=n(!0),V=s(B,2),z=V[0],G=V[1],w=n(),U=s(w,2),q=U[0],_=U[1],W=c(null),K=c(!1),Z=r((function(){return N(!0)}),[]),H=r((function(){return N(!1)}),[]),J=(null==O?void 0:O.package)||{},Q=J.label,X=void 0===Q?"":Q,Y=J.version,$=J.package_code_version,oo=I($||Y||""),so=h(oo,X),io=C()&&Boolean(M);e((function(){if(R&&!K.current&&!q){K.current=!0;var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,o.next=3,A(T,{order:"desc",sort:"created_at",status:["draft","published"],fields:["attributes.label","attributes.package_json"]});case 3:s=o.sent,_(s.data.map((function(o){return o.attributes}))),o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:G(!1);case 11:case"end":return o.stop()}}),o,null,[[0,7]])})));return function(){return s.apply(this,arguments)}}();s()}}),[R,q,T]);var to=r((function(o){H();var s=o.label||o.version;C()?D({package:s,react18AutoSwitchDisabled:!0}):S("package",s)}),[H,S,D]);return oo?x(u,{className:m(g.root,a),size:14,children:[F(d,{title:"Change App Version",disabled:so.length>15,children:F("div",{"data-testid":b.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:x(l,{className:m(g.button,y[X]||g.nonLabelledVersion),testId:b.CurrentVersionLabelTestId,children:[so,F(v,{size:16,className:g.icon})]})})}),F(p,{open:R,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:z?F(j,{size:40}):F(f,{packages:q,onChange:to,areReact17PackagesIncompatible:io})})]}):null};export{O as VersionSelect};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as n,useRef as c,useCallback as r,useEffect as e}from"react";import m from"classnames";import{Menu as p}from"../../../Menu/Menu.js";import{PACKAGE_LABELS as a}from"../../../../constants/appPackages.js";import{Text as u}from"../../../Text/Text.js";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{LoaderLogo as j}from"../../../LoaderLogo/LoaderLogo.js";import{Tooltip as d}from"../../../Tooltip/Tooltip.js";import{formatVersionText as I,getVersionText as h,isReact18Host as C,VersionSelectTestIds as b}from"./VersionSelect.constants.js";import{MenuItems as f}from"./MenuItems.js";import g from"./VersionSelect.scss.js";import{DownIcon as v}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"querystring";import"lodash";import"../../../../clients/subscriptions/subscriptions-client.factory.js";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/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"moment";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"../../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import"uuid";import"../../../../components/StatusBadge/constants.js";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"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as F}from"react/jsx-runtime";var k,y=(i(k={},a.BETA,g.beta),i(k,a.DEV,g.dev),i(k,a.PROD,g.prod),k),O=function(i){var a=i.className,k=P(),O=k.app,T=k.appId,S=k.onSettingChange,D=k.onSettingsChange,M=k.isNonIsolatedApp,R=n(!1),E=s(R,2),L=E[0],N=E[1],B=n(!0),V=s(B,2),z=V[0],G=V[1],q=n(),w=s(q,2),U=w[0],_=w[1],W=c(null),K=c(!1),Z=r((function(){return N(!0)}),[]),H=r((function(){return N(!1)}),[]),J=(null==O?void 0:O.package)||{},Q=J.label,X=void 0===Q?"":Q,Y=J.version,$=J.package_code_version,oo=I($||Y||""),so=h(oo,X),io=C()&&Boolean(M);e((function(){if(L&&!K.current&&!U){K.current=!0;var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,o.next=3,A(T,{order:"desc",sort:"created_at",status:["draft","published"],fields:["attributes.label","attributes.package_json"]});case 3:s=o.sent,_(s.data.map((function(o){return o.attributes}))),o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:G(!1);case 11:case"end":return o.stop()}}),o,null,[[0,7]])})));return function(){return s.apply(this,arguments)}}();s()}}),[L,U,T]);var to=r((function(o){H();var s=o.label||o.version;C()?D({package:s,react18AutoSwitchDisabled:!0}):S("package",s)}),[H,S,D]);return oo?x(u,{className:m(g.root,a),size:14,children:[F(d,{title:"Change App Version",disabled:so.length>15,children:F("div",{"data-testid":b.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:x(l,{className:m(g.button,y[X]||g.nonLabelledVersion),testId:b.CurrentVersionLabelTestId,children:[so,F(v,{size:16,className:g.icon})]})})}),F(p,{open:L,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:z?F(j,{size:40}):F(f,{packages:U,onChange:to,areReact17PackagesIncompatible:io})})]}):null};export{O as VersionSelect};
 //# sourceMappingURL=VersionSelect.js.map

package/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"+~~sPAyBMA~~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"}
1	+ {"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"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"}

package/componentsV2/AppPanel/AppPanelDisplay.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as i}from"../AppSizeProvider/AppSizeProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"querystring";import"lodash";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import r from"../../effects/useOutsideClick.js";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/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";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"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as e}from"./AppPanelsContext.js";import{Paper as n}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import l from"./AppPanelDisplay.scss.js";import{jsxs as c,jsx as j}from"react/jsx-runtime";var d=Number(a.sidePadding.replace(/[^.0-9]/g,"")),u=function(a){var u=a.anchorRef,h=a.id,f=e(h),b=f.isOpen,g=f.isPinned,v=f.close,C=f.isAnimated,P=f.width,A=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),D=i()||{},E=D.height,N=D.width,k=o((function(){return{maxHeight:"min(".concat(E||0,"px, 100vh)"),maxWidth:N?N-2*d:0,width:x&&N?N-2*d:P}}),[N,E,x,P]);return r(w,v,[y,'[role="tooltip"]','[role="presentation"]']),A?c(m,{value:h,children:[u.current&&!g&&j(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:u.current,onClose:v,className:l.popover,preventScroll:!1,backdrop:!1,animate:C,style:k,preventOverflow:!0,children:j(A,{})}),g&&j(n,{className:s(l.pinned,"start"===S?l.pinnedStart:l.pinnedEnd),style:k,children:j(A,{})})]}):null};export{u as AppPanelDisplay};
+import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as i}from"../AppSizeProvider/AppSizeProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"querystring";import"lodash";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import r from"../../effects/useOutsideClick.js";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/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";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"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as e}from"./AppPanelsContext.js";import{Paper as n}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import l from"./AppPanelDisplay.scss.js";import{jsxs as c,jsx as j}from"react/jsx-runtime";var u=Number(a.sidePadding.replace(/[^.0-9]/g,"")),d=function(a){var d=a.anchorRef,h=a.id,f=e(h),b=f.isOpen,g=f.isPinned,v=f.close,C=f.isAnimated,P=f.width,A=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),D=i()||{},E=D.height,N=D.width,R=o((function(){return{maxHeight:"min(".concat(E||0,"px, 100vh)"),maxWidth:N?N-2*u:0,width:x&&N?N-2*u:P}}),[N,E,x,P]);return r(w,v,[y,'[role="tooltip"]','[role="presentation"]']),A?c(m,{value:h,children:[d.current&&!g&&j(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:d.current,onClose:v,className:l.popover,preventScroll:!1,backdrop:!1,animate:C,style:R,preventOverflow:!0,children:j(A,{})}),g&&j(n,{className:s(l.pinned,"start"===S?l.pinnedStart:l.pinnedEnd),style:R,children:j(A,{})})]}):null};export{d as AppPanelDisplay};
 //# sourceMappingURL=AppPanelDisplay.js.map

package/componentsV2/AppPanel/AppPanelDisplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppPanelDisplay.js","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n id: string \| symbol;\n anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n const {\n isOpen,\n isPinned,\n close,\n isAnimated,\n width: panelWidth,\n component: Component,\n opener,\n isExpanded,\n placement,\n } = useAppPanelInternal(id);\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const { height, width: appWidth } = useAppSize() \|\| {};\n\n const wrapperStyle = useMemo<CSSProperties>(\n () => ({\n maxHeight: `min(${height \|\| 0}px, 100vh)`,\n maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n }),\n [appWidth, height, isExpanded, panelWidth]\n );\n\n useOutsideClick(popoverRef, close, [\n opener,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n if (!Component) {\n return null;\n }\n\n return (\n <AppPanelIdProvider value={id}>\n {anchorRef.current && !isPinned && (\n <PopoverPanel\n flip={false}\n ref={popoverRef}\n open={isOpen}\n placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n anchorEl={anchorRef.current}\n onClose={close}\n className={styles.popover}\n preventScroll={false}\n backdrop={false}\n animate={isAnimated}\n style={wrapperStyle}\n preventOverflow={true}\n >\n <Component />\n </PopoverPanel>\n )}\n\n {isPinned && (\n <Paper\n className={classNames(\n styles.pinned,\n placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n )}\n style={wrapperStyle}\n >\n <Component />\n </Paper>\n )}\n </AppPanelIdProvider>\n );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","AppPanelDisplay","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","flip","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"~~67FAcA~~,IAAMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,KAO7DC,EAAkB,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAoBD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,EAAuB,MAE1CC,EAAoCC,KAAgB,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,GACnB,WAAA,MAAO,CACLC,UAAkBJ,OAAAA,OAAAA,GAAU,EAAa,cACzCK,SAAUJ,EAAWA,EAAyB,EAAdzB,EAAkB,EAClDc,MAAOI,GAAcO,EAAWA,EAAyB,EAAdzB,EAAkBa,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAACC,EAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,EAACC,EAAY,CACXC,MAAM,EACNC,IAAKnB,EACLoB,KAAM/B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDsB,SAAUnC,EAAU6B,QACpBO,QAAS/B,EACTgC,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASpC,EACTqC,MAAOvB,EACPwB,iBAAiB,EAAKhB,SAEtBE,EAACrB,EAAS,MAIbL,GACC0B,EAACe,EAAK,CACJR,UAAWS,EACTR,EAAOS,OACO,UAAdlC,EAAwByB,EAAOU,YAAcV,EAAOW,WAEtDN,MAAOvB,EAAaQ,SAEpBE,EAACrB,EAAS,SAhCT,IAqCX"}
1	+ {"version":3,"file":"AppPanelDisplay.js","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n id: string \| symbol;\n anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n const {\n isOpen,\n isPinned,\n close,\n isAnimated,\n width: panelWidth,\n component: Component,\n opener,\n isExpanded,\n placement,\n } = useAppPanelInternal(id);\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const { height, width: appWidth } = useAppSize() \|\| {};\n\n const wrapperStyle = useMemo<CSSProperties>(\n () => ({\n maxHeight: `min(${height \|\| 0}px, 100vh)`,\n maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n }),\n [appWidth, height, isExpanded, panelWidth]\n );\n\n useOutsideClick(popoverRef, close, [\n opener,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n if (!Component) {\n return null;\n }\n\n return (\n <AppPanelIdProvider value={id}>\n {anchorRef.current && !isPinned && (\n <PopoverPanel\n flip={false}\n ref={popoverRef}\n open={isOpen}\n placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n anchorEl={anchorRef.current}\n onClose={close}\n className={styles.popover}\n preventScroll={false}\n backdrop={false}\n animate={isAnimated}\n style={wrapperStyle}\n preventOverflow={true}\n >\n <Component />\n </PopoverPanel>\n )}\n\n {isPinned && (\n <Paper\n className={classNames(\n styles.pinned,\n placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n )}\n style={wrapperStyle}\n >\n <Component />\n </Paper>\n )}\n </AppPanelIdProvider>\n );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","AppPanelDisplay","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","flip","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"u+FAcA,IAAMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,KAO7DC,EAAkB,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAoBD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,EAAuB,MAE1CC,EAAoCC,KAAgB,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,GACnB,WAAA,MAAO,CACLC,UAAkBJ,OAAAA,OAAAA,GAAU,EAAa,cACzCK,SAAUJ,EAAWA,EAAyB,EAAdzB,EAAkB,EAClDc,MAAOI,GAAcO,EAAWA,EAAyB,EAAdzB,EAAkBa,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAACC,EAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,EAACC,EAAY,CACXC,MAAM,EACNC,IAAKnB,EACLoB,KAAM/B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDsB,SAAUnC,EAAU6B,QACpBO,QAAS/B,EACTgC,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASpC,EACTqC,MAAOvB,EACPwB,iBAAiB,EAAKhB,SAEtBE,EAACrB,EAAS,MAIbL,GACC0B,EAACe,EAAK,CACJR,UAAWS,EACTR,EAAOS,OACO,UAAdlC,EAAwByB,EAAOU,YAAcV,EAAOW,WAEtDN,MAAOvB,EAAaQ,SAEpBE,EAACrB,EAAS,SAhCT,IAqCX"}

package/componentsV2/ColorPicker/ColorPicker.constants.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum ColorPickerTestIds {
+    IndicatorTestId = "CorvaUI.ColorPicker.IndicatorTestId",
+    PopoverTestId = "CorvaUI.ColorPicker.PopoverTestId",
+    SwatchTestId = "CorvaUI.ColorPicker.SwatchTestId",
+    SelectedSwatchTestId = "CorvaUI.ColorPicker.SelectedSwatchTestId"
+}
+//# sourceMappingURL=ColorPicker.constants.d.ts.map

package/componentsV2/ColorPicker/ColorPicker.constants.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ColorPicker.constants.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.constants.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,eAAe,wCAAwC;IACvD,aAAa,sCAAsC;IACnD,YAAY,qCAAqC;IACjD,oBAAoB,6CAA6C;CAClE"}

package/componentsV2/ColorPicker/ColorPicker.constants.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e;!function(e){e.IndicatorTestId="CorvaUI.ColorPicker.IndicatorTestId",e.PopoverTestId="CorvaUI.ColorPicker.PopoverTestId",e.SwatchTestId="CorvaUI.ColorPicker.SwatchTestId",e.SelectedSwatchTestId="CorvaUI.ColorPicker.SelectedSwatchTestId"}(e\|\|(e={}));export{e as ColorPickerTestIds};
2	+ //# sourceMappingURL=ColorPicker.constants.js.map

package/componentsV2/ColorPicker/ColorPicker.constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPicker.constants.js","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.constants.ts"],"sourcesContent":["export enum ColorPickerTestIds {\n IndicatorTestId = 'CorvaUI.ColorPicker.IndicatorTestId',\n PopoverTestId = 'CorvaUI.ColorPicker.PopoverTestId',\n SwatchTestId = 'CorvaUI.ColorPicker.SwatchTestId',\n SelectedSwatchTestId = 'CorvaUI.ColorPicker.SelectedSwatchTestId',\n}\n"],"names":["ColorPickerTestIds"],"mappings":"AAAA,IAAYA,GAKX,SALWA,GAAAA,EAAkB,gBAAA,sCAAlBA,EAAkB,cAAA,oCAAlBA,EAAkB,aAAA,mCAAlBA,EAAkB,qBAAA,0CAAlBA,CAKX,CALWA,IAAAA,EAAkB,CAAA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;~~AAcnD~~,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAC1B,IAAI,CACF,QAAQ,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC,EAClD,SAAS,GAAG,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CACtD,GACC,MAAM,CAAC,WAAW,GAAG,SAAS,EAAE,MAAM,CAAC,CAC1C,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmBF,eAAO,MAAM,WAAW,mLAgBrB,gBAAgB,~~4CAgXlB~~,CAAC"}
1	+ {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAenD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAC1B,IAAI,CACF,QAAQ,CAAC,kBAAkB,CAAC,CAAC,oBAAoB,CAAC,EAClD,SAAS,GAAG,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CACtD,GACC,MAAM,CAAC,WAAW,GAAG,SAAS,EAAE,MAAM,CAAC,CAC1C,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmBF,eAAO,MAAM,WAAW,mLAgBrB,gBAAgB,4CAkXlB,CAAC"}

package/componentsV2/ColorPicker/ColorPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useMemo as c,useState as i,useRef as t,useCallback as r,useEffect as e}from"react";import{ChromePicker as a}from"react-color";import{throttle as m}from"lodash";import{v4 as l}from"uuid";import{TextInputNext as u}from"../TextInputNext/TextInputNext.js";import{Popover as p}from"../Popover/Popover.js";import{ButtonIcon as d}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../Tooltip/Tooltip.js";import{Popper as I}from"../Popper/Popper.js";import{Swatches as f}from"./Swatches/Swatches.js";import{parseColor as h,channelsToHex as b,channelsToRgba as v,defaultColor as C}from"./utils.js";import{OpacityDragTracker as y}from"./OpacityDragtracker/OpacityDragtracker.js";import{useChromePickerAccessibility as g}from"./useChromePickerAccessibility.js";import O from"./ColorPicker.scss.js";import{PaletteIcon as P,PickerIcon as k}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as D,Fragment as F,jsx as N}from"react/jsx-runtime";function x(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);n&&(c=c.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,c)}return s}function A(o){for(var s=1;s<arguments.length;s++){var c=null!=arguments[s]?arguments[s]:{};s%2?x(Object(c),!0).forEach((function(s){n(o,s,c[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):x(Object(c)).forEach((function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(c,n))}))}return o}var S={small:O.small,medium:O.medium,large:O.large},w={inputContainer:O.inputContainer,numberStepButtons:O.numberStepButtons,prefix:O.prefixContainer,suffix:O.suffixContainer,input:O.input,label:O.label},T=function(x){var T=x.format,E=void 0===T?"hex":T,M=x.className,B=x.label,R=x.labelPlacement,z=void 0===R?"top":R,W=x.popoverPlacement,L=void 0===W?"bottom-start":W,G=x.testId,K=x.disabled,U=x.size,q=void 0===U?"small":U,V=x.onOpen,H=x.onClose,Z=x.value,J=void 0===Z?C:Z,Q=x.onChange,X=x.disableOpacityDrag,Y=x.enableAlpha,$=void 0!==Y&&Y,_=x.elementsClassNames,oo=c((function(){try{var o=h(J);return A(A({},o),{},{a:$?o.a:1})}catch(o){return h(C)}}),[J,$]),no=c((function(){return _?Object.entries(_).reduce((function(c,i){var t=o(i,2),r=t[0],e=t[1];return A(A({},c),{},n({},r,c[r]?s(c[r],e):e))}),A({},w)):w}),[_]),so=i(!1),co=o(so,2),io=co[0],to=co[1],ro=t(null),eo=t(null),ao=i(!0),mo=o(ao,2),lo=mo[0],uo=mo[1],po=i(null),jo=o(po,2),Io=jo[0],fo=jo[1],ho=i(oo),bo=o(ho,2),vo=bo[0],Co=bo[1],yo=t(null),go=c((function(){return"corva-color-picker-".concat(l())}),[]),Oo="".concat(go,"-opacity-input"),Po="".concat(go,"-label"),ko="".concat(go,"-opacity-label"),Do=Boolean(B),Fo=r((function(){to(!0),null==V||V()}),[V]),No=r((function(o){o.preventDefault(),fo(null),Fo()}),[Fo]),xo=r((function(){fo(null),Fo()}),[Fo]),Ao=r((function(o){K||"Enter"!==o.key&&" "!==o.key&&"ArrowDown"!==o.key||(o.preventDefault(),fo("palette"),Fo())}),[K,Fo]),So=r((function(){var o,n,s=!(null===(o=yo.current)||void 0===o||!o.contains(document.activeElement));(fo(null),to(!1),null==H||H(),s)&&(null===(n=eo.current)||void 0===n||n.focus({preventScroll:!0}))}),[H]),wo=r((function(o){fo(0===o.detail?"palette":null),uo(!0)}),[]),To=r((function(o){fo(0===o.detail?"picker":null),uo(!1)}),[]),Eo=r((function(){return fo(null)}),[]),Mo=r((function(o){return Co(o.rgb)}),[]),Bo=r((function(o){var n="hex"===E?b(o,$):v(o,$);null==Q||Q(n)}),[E,Q,$]),Ro=r((function(o){Co(o),Bo(o)}),[Bo]),zo=g({color:vo,enableAlpha:$,isActive:!lo,onChange:Ro}),Wo=zo.pickerRef,Lo=zo.onKeyDown;e((function(){var o;if("picker"===Io&&!lo){var n=null===(o=Wo.current)||void 0===o?void 0:o.querySelector('[data-color-picker-control="saturation"]');n&&(n.focus({preventScroll:!0}),Eo())}}),[Eo,Io,lo,Wo]);var Go=r((function(o){var n=Number(o);if(!(Number.isNaN(n)||n<0||n>100)){var s=A(A({},oo),{},{a:n/100});Bo(s)}}),[oo,Bo]),Ko=r((function(o){Bo(o.rgb)}),[Bo]),Uo=r((function(o){var n=oo.a||1,s=$&&0===o.a?0:n;Bo(A(A({},o),{},{a:s}))}),[Bo,oo.a,$]),qo=r((function(){setTimeout((function(){var o,n;to(!1),null===(o=document.activeElement)||void 0===o||null===(n=o.blur)||void 0===n||n.call(o)}),0)}),[]),Vo=c((function(){return m((function(o){var n=String(Math.round(o));Go(n)}),100)}),[Go]);e((function(){Co(oo)}),[oo]),e((function(){io&&uo(!0)}),[io]);var Ho=String(Math.round(100*vo.a)),Zo=(null==L?void 0:L.startsWith("top"))||(null==L?void 0:L.startsWith("bottom")),Jo=(null==L?void 0:L.startsWith("left"))||(null==L?void 0:L.startsWith("right")),Qo=Do?D(F,{children:[N("label",{id:Po,htmlFor:Oo,children:"string"==typeof B?N(u.Label,{children:B}):B}),N("span",{id:ko,hidden:!0,children:"Opacity"})]}):void 0,Xo=c((function(){return Do?{id:Oo,"aria-labelledby":"".concat(Po," ").concat(ko)}:{id:Oo,"aria-label":"Opacity"}}),[Do,Oo,Po,ko]);return D(F,{children:[N(u,{label:Qo,labelPlacement:z,disabled:K,size:q,rootTagName:"div",prefix:D(F,{children:[D("div",{className:O.fakeValue,children:[Ho,N("span",{className:O.fakeValuePercent,children:"%"})]}),N("div",{ref:eo,className:s(O.indicator,0===vo.a&&O.transparent,no.indicator),style:{"--corvaui-colorpicker-indicatorcolor":b(vo,!1)},onClick:K?void 0:No,onKeyDown:Ao,role:"button","aria-label":Do?void 0:"Color picker","aria-labelledby":Do?Po:void 0,"aria-expanded":io,"aria-disabled":K,tabIndex:K?-1:0})]}),suffix:!io&&$&&!X&&!K&&N(y,{value:Number(Ho),onDrag:Vo,onDragEnd:qo}),className:s(O.root,S[q],!$&&O.noAlpha,M),testId:G,inputContainerRef:ro,value:Ho,onChange:Go,onFocus:xo,inputType:"number",inputMode:"numeric",elementsClassNames:no,htmlAttributes:Xo}),D(p,{ref:yo,anchorEl:ro.current,open:io,onClose:So,placement:L,className:s(O.popover,Zo&&O.marginVertical,Jo&&O.marginHorizontal,0===vo.a&&O.isTransparent,no.popover),children:[lo?N(f,{onChange:Uo,value:oo,addTransparent:$,autoFocus:"palette"===Io,onAutoFocus:Eo}):N("div",{ref:Wo,className:O.pickerContainer,onKeyDown:Lo,children:N(a,{color:vo,onChange:Mo,onChangeComplete:Ko,disableAlpha:!$,className:O.picker})}),D("div",{className:O.switchButtons,children:[N(j,{title:"Palette",children:N(d,{ariaLabel:"Show color palette",size:"medium",type:lo?"secondary":"tertiary",onClick:wo,children:N(P,{})})}),N(j,{title:"Pick your own",children:N(d,{ariaLabel:"Show custom color picker",size:"medium",type:lo?"tertiary":"secondary",onClick:To,children:N(k,{})})})]})]}),io&&$&&!X&&N(I,{open:io,anchorEl:ro.current,className:O.dragTrackerPopper,placement:"right",children:N(y,{onDrag:Vo,onDragEnd:qo})})]})};export{T as ColorPicker};
+import o from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useMemo as c,useState as i,useRef as t,useCallback as r,useEffect as e}from"react";import{ChromePicker as a}from"react-color";import{throttle as m}from"lodash";import{v4 as l}from"uuid";import{TextInputNext as u}from"../TextInputNext/TextInputNext.js";import{Popover as p}from"../Popover/Popover.js";import{ButtonIcon as d}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../Tooltip/Tooltip.js";import{Popper as I}from"../Popper/Popper.js";import{Swatches as f}from"./Swatches/Swatches.js";import{ColorPickerTestIds as h}from"./ColorPicker.constants.js";import{parseColor as v,channelsToHex as b,channelsToRgba as C,defaultColor as y}from"./utils.js";import{OpacityDragTracker as g}from"./OpacityDragtracker/OpacityDragtracker.js";import{useChromePickerAccessibility as O}from"./useChromePickerAccessibility.js";import P from"./ColorPicker.scss.js";import{PaletteIcon as k,PickerIcon as D}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as F,Fragment as N,jsx as x}from"react/jsx-runtime";function A(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);n&&(c=c.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,c)}return s}function S(o){for(var s=1;s<arguments.length;s++){var c=null!=arguments[s]?arguments[s]:{};s%2?A(Object(c),!0).forEach((function(s){n(o,s,c[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):A(Object(c)).forEach((function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(c,n))}))}return o}var w={small:P.small,medium:P.medium,large:P.large},T={inputContainer:P.inputContainer,numberStepButtons:P.numberStepButtons,prefix:P.prefixContainer,suffix:P.suffixContainer,input:P.input,label:P.label},E=function(A){var E=A.format,M=void 0===E?"hex":E,B=A.className,R=A.label,z=A.labelPlacement,W=void 0===z?"top":z,L=A.popoverPlacement,G=void 0===L?"bottom-start":L,K=A.testId,U=A.disabled,q=A.size,V=void 0===q?"small":q,H=A.onOpen,Z=A.onClose,J=A.value,Q=void 0===J?y:J,X=A.onChange,Y=A.disableOpacityDrag,$=A.enableAlpha,_=void 0!==$&&$,oo=A.elementsClassNames,no=c((function(){try{var o=v(Q);return S(S({},o),{},{a:_?o.a:1})}catch(o){return v(y)}}),[Q,_]),so=c((function(){return oo?Object.entries(oo).reduce((function(c,i){var t=o(i,2),r=t[0],e=t[1];return S(S({},c),{},n({},r,c[r]?s(c[r],e):e))}),S({},T)):T}),[oo]),co=i(!1),io=o(co,2),to=io[0],ro=io[1],eo=t(null),ao=t(null),mo=i(!0),lo=o(mo,2),uo=lo[0],po=lo[1],jo=i(null),Io=o(jo,2),fo=Io[0],ho=Io[1],vo=i(no),bo=o(vo,2),Co=bo[0],yo=bo[1],go=t(null),Oo=c((function(){return"corva-color-picker-".concat(l())}),[]),Po="".concat(Oo,"-opacity-input"),ko="".concat(Oo,"-label"),Do="".concat(Oo,"-opacity-label"),Fo=Boolean(R),No=r((function(){ro(!0),null==H||H()}),[H]),xo=r((function(o){o.preventDefault(),ho(null),No()}),[No]),Ao=r((function(){ho(null),No()}),[No]),So=r((function(o){U||"Enter"!==o.key&&" "!==o.key&&"ArrowDown"!==o.key||(o.preventDefault(),ho("palette"),No())}),[U,No]),wo=r((function(){var o,n,s=!(null===(o=go.current)||void 0===o||!o.contains(document.activeElement));(ho(null),ro(!1),null==Z||Z(),s)&&(null===(n=ao.current)||void 0===n||n.focus({preventScroll:!0}))}),[Z]),To=r((function(o){ho(0===o.detail?"palette":null),po(!0)}),[]),Eo=r((function(o){ho(0===o.detail?"picker":null),po(!1)}),[]),Mo=r((function(){return ho(null)}),[]),Bo=r((function(o){return yo(o.rgb)}),[]),Ro=r((function(o){var n="hex"===M?b(o,_):C(o,_);null==X||X(n)}),[M,X,_]),zo=r((function(o){yo(o),Ro(o)}),[Ro]),Wo=O({color:Co,enableAlpha:_,isActive:!uo,onChange:zo}),Lo=Wo.pickerRef,Go=Wo.onKeyDown;e((function(){var o;if("picker"===fo&&!uo){var n=null===(o=Lo.current)||void 0===o?void 0:o.querySelector('[data-color-picker-control="saturation"]');n&&(n.focus({preventScroll:!0}),Mo())}}),[Mo,fo,uo,Lo]);var Ko=r((function(o){var n=Number(o);if(!(Number.isNaN(n)||n<0||n>100)){var s=S(S({},no),{},{a:n/100});Ro(s)}}),[no,Ro]),Uo=r((function(o){Ro(o.rgb)}),[Ro]),qo=r((function(o){var n=no.a||1,s=_&&0===o.a?0:n;Ro(S(S({},o),{},{a:s}))}),[Ro,no.a,_]),Vo=r((function(){setTimeout((function(){var o,n;ro(!1),null===(o=document.activeElement)||void 0===o||null===(n=o.blur)||void 0===n||n.call(o)}),0)}),[]),Ho=c((function(){return m((function(o){var n=String(Math.round(o));Ko(n)}),100)}),[Ko]);e((function(){yo(no)}),[no]),e((function(){to&&po(!0)}),[to]);var Zo=String(Math.round(100*Co.a)),Jo=(null==G?void 0:G.startsWith("top"))||(null==G?void 0:G.startsWith("bottom")),Qo=(null==G?void 0:G.startsWith("left"))||(null==G?void 0:G.startsWith("right")),Xo=Fo?F(N,{children:[x("label",{id:ko,htmlFor:Po,children:"string"==typeof R?x(u.Label,{children:R}):R}),x("span",{id:Do,hidden:!0,children:"Opacity"})]}):void 0,Yo=c((function(){return Fo?{id:Po,"aria-labelledby":"".concat(ko," ").concat(Do)}:{id:Po,"aria-label":"Opacity"}}),[Fo,Po,ko,Do]);return F(N,{children:[x(u,{label:Xo,labelPlacement:W,disabled:U,size:V,rootTagName:"div",prefix:F(N,{children:[F("div",{className:P.fakeValue,children:[Zo,x("span",{className:P.fakeValuePercent,children:"%"})]}),x("div",{ref:ao,"data-testid":h.IndicatorTestId,className:s(P.indicator,0===Co.a&&P.transparent,so.indicator),style:{"--corvaui-colorpicker-indicatorcolor":b(Co,!1)},onClick:U?void 0:xo,onKeyDown:So,role:"button","aria-label":Fo?void 0:"Color picker","aria-labelledby":Fo?ko:void 0,"aria-expanded":to,"aria-disabled":U,tabIndex:U?-1:0})]}),suffix:!to&&_&&!Y&&!U&&x(g,{value:Number(Zo),onDrag:Ho,onDragEnd:Vo}),className:s(P.root,w[V],!_&&P.noAlpha,B),testId:K,inputContainerRef:eo,value:Zo,onChange:Ko,onFocus:Ao,inputType:"number",inputMode:"numeric",elementsClassNames:so,htmlAttributes:Yo}),F(p,{ref:go,testId:h.PopoverTestId,anchorEl:eo.current,open:to,onClose:wo,placement:G,className:s(P.popover,Jo&&P.marginVertical,Qo&&P.marginHorizontal,0===Co.a&&P.isTransparent,so.popover),children:[uo?x(f,{onChange:qo,value:no,addTransparent:_,autoFocus:"palette"===fo,onAutoFocus:Mo}):x("div",{ref:Lo,className:P.pickerContainer,onKeyDown:Go,children:x(a,{color:Co,onChange:Bo,onChangeComplete:Uo,disableAlpha:!_,className:P.picker})}),F("div",{className:P.switchButtons,children:[x(j,{title:"Palette",children:x(d,{ariaLabel:"Show color palette",size:"medium",type:uo?"secondary":"tertiary",onClick:To,children:x(k,{})})}),x(j,{title:"Pick your own",children:x(d,{ariaLabel:"Show custom color picker",size:"medium",type:uo?"tertiary":"secondary",onClick:Eo,children:x(D,{})})})]})]}),to&&_&&!Y&&x(I,{open:to,anchorEl:eo.current,className:P.dragTrackerPopper,placement:"right",children:x(g,{onDrag:Ho,onDragEnd:Vo})})]})};export{E as ColorPicker};
 //# sourceMappingURL=ColorPicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n CSSProperties,\n KeyboardEventHandler,\n MouseEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n value?: string;\n onChange?: (value: string) => void;\n\n size?: TextInputNextProps['size'];\n label?: TextInputNextProps['label'];\n labelPlacement?: TextInputNextProps['labelPlacement'];\n disabled?: boolean;\n /*\n Disables drag to change opacity functinality\n /\n disableOpacityDrag?: boolean;\n /\n Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n /\n format?: 'rgb' \| 'hex';\n /\n Allows user to control color's opacity, adds alpha channel to resulting color string\n /\n enableAlpha?: boolean;\n\n popoverPlacement?: PopoverProps['placement'];\n\n onOpen?: () => void;\n onClose?: () => void;\n\n /\n An escape hatch to tweak styling of internal elements\n /\n elementsClassNames?: Partial<\n Omit<\n Required<TextInputNextProps>['elementsClassNames'],\n 'message' \| 'numberStepButtons' \| 'prefix' \| 'suffix'\n > &\n Record<'indicator' \| 'popover', string>\n >;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst ownInputElementsClassNames: TextInputNextProps['elementsClassNames'] = {\n inputContainer: styles.inputContainer,\n numberStepButtons: styles.numberStepButtons,\n prefix: styles.prefixContainer,\n suffix: styles.suffixContainer,\n input: styles.input,\n label: styles.label,\n};\n\ntype FocusTarget = 'palette' \| 'picker';\n\nexport const ColorPicker = ({\n format = 'hex',\n className,\n label,\n labelPlacement = 'top',\n popoverPlacement = 'bottom-start',\n testId,\n disabled,\n size = 'small',\n onOpen,\n onClose,\n value = defaultColor,\n onChange,\n disableOpacityDrag,\n enableAlpha = false,\n elementsClassNames,\n}: ColorPickerProps) => {\n const valueChannels = useMemo(() => {\n try {\n const channels = parseColor(value);\n\n return { ...channels, a: enableAlpha ? channels.a : 1 };\n } catch (_) {\n return parseColor(defaultColor);\n }\n }, [value, enableAlpha]);\n\n const realElementsClassNames = useMemo((): Required<ColorPickerProps>['elementsClassNames'] => {\n return elementsClassNames\n ? Object.entries(elementsClassNames).reduce<Required<ColorPickerProps>['elementsClassNames']>(\n (acc, pair) => {\n const [key, value] = pair as [\n keyof Required<ColorPickerProps>['elementsClassNames'],\n string\n ];\n return {\n ...acc,\n [key]: acc[key] ? classNames(acc[key], value) : value,\n };\n },\n {\n ...ownInputElementsClassNames,\n }\n )\n : ownInputElementsClassNames;\n }, [elementsClassNames]);\n\n const [isMenuOpen, setIsOpen] = useState(false);\n const inputContainerRef = useRef<HTMLDivElement>(null);\n const indicatorRef = useRef<HTMLDivElement>(null);\n const [isSwatches, setIsSwatches] = useState(true);\n const [focusTarget, setFocusTarget] = useState<FocusTarget \| null>(null);\n const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n const popoverRef = useRef<HTMLDivElement>(null);\n const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n const inputId = `${accessibilityId}-opacity-input`;\n const labelId = `${accessibilityId}-label`;\n const opacityLabelId = `${accessibilityId}-opacity-label`;\n const hasLabel = Boolean(label);\n\n const openMenu = useCallback(() => {\n setIsOpen(true);\n onOpen?.();\n }, [onOpen]);\n\n const openMenuSwatch = useCallback<MouseEventHandler>(\n e => {\n e.preventDefault();\n setFocusTarget(null);\n openMenu();\n },\n [openMenu]\n );\n\n const openMenuFocus = useCallback(() => {\n setFocusTarget(null);\n openMenu();\n }, [openMenu]);\n\n const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n event => {\n if (!disabled && (event.key === 'Enter' \|\| event.key === ' ' \|\| event.key === 'ArrowDown')) {\n event.preventDefault();\n setFocusTarget('palette');\n openMenu();\n }\n },\n [disabled, openMenu]\n );\n\n const closeMenu = useCallback(() => {\n const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n setFocusTarget(null);\n setIsOpen(false);\n onClose?.();\n\n // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n if (isFocusInPopover) {\n indicatorRef.current?.focus({ preventScroll: true });\n }\n }, [onClose]);\n\n const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'palette' : null);\n setIsSwatches(true);\n }, []);\n\n const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'picker' : null);\n setIsSwatches(false);\n }, []);\n\n const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n const onInternalValueChange = useCallback(\n (color: ColorResult) => setInternalValue(color.rgb),\n []\n );\n\n const onActualChange = useCallback(\n (color: ColorChannels) => {\n const formatted =\n format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n onChange?.(formatted);\n },\n [format, onChange, enableAlpha]\n );\n\n const onKeyboardPickerChange = useCallback(\n (color: ColorChannels) => {\n setInternalValue(color);\n onActualChange(color);\n },\n [onActualChange]\n );\n\n const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n color: internalValue,\n enableAlpha,\n isActive: !isSwatches,\n onChange: onKeyboardPickerChange,\n });\n\n useEffect(() => {\n if (focusTarget !== 'picker' \|\| isSwatches) {\n return;\n }\n\n const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n '[data-color-picker-control=\"saturation\"]'\n );\n\n if (firstControl) {\n firstControl.focus({ preventScroll: true });\n clearFocusTarget();\n }\n }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n const onOpacityInputChange = useCallback(\n (opacityString: string) => {\n const opacityNumber = Number(opacityString);\n\n if (Number.isNaN(opacityNumber) \|\| opacityNumber < 0 \|\| opacityNumber > 100) {\n return;\n }\n\n const color = { ...valueChannels, a: opacityNumber / 100 };\n onActualChange(color);\n },\n [valueChannels, onActualChange]\n );\n\n const pickerOnChange = useCallback(\n (color: ColorResult) => {\n onActualChange(color.rgb);\n },\n [onActualChange]\n );\n\n const swatchOnChange = useCallback(\n (color: ColorChannels) => {\n const nonZeroAlpha = valueChannels.a \|\| 1;\n const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n onActualChange({ ...color, a: alpha });\n },\n [onActualChange, valueChannels.a, enableAlpha]\n );\n\n // Prevents focus on opacity drag end\n const onOpacityDragEnd = useCallback(() => {\n setTimeout(() => {\n setIsOpen(false);\n (document.activeElement as HTMLElement \| null)?.blur?.();\n }, 0);\n }, []);\n\n const onOpacityDrag = useMemo(\n () =>\n throttle((percent: number) => {\n const newFieldValue = String(Math.round(percent));\n onOpacityInputChange(newFieldValue);\n }, 100),\n [onOpacityInputChange]\n );\n\n useEffect(() => {\n setInternalValue(valueChannels);\n }, [valueChannels]);\n\n useEffect(() => {\n if (isMenuOpen) {\n setIsSwatches(true);\n }\n }, [isMenuOpen]);\n\n const inputValue = String(Math.round(internalValue.a 100));\n\n const hasVerticalMargin =\n popoverPlacement?.startsWith('top') \|\| popoverPlacement?.startsWith('bottom');\n const hasHorizontalMargin =\n popoverPlacement?.startsWith('left') \|\| popoverPlacement?.startsWith('right');\n const accessibleLabel = hasLabel ? (\n <>\n <label id={labelId} htmlFor={inputId}>\n {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n </label>\n <span id={opacityLabelId} hidden>\n Opacity\n </span>\n </>\n ) : undefined;\n const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n () =>\n hasLabel\n ? {\n id: inputId,\n 'aria-labelledby': `${labelId} ${opacityLabelId}`,\n }\n : {\n id: inputId,\n 'aria-label': 'Opacity',\n },\n [hasLabel, inputId, labelId, opacityLabelId]\n );\n\n return (\n <>\n <TextInputNext\n label={accessibleLabel}\n labelPlacement={labelPlacement}\n disabled={disabled}\n size={size}\n rootTagName=\"div\"\n prefix={\n <>\n <div className={styles.fakeValue}>\n {inputValue}\n <span className={styles.fakeValuePercent}>%</span>\n </div>\n\n <div\n ref={indicatorRef}\n className={classNames(\n styles.indicator,\n internalValue.a === 0 && styles.transparent,\n realElementsClassNames.indicator\n )}\n style={\n {\n '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n } as CSSProperties\n }\n onClick={disabled ? undefined : openMenuSwatch}\n onKeyDown={openMenuKeyDown}\n role=\"button\"\n aria-label={hasLabel ? undefined : 'Color picker'}\n aria-labelledby={hasLabel ? labelId : undefined}\n aria-expanded={isMenuOpen}\n aria-disabled={disabled}\n tabIndex={disabled ? -1 : 0}\n />\n </>\n }\n suffix={\n !isMenuOpen &&\n enableAlpha &&\n !disableOpacityDrag &&\n !disabled && (\n <OpacityDragTracker\n value={Number(inputValue)}\n onDrag={onOpacityDrag}\n onDragEnd={onOpacityDragEnd}\n />\n )\n }\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n !enableAlpha && styles.noAlpha,\n className\n )}\n testId={testId}\n inputContainerRef={inputContainerRef}\n value={inputValue}\n onChange={onOpacityInputChange}\n onFocus={openMenuFocus}\n inputType=\"number\"\n inputMode=\"numeric\"\n elementsClassNames={realElementsClassNames}\n htmlAttributes={inputHtmlAttributes}\n />\n\n {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover /}\n <Popover\n ref={popoverRef}\n anchorEl={inputContainerRef.current}\n open={isMenuOpen}\n onClose={closeMenu}\n placement={popoverPlacement}\n className={classNames(\n styles.popover,\n hasVerticalMargin && styles.marginVertical,\n hasHorizontalMargin && styles.marginHorizontal,\n internalValue.a === 0 && styles.isTransparent,\n realElementsClassNames.popover\n )}\n >\n {isSwatches ? (\n <Swatches\n onChange={swatchOnChange}\n value={valueChannels}\n addTransparent={enableAlpha}\n autoFocus={focusTarget === 'palette'}\n onAutoFocus={clearFocusTarget}\n />\n ) : (\n <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n <ChromePicker\n color={internalValue}\n onChange={onInternalValueChange}\n onChangeComplete={pickerOnChange}\n disableAlpha={!enableAlpha}\n className={styles.picker}\n />\n </div>\n )}\n <div className={styles.switchButtons}>\n <Tooltip title=\"Palette\">\n <ButtonIcon\n ariaLabel=\"Show color palette\"\n size=\"medium\"\n type={isSwatches ? 'secondary' : 'tertiary'}\n onClick={setSwatches}\n >\n <PaletteIcon />\n </ButtonIcon>\n </Tooltip>\n <Tooltip title=\"Pick your own\">\n <ButtonIcon\n ariaLabel=\"Show custom color picker\"\n size=\"medium\"\n type={!isSwatches ? 'secondary' : 'tertiary'}\n onClick={setPicker}\n >\n <PickerIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n </Popover>\n\n {/ Opacity Drag Tracker should work even with popover open with a backdrop */}\n {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n <Popper\n open={isMenuOpen}\n anchorEl={inputContainerRef.current}\n className={styles.dragTrackerPopper}\n placement=\"right\"\n >\n <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n </Popper>\n )}\n </>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","ownInputElementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","ColorPicker","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","elementsClassNames","valueChannels","useMemo","channels","parseColor","_objectSpread","a","_","realElementsClassNames","Object","entries","reduce","acc","pair","_ref3","_slicedToArray","key","classNames","useState","_useState2","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","_Fragment","children","_jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"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"}
1	+ {"version":3,"file":"ColorPicker.js","sources":["../../../src/componentsV2/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n CSSProperties,\n KeyboardEventHandler,\n MouseEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { ChromePicker, ColorResult } from 'react-color';\nimport { throttle } from 'lodash';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputNext, TextInputNextProps } from '../TextInputNext';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\nimport { Popper } from '../Popper';\n\nimport { Swatches } from './Swatches';\nimport { ColorPickerTestIds } from './ColorPicker.constants';\nimport { channelsToHex, channelsToRgba, ColorChannels, defaultColor, parseColor } from './utils';\nimport { OpacityDragTracker } from './OpacityDragtracker';\nimport { useChromePickerAccessibility } from './useChromePickerAccessibility';\n\nimport styles from './ColorPicker.scss';\n\nimport { PaletteIcon, PickerIcon } from '~/icons';\n\nexport type ColorPickerProps = {\n value?: string;\n onChange?: (value: string) => void;\n\n size?: TextInputNextProps['size'];\n label?: TextInputNextProps['label'];\n labelPlacement?: TextInputNextProps['labelPlacement'];\n disabled?: boolean;\n /*\n Disables drag to change opacity functinality\n /\n disableOpacityDrag?: boolean;\n /\n Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`\n /\n format?: 'rgb' \| 'hex';\n /\n Allows user to control color's opacity, adds alpha channel to resulting color string\n /\n enableAlpha?: boolean;\n\n popoverPlacement?: PopoverProps['placement'];\n\n onOpen?: () => void;\n onClose?: () => void;\n\n /\n An escape hatch to tweak styling of internal elements\n /\n elementsClassNames?: Partial<\n Omit<\n Required<TextInputNextProps>['elementsClassNames'],\n 'message' \| 'numberStepButtons' \| 'prefix' \| 'suffix'\n > &\n Record<'indicator' \| 'popover', string>\n >;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ColorPickerProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst ownInputElementsClassNames: TextInputNextProps['elementsClassNames'] = {\n inputContainer: styles.inputContainer,\n numberStepButtons: styles.numberStepButtons,\n prefix: styles.prefixContainer,\n suffix: styles.suffixContainer,\n input: styles.input,\n label: styles.label,\n};\n\ntype FocusTarget = 'palette' \| 'picker';\n\nexport const ColorPicker = ({\n format = 'hex',\n className,\n label,\n labelPlacement = 'top',\n popoverPlacement = 'bottom-start',\n testId,\n disabled,\n size = 'small',\n onOpen,\n onClose,\n value = defaultColor,\n onChange,\n disableOpacityDrag,\n enableAlpha = false,\n elementsClassNames,\n}: ColorPickerProps) => {\n const valueChannels = useMemo(() => {\n try {\n const channels = parseColor(value);\n\n return { ...channels, a: enableAlpha ? channels.a : 1 };\n } catch (_) {\n return parseColor(defaultColor);\n }\n }, [value, enableAlpha]);\n\n const realElementsClassNames = useMemo((): Required<ColorPickerProps>['elementsClassNames'] => {\n return elementsClassNames\n ? Object.entries(elementsClassNames).reduce<Required<ColorPickerProps>['elementsClassNames']>(\n (acc, pair) => {\n const [key, value] = pair as [\n keyof Required<ColorPickerProps>['elementsClassNames'],\n string\n ];\n return {\n ...acc,\n [key]: acc[key] ? classNames(acc[key], value) : value,\n };\n },\n {\n ...ownInputElementsClassNames,\n }\n )\n : ownInputElementsClassNames;\n }, [elementsClassNames]);\n\n const [isMenuOpen, setIsOpen] = useState(false);\n const inputContainerRef = useRef<HTMLDivElement>(null);\n const indicatorRef = useRef<HTMLDivElement>(null);\n const [isSwatches, setIsSwatches] = useState(true);\n const [focusTarget, setFocusTarget] = useState<FocusTarget \| null>(null);\n const [internalValue, setInternalValue] = useState<ColorChannels>(valueChannels);\n const popoverRef = useRef<HTMLDivElement>(null);\n const accessibilityId = useMemo(() => `corva-color-picker-${uuidv4()}`, []);\n const inputId = `${accessibilityId}-opacity-input`;\n const labelId = `${accessibilityId}-label`;\n const opacityLabelId = `${accessibilityId}-opacity-label`;\n const hasLabel = Boolean(label);\n\n const openMenu = useCallback(() => {\n setIsOpen(true);\n onOpen?.();\n }, [onOpen]);\n\n const openMenuSwatch = useCallback<MouseEventHandler>(\n e => {\n e.preventDefault();\n setFocusTarget(null);\n openMenu();\n },\n [openMenu]\n );\n\n const openMenuFocus = useCallback(() => {\n setFocusTarget(null);\n openMenu();\n }, [openMenu]);\n\n const openMenuKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n event => {\n if (!disabled && (event.key === 'Enter' \|\| event.key === ' ' \|\| event.key === 'ArrowDown')) {\n event.preventDefault();\n setFocusTarget('palette');\n openMenu();\n }\n },\n [disabled, openMenu]\n );\n\n const closeMenu = useCallback(() => {\n const isFocusInPopover = !!popoverRef.current?.contains(document.activeElement);\n\n setFocusTarget(null);\n setIsOpen(false);\n onClose?.();\n\n // Return focus to the trigger so keyboard flow is not lost after Escape/outside dismiss\n if (isFocusInPopover) {\n indicatorRef.current?.focus({ preventScroll: true });\n }\n }, [onClose]);\n\n const setSwatches = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'palette' : null);\n setIsSwatches(true);\n }, []);\n\n const setPicker = useCallback<MouseEventHandler<HTMLButtonElement>>(event => {\n setFocusTarget(event.detail === 0 ? 'picker' : null);\n setIsSwatches(false);\n }, []);\n\n const clearFocusTarget = useCallback(() => setFocusTarget(null), []);\n\n const onInternalValueChange = useCallback(\n (color: ColorResult) => setInternalValue(color.rgb),\n []\n );\n\n const onActualChange = useCallback(\n (color: ColorChannels) => {\n const formatted =\n format === 'hex' ? channelsToHex(color, enableAlpha) : channelsToRgba(color, enableAlpha);\n onChange?.(formatted);\n },\n [format, onChange, enableAlpha]\n );\n\n const onKeyboardPickerChange = useCallback(\n (color: ColorChannels) => {\n setInternalValue(color);\n onActualChange(color);\n },\n [onActualChange]\n );\n\n const { pickerRef, onKeyDown: onPickerKeyDown } = useChromePickerAccessibility({\n color: internalValue,\n enableAlpha,\n isActive: !isSwatches,\n onChange: onKeyboardPickerChange,\n });\n\n useEffect(() => {\n if (focusTarget !== 'picker' \|\| isSwatches) {\n return;\n }\n\n const firstControl = pickerRef.current?.querySelector<HTMLElement>(\n '[data-color-picker-control=\"saturation\"]'\n );\n\n if (firstControl) {\n firstControl.focus({ preventScroll: true });\n clearFocusTarget();\n }\n }, [clearFocusTarget, focusTarget, isSwatches, pickerRef]);\n\n const onOpacityInputChange = useCallback(\n (opacityString: string) => {\n const opacityNumber = Number(opacityString);\n\n if (Number.isNaN(opacityNumber) \|\| opacityNumber < 0 \|\| opacityNumber > 100) {\n return;\n }\n\n const color = { ...valueChannels, a: opacityNumber / 100 };\n onActualChange(color);\n },\n [valueChannels, onActualChange]\n );\n\n const pickerOnChange = useCallback(\n (color: ColorResult) => {\n onActualChange(color.rgb);\n },\n [onActualChange]\n );\n\n const swatchOnChange = useCallback(\n (color: ColorChannels) => {\n const nonZeroAlpha = valueChannels.a \|\| 1;\n const alpha = enableAlpha && color.a === 0 ? 0 : nonZeroAlpha;\n onActualChange({ ...color, a: alpha });\n },\n [onActualChange, valueChannels.a, enableAlpha]\n );\n\n // Prevents focus on opacity drag end\n const onOpacityDragEnd = useCallback(() => {\n setTimeout(() => {\n setIsOpen(false);\n (document.activeElement as HTMLElement \| null)?.blur?.();\n }, 0);\n }, []);\n\n const onOpacityDrag = useMemo(\n () =>\n throttle((percent: number) => {\n const newFieldValue = String(Math.round(percent));\n onOpacityInputChange(newFieldValue);\n }, 100),\n [onOpacityInputChange]\n );\n\n useEffect(() => {\n setInternalValue(valueChannels);\n }, [valueChannels]);\n\n useEffect(() => {\n if (isMenuOpen) {\n setIsSwatches(true);\n }\n }, [isMenuOpen]);\n\n const inputValue = String(Math.round(internalValue.a 100));\n\n const hasVerticalMargin =\n popoverPlacement?.startsWith('top') \|\| popoverPlacement?.startsWith('bottom');\n const hasHorizontalMargin =\n popoverPlacement?.startsWith('left') \|\| popoverPlacement?.startsWith('right');\n const accessibleLabel = hasLabel ? (\n <>\n <label id={labelId} htmlFor={inputId}>\n {typeof label === 'string' ? <TextInputNext.Label>{label}</TextInputNext.Label> : label}\n </label>\n <span id={opacityLabelId} hidden>\n Opacity\n </span>\n </>\n ) : undefined;\n const inputHtmlAttributes: TextInputNextProps['htmlAttributes'] = useMemo(\n () =>\n hasLabel\n ? {\n id: inputId,\n 'aria-labelledby': `${labelId} ${opacityLabelId}`,\n }\n : {\n id: inputId,\n 'aria-label': 'Opacity',\n },\n [hasLabel, inputId, labelId, opacityLabelId]\n );\n\n return (\n <>\n <TextInputNext\n label={accessibleLabel}\n labelPlacement={labelPlacement}\n disabled={disabled}\n size={size}\n rootTagName=\"div\"\n prefix={\n <>\n <div className={styles.fakeValue}>\n {inputValue}\n <span className={styles.fakeValuePercent}>%</span>\n </div>\n\n <div\n ref={indicatorRef}\n data-testid={ColorPickerTestIds.IndicatorTestId}\n className={classNames(\n styles.indicator,\n internalValue.a === 0 && styles.transparent,\n realElementsClassNames.indicator\n )}\n style={\n {\n '--corvaui-colorpicker-indicatorcolor': channelsToHex(internalValue, false),\n } as CSSProperties\n }\n onClick={disabled ? undefined : openMenuSwatch}\n onKeyDown={openMenuKeyDown}\n role=\"button\"\n aria-label={hasLabel ? undefined : 'Color picker'}\n aria-labelledby={hasLabel ? labelId : undefined}\n aria-expanded={isMenuOpen}\n aria-disabled={disabled}\n tabIndex={disabled ? -1 : 0}\n />\n </>\n }\n suffix={\n !isMenuOpen &&\n enableAlpha &&\n !disableOpacityDrag &&\n !disabled && (\n <OpacityDragTracker\n value={Number(inputValue)}\n onDrag={onOpacityDrag}\n onDragEnd={onOpacityDragEnd}\n />\n )\n }\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n !enableAlpha && styles.noAlpha,\n className\n )}\n testId={testId}\n inputContainerRef={inputContainerRef}\n value={inputValue}\n onChange={onOpacityInputChange}\n onFocus={openMenuFocus}\n inputType=\"number\"\n inputMode=\"numeric\"\n elementsClassNames={realElementsClassNames}\n htmlAttributes={inputHtmlAttributes}\n />\n\n {/* Popover backdrop is needed for ColorPicker to work better in popovers: click outside will close the ColorPicker but not the popover /}\n <Popover\n ref={popoverRef}\n testId={ColorPickerTestIds.PopoverTestId}\n anchorEl={inputContainerRef.current}\n open={isMenuOpen}\n onClose={closeMenu}\n placement={popoverPlacement}\n className={classNames(\n styles.popover,\n hasVerticalMargin && styles.marginVertical,\n hasHorizontalMargin && styles.marginHorizontal,\n internalValue.a === 0 && styles.isTransparent,\n realElementsClassNames.popover\n )}\n >\n {isSwatches ? (\n <Swatches\n onChange={swatchOnChange}\n value={valueChannels}\n addTransparent={enableAlpha}\n autoFocus={focusTarget === 'palette'}\n onAutoFocus={clearFocusTarget}\n />\n ) : (\n <div ref={pickerRef} className={styles.pickerContainer} onKeyDown={onPickerKeyDown}>\n <ChromePicker\n color={internalValue}\n onChange={onInternalValueChange}\n onChangeComplete={pickerOnChange}\n disableAlpha={!enableAlpha}\n className={styles.picker}\n />\n </div>\n )}\n <div className={styles.switchButtons}>\n <Tooltip title=\"Palette\">\n <ButtonIcon\n ariaLabel=\"Show color palette\"\n size=\"medium\"\n type={isSwatches ? 'secondary' : 'tertiary'}\n onClick={setSwatches}\n >\n <PaletteIcon />\n </ButtonIcon>\n </Tooltip>\n <Tooltip title=\"Pick your own\">\n <ButtonIcon\n ariaLabel=\"Show custom color picker\"\n size=\"medium\"\n type={!isSwatches ? 'secondary' : 'tertiary'}\n onClick={setPicker}\n >\n <PickerIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n </Popover>\n\n {/ Opacity Drag Tracker should work even with popover open with a backdrop */}\n {isMenuOpen && enableAlpha && !disableOpacityDrag && (\n <Popper\n open={isMenuOpen}\n anchorEl={inputContainerRef.current}\n className={styles.dragTrackerPopper}\n placement=\"right\"\n >\n <OpacityDragTracker onDrag={onOpacityDrag} onDragEnd={onOpacityDragEnd} />\n </Popper>\n )}\n </>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","ownInputElementsClassNames","inputContainer","numberStepButtons","prefix","prefixContainer","suffix","suffixContainer","input","label","ColorPicker","_ref","_ref$format","format","className","_ref$labelPlacement","labelPlacement","_ref$popoverPlacement","popoverPlacement","testId","disabled","_ref$size","size","onOpen","onClose","_ref$value","value","defaultColor","onChange","disableOpacityDrag","_ref$enableAlpha","enableAlpha","elementsClassNames","valueChannels","useMemo","channels","parseColor","_objectSpread","a","_","realElementsClassNames","Object","entries","reduce","acc","pair","_ref3","_slicedToArray","key","classNames","useState","_useState2","_useState","isMenuOpen","setIsOpen","inputContainerRef","useRef","indicatorRef","_useState4","_useState3","isSwatches","setIsSwatches","_useState6","_useState5","focusTarget","setFocusTarget","_useState8","_useState7","internalValue","setInternalValue","popoverRef","accessibilityId","concat","uuidv4","inputId","labelId","opacityLabelId","hasLabel","Boolean","openMenu","useCallback","openMenuSwatch","e","preventDefault","openMenuFocus","openMenuKeyDown","event","closeMenu","_popoverRef$current","_indicatorRef$current","isFocusInPopover","current","contains","document","activeElement","focus","preventScroll","setSwatches","detail","setPicker","clearFocusTarget","onInternalValueChange","color","rgb","onActualChange","formatted","channelsToHex","channelsToRgba","onKeyboardPickerChange","_useChromePickerAcces","useChromePickerAccessibility","isActive","pickerRef","onPickerKeyDown","onKeyDown","useEffect","_pickerRef$current","firstControl","querySelector","onOpacityInputChange","opacityString","opacityNumber","Number","isNaN","pickerOnChange","swatchOnChange","nonZeroAlpha","alpha","onOpacityDragEnd","setTimeout","_document$activeEleme","_document$activeEleme2","blur","call","onOpacityDrag","throttle","percent","newFieldValue","String","Math","round","inputValue","hasVerticalMargin","startsWith","hasHorizontalMargin","accessibleLabel","_jsxs","_Fragment","children","_jsx","id","htmlFor","TextInputNext","Label","hidden","undefined","inputHtmlAttributes","rootTagName","fakeValue","fakeValuePercent","ref","ColorPickerTestIds","IndicatorTestId","indicator","transparent","style","onClick","role","tabIndex","OpacityDragTracker","onDrag","onDragEnd","root","noAlpha","onFocus","inputType","inputMode","htmlAttributes","Popover","PopoverTestId","anchorEl","open","placement","popover","marginVertical","marginHorizontal","isTransparent","Swatches","addTransparent","autoFocus","onAutoFocus","pickerContainer","ChromePicker","onChangeComplete","disableAlpha","picker","switchButtons","Tooltip","title","ButtonIcon","ariaLabel","type","PaletteIcon","PickerIcon","Popper","dragTrackerPopper"],"mappings":"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"}

package/componentsV2/ColorPicker/Swatches/Swatches.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Swatches.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAA4B,MAAM,UAAU,CAAC;~~AAQnE~~,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,QAAQ,iEAMlB,aAAa,~~4CAqHf~~,CAAC"}
1	+ {"version":3,"file":"Swatches.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAA4B,MAAM,UAAU,CAAC;AAUnE,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,QAAQ,iEAMlB,aAAa,4CA4Hf,CAAC"}