npm - @corva/ui - Versions diffs - 3.78.0-3 → 3.78.0-5 - Mend

@corva/ui 3.78.0-3 → 3.78.0-5

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

package/componentsV2/TemplatesControl/Toggle/Toggle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as t,useState as i,useRef as n,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"classnames";import{Button as p}from"../../Button/Button.js";import{storeApi as a}from"../Store/Store.js";import"../Store/utils.js";import{Menu as u}from"../../Menu/Menu.js";import{Text as l}from"../../Text/Text.js";import{useTemplateActions as j}from"../templateMenuItems/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{CORVA_COMPANY_ID as d}from"../../../constants/corvaCompanyId.js";import"lodash";import"../../../components/GradientManager/configuration/constants.js";import{ToggleDisplayDefault as I}from"../ToggleDisplayDefault/ToggleDisplayDefault.js";import{ButtonIcon as h}from"../../ButtonIcon/ButtonIcon.js";import{Skeleton as f}from"../../Skeleton/Skeleton.js";import{UnsavedChangesBadge as b}from"../UnsavedChangesBadge/UnsavedChangesBadge.js";import v from"./Toggle.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";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 C}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useCombineRefs as g}from"../../../effects/useCombineRefs.js";import{DownIcon as O}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{jsx as y,jsxs as P,Fragment as M}from"react/jsx-runtime";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var A=function(o,s){return o.shared?"Shared":o.isPreset?"Corva":o.published?(null==s?void 0:s.company_id)!==d?null==s?void 0:s.company_name:"Company":"Your Own"},D=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,a=o.onClick,u=o.children,l=o.isPopoverOpen;return y(p,{disabled:n,size:"small",className:m(v.button,i),type:"chartColored",testId:t,onClick:a,prefix:e,onMouseEnter:r,onMouseLeave:c,suffix:y(O,{className:m(v.chevron,l&&v.chevronOpen)}),ref:s,children:u||y(I,{})})})),F=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,p=o.onClick,u=a.useSelectedTemplate,l=a.useHasUnsavedChanges,j=a.useIsInitialized,d=u(),I=l(null==d?void 0:d.id),C=j();return y(h,{disabled:n,size:"small",className:m(v.buttonIcon,i),testId:t,onClick:p,onMouseEnter:r,onMouseLeave:c,ref:s,children:C?P("div",{className:v.buttonIconInner,children:[e,I&&y(b,{className:v.unsavedChangesUltraCompact,size:16})]}):y(f,{type:"circle",width:20,height:20})})})),x=["CopyTemplate","PublishTemplate","RevertTemplate","RemoveTemplate"],k=t((function(t,m){var p=t.testId,d=t.className,I=t.disabled,h=t.children,f=t.layout,O=void 0===f?"full":f,T=a.useOpenPopover,k=a.useIsPopoverOpen,N=a.useSelectedTemplate,E=a.useIsInitialized,z=a.useTemplateIcon,U=a.useTemplateIconColor,w=a.useHasUnsavedChanges,B=T(),R=k(),L=N(),G=E(),q=U(L),H=z(L),W=w(null==L?void 0:L.id),Y=C().currentUser,_=i(!1),K=s(_,2),Z=K[0],J=K[1],Q=n(),V=n(),X=n(null),$=e((function(){clearTimeout(Q.current),clearTimeout(V.current)}),[]),oo=e((function(){$(),J(!0)}),[$]),so=e((function(){$(),Q.current=setTimeout((function(){$(),J(!0)}),300)}),[$]),to=e((function(){$(),V.current=setTimeout((function(){J(!1)}),500)}),[$]),io=g(m,X),no=j(L),eo=c((function(){return no.reduce((function(s,t){return S(S({},s),{},o({},t.id,t))}),{})}),[no]);return P(M,{children:[y("full"===O?D:F,{disabled:I,className:d,testId:p,ref:io,onClick:B,templateIcon:G&&L?y(H,{color:q,size:20}):void 0,isPopoverOpen:R,onMouseEnter:so,onMouseLeave:to,children:h}),L&&!I&&P(u,{open:Z&&!R,anchorEl:X.current,backdrop:!1,onMouseEnter:oo,onMouseLeave:to,className:v.menu,children:[P("div",{className:v.menuHeader,children:[P(l,{size:12,tagName:"div",children:[W&&P(M,{children:[y(b,{})," Modifying"," "]}),A(L,Y)," Template"]}),y(l,{size:12,color:"T6",className:v.menuSubTitle,children:"Your template updates according to your changes"})]}),x.map((function(o,s){var t=(eo[o]||{}).Component;return t?P(r,{children:[s>0&&y(u.Divider,{}),y(t,{template:L})]},o):null}))]})]})}));export{k as Toggle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as t,useState as i,useRef as n,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"classnames";import{Button as p}from"../../Button/Button.js";import{storeApi as a}from"../Store/Store.js";import"../Store/utils.js";import{Menu as u}from"../../Menu/Menu.js";import{Text as l}from"../../Text/Text.js";import{useTemplateActions as j}from"../templateMenuItems/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{CORVA_COMPANY_ID as d}from"../../../constants/corvaCompanyId.js";import"lodash";import"../../../components/GradientManager/configuration/constants.js";import{ToggleDisplayDefault as I}from"../ToggleDisplayDefault/ToggleDisplayDefault.js";import{ButtonIcon as h}from"../../ButtonIcon/ButtonIcon.js";import{Skeleton as f}from"../../Skeleton/Skeleton.js";import{UnsavedChangesBadge as b}from"../UnsavedChangesBadge/UnsavedChangesBadge.js";import C from"./Toggle.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../clients/jsonApi/index.js";import"query-string";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 v}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useCombineRefs as g}from"../../../effects/useCombineRefs.js";import{DownIcon as O}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{jsx as y,jsxs as P,Fragment as M}from"react/jsx-runtime";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var A=function(o,s){return o.shared?"Shared":o.isPreset?"Corva":o.published?(null==s?void 0:s.company_id)!==d?null==s?void 0:s.company_name:"Company":"Your Own"},D=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,a=o.onClick,u=o.children,l=o.isPopoverOpen;return y(p,{disabled:n,size:"small",className:m(C.button,i),type:"chartColored",testId:t,onClick:a,prefix:e,onMouseEnter:r,onMouseLeave:c,suffix:y(O,{className:m(C.chevron,l&&C.chevronOpen)}),ref:s,children:u||y(I,{})})})),F=t((function(o,s){var t=o.testId,i=o.className,n=o.disabled,e=o.templateIcon,c=o.onMouseLeave,r=o.onMouseEnter,p=o.onClick,u=a.useSelectedTemplate,l=a.useHasUnsavedChanges,j=a.useIsInitialized,d=u(),I=l(null==d?void 0:d.id),v=j();return y(h,{disabled:n,size:"small",className:m(C.buttonIcon,i),testId:t,onClick:p,onMouseEnter:r,onMouseLeave:c,ref:s,children:v?P("div",{className:C.buttonIconInner,children:[e,I&&y(b,{className:C.unsavedChangesUltraCompact,size:16})]}):y(f,{type:"circle",width:20,height:20})})})),x=["CopyTemplate","PublishTemplate","RevertTemplate","RemoveTemplate"],k=t((function(t,m){var p=t.testId,d=t.className,I=t.disabled,h=t.children,f=t.layout,O=void 0===f?"full":f,T=a.useOpenPopover,k=a.useIsPopoverOpen,N=a.useSelectedTemplate,E=a.useIsInitialized,z=a.useTemplateIcon,U=a.useTemplateIconColor,w=a.useHasUnsavedChanges,B=T(),R=k(),L=N(),G=E(),q=U(L),H=z(L),W=w(null==L?void 0:L.id),Y=v().currentUser,_=i(!1),K=s(_,2),Z=K[0],J=K[1],Q=n(),V=n(),X=n(null),$=e((function(){clearTimeout(Q.current),clearTimeout(V.current)}),[]),oo=e((function(){$(),J(!0)}),[$]),so=e((function(){$(),Q.current=setTimeout((function(){$(),J(!0)}),300)}),[$]),to=e((function(){$(),V.current=setTimeout((function(){J(!1)}),500)}),[$]),io=g(m,X),no=j(L),eo=c((function(){return no.reduce((function(s,t){return S(S({},s),{},o({},t.id,t))}),{})}),[no]);return P(M,{children:[y("full"===O?D:F,{disabled:I,className:d,testId:p,ref:io,onClick:B,templateIcon:G&&L?y(H,{color:q,size:20}):void 0,isPopoverOpen:R,onMouseEnter:so,onMouseLeave:to,children:h}),L&&!I&&P(u,{open:Z&&!R,anchorEl:X.current,backdrop:!1,onMouseEnter:oo,onMouseLeave:to,className:C.menu,children:[P("div",{className:C.menuHeader,children:[P(l,{size:12,tagName:"div",children:[W&&P(M,{children:[y(b,{})," Modifying"," "]}),A(L,Y)," Template"]}),y(l,{size:12,color:"T6",className:C.menuSubTitle,children:"Your template updates according to your changes"})]}),x.map((function(o,s){var t=(eo[o]||{}).Component;return t?P(r,{children:[s>0&&y(u.Divider,{}),y(t,{template:L})]},o):null}))]})]})}));export{k as Toggle};
 //# sourceMappingURL=Toggle.js.map

package/componentsV2/TemplatesControl/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sources":["../../../../src/componentsV2/TemplatesControl/Toggle/Toggle.tsx"],"sourcesContent":["import {\n forwardRef,\n Fragment,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../../Button';\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { Text } from '../../Text';\nimport { useTemplateActions } from '../templateMenuItems';\nimport { CORVA_COMPANY_ID } from '../../../constants';\nimport { User } from '../../../types';\nimport { Template } from '../types';\nimport { ToggleDisplayDefault } from '../ToggleDisplayDefault';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Skeleton } from '../../Skeleton';\nimport { UnsavedChangesBadge } from '../UnsavedChangesBadge';\n\nimport styles from './Toggle.scss';\n\nimport { useAppCommons, useCombineRefs } from '~/effects';\nimport { DownIcon } from '~/icons';\n\nconst getTemplateDisplayType = (template: Template, currentUser?: User) => {\n if (template.shared) {\n return 'Shared';\n }\n\n if (template.isPreset) {\n return 'Corva';\n }\n\n if (template.published) {\n return currentUser?.company_id !== CORVA_COMPANY_ID ? currentUser?.company_name : 'Company';\n }\n\n return 'Your Own';\n};\n\ntype ButtonComponentProps = {\n // eslint-disable-next-line react/no-unused-prop-types\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n templateIcon?: ReactNode;\n onClick?: MouseEventHandler;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n // eslint-disable-next-line react/no-unused-prop-types\n isPopoverOpen?: boolean;\n};\n\nconst ButtonFull = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n (\n {\n testId,\n className,\n disabled,\n templateIcon,\n onMouseLeave,\n onMouseEnter,\n onClick,\n children,\n isPopoverOpen,\n },\n ref\n ) => (\n <Button\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.button, className)}\n type=\"chartColored\"\n testId={testId}\n onClick={onClick}\n prefix={templateIcon}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n suffix={\n <DownIcon className={classNames(styles.chevron, isPopoverOpen && styles.chevronOpen)} />\n }\n ref={ref}\n >\n {children \|\| <ToggleDisplayDefault />}\n </Button>\n )\n);\n\nconst ButtonUltraCompact = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n ({ testId, className, disabled, templateIcon, onMouseLeave, onMouseEnter, onClick }, ref) => {\n const { useSelectedTemplate, useHasUnsavedChanges, useIsInitialized } = storeApi;\n const selectedTemplate = useSelectedTemplate();\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const isInitialized = useIsInitialized();\n\n return (\n <ButtonIcon\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.buttonIcon, className)}\n testId={testId}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n >\n {isInitialized ? (\n <div className={styles.buttonIconInner}>\n {templateIcon}\n {hasUnsavedChanges && (\n <UnsavedChangesBadge className={styles.unsavedChangesUltraCompact} size={16} />\n )}\n </div>\n ) : (\n <Skeleton type=\"circle\" width={20} height={20} />\n )}\n </ButtonIcon>\n );\n }\n);\n\nexport type ToggleProps = {\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n layout?: 'full' \| 'ultraCompact';\n};\n\ntype TemplateActionItem = ReturnType<typeof useTemplateActions>[number];\n\nconst menuItemsToShow: TemplateActionItem['id'][] = [\n 'CopyTemplate',\n 'PublishTemplate',\n 'RevertTemplate',\n 'RemoveTemplate',\n];\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n ({ testId, className, disabled, children, layout = 'full' }, ref) => {\n const {\n useOpenPopover,\n useIsPopoverOpen,\n useSelectedTemplate,\n useIsInitialized,\n useTemplateIcon,\n useTemplateIconColor,\n useHasUnsavedChanges,\n } = storeApi;\n const openPopover = useOpenPopover();\n const isPopoverOpen = useIsPopoverOpen();\n const selectedTemplate = useSelectedTemplate();\n const isInitialized = useIsInitialized();\n const iconColor = useTemplateIconColor(selectedTemplate);\n const IconComponent = useTemplateIcon(selectedTemplate);\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const { currentUser } = useAppCommons();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const openTimerRef = useRef<NodeJS.Timeout>();\n const closeTimerRef = useRef<NodeJS.Timeout>();\n const toggleRef = useRef<HTMLButtonElement>(null);\n\n const clearTimeouts = useCallback(() => {\n clearTimeout(openTimerRef.current);\n clearTimeout(closeTimerRef.current);\n }, []);\n\n const onMenuMouseEnter = useCallback(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, [clearTimeouts]);\n\n const onButtonMouseEnter = useCallback(() => {\n clearTimeouts();\n\n openTimerRef.current = setTimeout(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, 300);\n }, [clearTimeouts]);\n\n const onMouseLeave = useCallback(() => {\n clearTimeouts();\n closeTimerRef.current = setTimeout(() => {\n setIsMenuOpen(false);\n }, 500);\n }, [clearTimeouts]);\n\n const buttonRef = useCombineRefs(ref, toggleRef);\n\n const menuItems = useTemplateActions(selectedTemplate);\n\n const menuItemsMap = useMemo(\n () =>\n menuItems.reduce<Partial<Record<TemplateActionItem['id'], TemplateActionItem>>>(\n (acc, item) => ({ ...acc, [item.id]: item }),\n {}\n ),\n [menuItems]\n );\n\n const ButtonComponent = layout === 'full' ? ButtonFull : ButtonUltraCompact;\n\n return (\n <>\n <ButtonComponent\n disabled={disabled}\n className={className}\n testId={testId}\n ref={buttonRef}\n onClick={openPopover}\n templateIcon={\n isInitialized && selectedTemplate ? (\n <IconComponent color={iconColor} size={20} />\n ) : undefined\n }\n isPopoverOpen={isPopoverOpen}\n onMouseEnter={onButtonMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </ButtonComponent>\n\n {selectedTemplate && !disabled && (\n <Menu\n open={isMenuOpen && !isPopoverOpen}\n anchorEl={toggleRef.current}\n backdrop={false}\n onMouseEnter={onMenuMouseEnter}\n onMouseLeave={onMouseLeave}\n className={styles.menu}\n >\n <div className={styles.menuHeader}>\n <Text size={12} tagName=\"div\">\n {hasUnsavedChanges && (\n <>\n <UnsavedChangesBadge /> Modifying{' '}\n </>\n )}\n {getTemplateDisplayType(selectedTemplate, currentUser)} Template\n </Text>\n <Text size={12} color=\"T6\" className={styles.menuSubTitle}>\n Your template updates according to your changes\n </Text>\n </div>\n\n {menuItemsToShow.map((key, index) => {\n const { Component } = menuItemsMap[key] \|\| {};\n if (!Component) {\n return null;\n }\n\n return (\n <Fragment key={key}>\n {index > 0 && <Menu.Divider />}\n <Component template={selectedTemplate} />\n </Fragment>\n );\n })}\n </Menu>\n )}\n </>\n );\n }\n);\n"],"names":["getTemplateDisplayType","template","currentUser","shared","isPreset","published","company_id","CORVA_COMPANY_ID","company_name","ButtonFull","forwardRef","ref","testId","className","disabled","templateIcon","onMouseLeave","onMouseEnter","onClick","children","isPopoverOpen","_jsx","Button","size","classNames","styles","button","type","prefix","suffix","DownIcon","chevron","chevronOpen","ToggleDisplayDefault","ButtonUltraCompact","_ref2","useSelectedTemplate","storeApi","useHasUnsavedChanges","useIsInitialized","selectedTemplate","hasUnsavedChanges","id","isInitialized","ButtonIcon","buttonIcon","_jsxs","buttonIconInner","UnsavedChangesBadge","unsavedChangesUltraCompact","Skeleton","width","height","menuItemsToShow","Toggle","_ref3","_ref3$layout","layout","useOpenPopover","useIsPopoverOpen","useTemplateIcon","useTemplateIconColor","openPopover","iconColor","IconComponent","useAppCommons","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsMenuOpen","openTimerRef","useRef","closeTimerRef","toggleRef","clearTimeouts","useCallback","clearTimeout","current","onMenuMouseEnter","onButtonMouseEnter","setTimeout","buttonRef","useCombineRefs","menuItems","useTemplateActions","menuItemsMap","useMemo","reduce","acc","item","_objectSpread","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","Divider"],"mappings":"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"}
1	+ {"version":3,"file":"Toggle.js","sources":["../../../../src/componentsV2/TemplatesControl/Toggle/Toggle.tsx"],"sourcesContent":["import {\n forwardRef,\n Fragment,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from '../../Button';\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { Text } from '../../Text';\nimport { useTemplateActions } from '../templateMenuItems';\nimport { CORVA_COMPANY_ID } from '../../../constants';\nimport { User } from '../../../types';\nimport { Template } from '../types';\nimport { ToggleDisplayDefault } from '../ToggleDisplayDefault';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Skeleton } from '../../Skeleton';\nimport { UnsavedChangesBadge } from '../UnsavedChangesBadge';\n\nimport styles from './Toggle.scss';\n\nimport { useAppCommons, useCombineRefs } from '~/effects';\nimport { DownIcon } from '~/icons';\n\nconst getTemplateDisplayType = (template: Template, currentUser?: User) => {\n if (template.shared) {\n return 'Shared';\n }\n\n if (template.isPreset) {\n return 'Corva';\n }\n\n if (template.published) {\n return currentUser?.company_id !== CORVA_COMPANY_ID ? currentUser?.company_name : 'Company';\n }\n\n return 'Your Own';\n};\n\ntype ButtonComponentProps = {\n // eslint-disable-next-line react/no-unused-prop-types\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n templateIcon?: ReactNode;\n onClick?: MouseEventHandler;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n // eslint-disable-next-line react/no-unused-prop-types\n isPopoverOpen?: boolean;\n};\n\nconst ButtonFull = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n (\n {\n testId,\n className,\n disabled,\n templateIcon,\n onMouseLeave,\n onMouseEnter,\n onClick,\n children,\n isPopoverOpen,\n },\n ref\n ) => (\n <Button\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.button, className)}\n type=\"chartColored\"\n testId={testId}\n onClick={onClick}\n prefix={templateIcon}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n suffix={\n <DownIcon className={classNames(styles.chevron, isPopoverOpen && styles.chevronOpen)} />\n }\n ref={ref}\n >\n {children \|\| <ToggleDisplayDefault />}\n </Button>\n )\n);\n\nconst ButtonUltraCompact = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n ({ testId, className, disabled, templateIcon, onMouseLeave, onMouseEnter, onClick }, ref) => {\n const { useSelectedTemplate, useHasUnsavedChanges, useIsInitialized } = storeApi;\n const selectedTemplate = useSelectedTemplate();\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const isInitialized = useIsInitialized();\n\n return (\n <ButtonIcon\n disabled={disabled}\n size=\"small\"\n className={classNames(styles.buttonIcon, className)}\n testId={testId}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={ref}\n >\n {isInitialized ? (\n <div className={styles.buttonIconInner}>\n {templateIcon}\n {hasUnsavedChanges && (\n <UnsavedChangesBadge className={styles.unsavedChangesUltraCompact} size={16} />\n )}\n </div>\n ) : (\n <Skeleton type=\"circle\" width={20} height={20} />\n )}\n </ButtonIcon>\n );\n }\n);\n\nexport type ToggleProps = {\n children?: ReactNode;\n disabled?: boolean;\n className?: string;\n testId?: string;\n layout?: 'full' \| 'ultraCompact';\n};\n\ntype TemplateActionItem = ReturnType<typeof useTemplateActions>[number];\n\nconst menuItemsToShow: TemplateActionItem['id'][] = [\n 'CopyTemplate',\n 'PublishTemplate',\n 'RevertTemplate',\n 'RemoveTemplate',\n];\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n ({ testId, className, disabled, children, layout = 'full' }, ref) => {\n const {\n useOpenPopover,\n useIsPopoverOpen,\n useSelectedTemplate,\n useIsInitialized,\n useTemplateIcon,\n useTemplateIconColor,\n useHasUnsavedChanges,\n } = storeApi;\n const openPopover = useOpenPopover();\n const isPopoverOpen = useIsPopoverOpen();\n const selectedTemplate = useSelectedTemplate();\n const isInitialized = useIsInitialized();\n const iconColor = useTemplateIconColor(selectedTemplate);\n const IconComponent = useTemplateIcon(selectedTemplate);\n const hasUnsavedChanges = useHasUnsavedChanges(selectedTemplate?.id);\n const { currentUser } = useAppCommons();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const openTimerRef = useRef<NodeJS.Timeout>();\n const closeTimerRef = useRef<NodeJS.Timeout>();\n const toggleRef = useRef<HTMLButtonElement>(null);\n\n const clearTimeouts = useCallback(() => {\n clearTimeout(openTimerRef.current);\n clearTimeout(closeTimerRef.current);\n }, []);\n\n const onMenuMouseEnter = useCallback(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, [clearTimeouts]);\n\n const onButtonMouseEnter = useCallback(() => {\n clearTimeouts();\n\n openTimerRef.current = setTimeout(() => {\n clearTimeouts();\n setIsMenuOpen(true);\n }, 300);\n }, [clearTimeouts]);\n\n const onMouseLeave = useCallback(() => {\n clearTimeouts();\n closeTimerRef.current = setTimeout(() => {\n setIsMenuOpen(false);\n }, 500);\n }, [clearTimeouts]);\n\n const buttonRef = useCombineRefs(ref, toggleRef);\n\n const menuItems = useTemplateActions(selectedTemplate);\n\n const menuItemsMap = useMemo(\n () =>\n menuItems.reduce<Partial<Record<TemplateActionItem['id'], TemplateActionItem>>>(\n (acc, item) => ({ ...acc, [item.id]: item }),\n {}\n ),\n [menuItems]\n );\n\n const ButtonComponent = layout === 'full' ? ButtonFull : ButtonUltraCompact;\n\n return (\n <>\n <ButtonComponent\n disabled={disabled}\n className={className}\n testId={testId}\n ref={buttonRef}\n onClick={openPopover}\n templateIcon={\n isInitialized && selectedTemplate ? (\n <IconComponent color={iconColor} size={20} />\n ) : undefined\n }\n isPopoverOpen={isPopoverOpen}\n onMouseEnter={onButtonMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </ButtonComponent>\n\n {selectedTemplate && !disabled && (\n <Menu\n open={isMenuOpen && !isPopoverOpen}\n anchorEl={toggleRef.current}\n backdrop={false}\n onMouseEnter={onMenuMouseEnter}\n onMouseLeave={onMouseLeave}\n className={styles.menu}\n >\n <div className={styles.menuHeader}>\n <Text size={12} tagName=\"div\">\n {hasUnsavedChanges && (\n <>\n <UnsavedChangesBadge /> Modifying{' '}\n </>\n )}\n {getTemplateDisplayType(selectedTemplate, currentUser)} Template\n </Text>\n <Text size={12} color=\"T6\" className={styles.menuSubTitle}>\n Your template updates according to your changes\n </Text>\n </div>\n\n {menuItemsToShow.map((key, index) => {\n const { Component } = menuItemsMap[key] \|\| {};\n if (!Component) {\n return null;\n }\n\n return (\n <Fragment key={key}>\n {index > 0 && <Menu.Divider />}\n <Component template={selectedTemplate} />\n </Fragment>\n );\n })}\n </Menu>\n )}\n </>\n );\n }\n);\n"],"names":["getTemplateDisplayType","template","currentUser","shared","isPreset","published","company_id","CORVA_COMPANY_ID","company_name","ButtonFull","forwardRef","ref","testId","className","disabled","templateIcon","onMouseLeave","onMouseEnter","onClick","children","isPopoverOpen","_jsx","Button","size","classNames","styles","button","type","prefix","suffix","DownIcon","chevron","chevronOpen","ToggleDisplayDefault","ButtonUltraCompact","_ref2","useSelectedTemplate","storeApi","useHasUnsavedChanges","useIsInitialized","selectedTemplate","hasUnsavedChanges","id","isInitialized","ButtonIcon","buttonIcon","_jsxs","buttonIconInner","UnsavedChangesBadge","unsavedChangesUltraCompact","Skeleton","width","height","menuItemsToShow","Toggle","_ref3","_ref3$layout","layout","useOpenPopover","useIsPopoverOpen","useTemplateIcon","useTemplateIconColor","openPopover","iconColor","IconComponent","useAppCommons","useState","_useState2","_slicedToArray","_useState","isMenuOpen","setIsMenuOpen","openTimerRef","useRef","closeTimerRef","toggleRef","clearTimeouts","useCallback","clearTimeout","current","onMenuMouseEnter","onButtonMouseEnter","setTimeout","buttonRef","useCombineRefs","menuItems","useTemplateActions","menuItemsMap","useMemo","reduce","acc","item","_objectSpread","_Fragment","color","undefined","Menu","open","anchorEl","backdrop","menu","menuHeader","Text","tagName","menuSubTitle","map","key","index","Component","Fragment","Divider"],"mappings":"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"}

package/componentsV2/TextInputBase/TextInputBase.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useRef as i,useCallback as t}from"react";import{Text as n}from"../Text/Text.js";import{LoaderCircular as c}from"../LoaderCircular/LoaderCircular.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"./components/Styles.scss.js";import{jsx as m,jsxs as p,Fragment as l}from"react/jsx-runtime";import{Label as a}from"./components/Label.js";import u from"./TextInputBase.scss.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";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/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"../AppPanel/AppPanelsContext.js";import{useCombineRefs as j}from"../../effects/useCombineRefs.js";function d(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function I(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?d(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var b={small:u.small,medium:u.medium,large:u.large},f={top:"",start:u.labelStart,end:u.labelEnd},h=function(o){var d=o.testId,h=o.className,v=o.label,C=o.rootTagName,g=void 0===C?"label":C,O=o.clearable,y=o.focusOnClear,P=void 0===y||y,x=o.prefix,F=o.suffix,A=o.placeholder,D=o.size,S=void 0===D?"small":D,N=o.value,T=void 0===N?"":N,R=o.readOnly,k=o.labelPlacement,w=void 0===k?"top":k,M=o.inputRef,B=o.disabled,z=o.autoFocus,E=o.message,U=o.onFocus,G=o.onBlur,L=o.onKeyUp,K=o.onKeyDown,q=o.status,W=o.onChange,X=o.elementsClassNames,Z=o.inputContainerRef,H=o.component,J=o.componentProps,Q=o.rootRef,V=o.testIds,Y=i(),$=j(M,Y),_="loading"===q?m(c,{size:"xs"}):void 0,oo=t((function(o){var s,i;(o.stopPropagation(),o.preventDefault(),P)?null===(s=Y.current)||void 0===s||s.focus():null===(i=Y.current)||void 0===i||i.blur();null==W||W("","clear")}),[W,P]),so=t((function(o){return null==W?void 0:W(o.target.value||"","change",o)}),[W]),io=O&&String(T).length>0?m(r,{title:"Clear",children:m("button",{className:u.clearButton,onClick:oo,tabIndex:-1,"data-testid":null==V?void 0:V.clearButton,children:m(e,{size:16})})}):void 0,to=_||F||io?p(l,{children:[_,io,F]}):void 0;return p(g,{ref:Q,className:s(u.root,b[S],"error"===q&&u.error,B&&u.disabled,h),"data-testid":d,children:[p("div",{className:f[w],children:[v&&m(n,{size:12,color:"T6",className:s(u.label,"top"!==w&&u.labelAside,"top"!==w&&"small"===S&&u.labelSpecialXs,null==X?void 0:X.label),testId:null==V?void 0:V.label,children:"string"==typeof v?m(a,{children:v}):v}),p("div",{className:s(u.inputContainer,null==X?void 0:X.inputContainer),ref:Z,children:[x&&m("div",{className:s(u.affix,null==X?void 0:X.prefix),"data-testid":null==V?void 0:V.prefix,children:x}),m(H,I({ref:$,className:s(u.input,null==X?void 0:X.input),"data-testid":null==V?void 0:V.input,placeholder:A,value:String(T),readOnly:R,onChange:so,disabled:B,onFocus:U,onBlur:G,onKeyUp:L,onKeyDown:K,autoFocus:z},J)),to&&m("div",{className:s(u.affix,null==X?void 0:X.suffix),"data-testid":null==V?void 0:V.suffix,children:to})]})]}),E&&m(n,{size:12,color:"T6",tagName:"div",className:s(u.message,null==X?void 0:X.message),testId:null==V?void 0:V.message,children:E})]})};export{b as SizeToClassMap,h as TextInputBase};
+import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{useRef as i,useCallback as t}from"react";import{Text as n}from"../Text/Text.js";import{LoaderCircular as c}from"../LoaderCircular/LoaderCircular.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"./components/Styles.scss.js";import{jsx as m,jsxs as p,Fragment as a}from"react/jsx-runtime";import{Label as l}from"./components/Label.js";import u from"./TextInputBase.scss.js";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"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"../AppPanel/AppPanelsContext.js";import{useCombineRefs as j}from"../../effects/useCombineRefs.js";function d(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function I(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?d(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var b={small:u.small,medium:u.medium,large:u.large},f={top:"",start:u.labelStart,end:u.labelEnd},h=function(o){var d=o.testId,h=o.className,v=o.label,C=o.rootTagName,g=void 0===C?"label":C,O=o.clearable,y=o.focusOnClear,P=void 0===y||y,x=o.prefix,F=o.suffix,A=o.placeholder,D=o.size,S=void 0===D?"small":D,N=o.value,T=void 0===N?"":N,R=o.readOnly,k=o.labelPlacement,w=void 0===k?"top":k,M=o.inputRef,B=o.disabled,z=o.autoFocus,E=o.message,U=o.onFocus,G=o.onBlur,L=o.onKeyUp,K=o.onKeyDown,q=o.status,W=o.onChange,X=o.elementsClassNames,Z=o.inputContainerRef,H=o.component,J=o.componentProps,Q=o.rootRef,V=o.testIds,Y=i(),$=j(M,Y),_="loading"===q?m(c,{size:"xs"}):void 0,oo=t((function(o){var s,i;(o.stopPropagation(),o.preventDefault(),P)?null===(s=Y.current)||void 0===s||s.focus():null===(i=Y.current)||void 0===i||i.blur();null==W||W("","clear")}),[W,P]),so=t((function(o){return null==W?void 0:W(o.target.value||"","change",o)}),[W]),io=O&&String(T).length>0?m(r,{title:"Clear",children:m("button",{className:u.clearButton,onClick:oo,tabIndex:-1,"data-testid":null==V?void 0:V.clearButton,children:m(e,{size:16})})}):void 0,to=_||F||io?p(a,{children:[_,io,F]}):void 0;return p(g,{ref:Q,className:s(u.root,b[S],"error"===q&&u.error,B&&u.disabled,h),"data-testid":d,children:[p("div",{className:f[w],children:[v&&m(n,{size:12,color:"T6",className:s(u.label,"top"!==w&&u.labelAside,"top"!==w&&"small"===S&&u.labelSpecialXs,null==X?void 0:X.label),testId:null==V?void 0:V.label,children:"string"==typeof v?m(l,{children:v}):v}),p("div",{className:s(u.inputContainer,null==X?void 0:X.inputContainer),ref:Z,children:[x&&m("div",{className:s(u.affix,null==X?void 0:X.prefix),"data-testid":null==V?void 0:V.prefix,children:x}),m(H,I({ref:$,className:s(u.input,null==X?void 0:X.input),"data-testid":null==V?void 0:V.input,placeholder:A,value:String(T),readOnly:R,onChange:so,disabled:B,onFocus:U,onBlur:G,onKeyUp:L,onKeyDown:K,autoFocus:z},J)),to&&m("div",{className:s(u.affix,null==X?void 0:X.suffix),"data-testid":null==V?void 0:V.suffix,children:to})]})]}),E&&m(n,{size:12,color:"T6",tagName:"div",className:s(u.message,null==X?void 0:X.message),testId:null==V?void 0:V.message,children:E})]})};export{b as SizeToClassMap,h as TextInputBase};
 //# sourceMappingURL=TextInputBase.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInputBase.js","sources":["../../../src/componentsV2/TextInputBase/TextInputBase.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEvent,\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n MouseEventHandler,\n MutableRefObject,\n ReactNode,\n Ref,\n RefCallback,\n useCallback,\n useRef,\n} from 'react';\n\nimport { Text } from '../Text';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { Label } from './components';\n\nimport styles from './TextInputBase.scss';\nimport { CloseSmallIcon } from '../../icons';\nimport { Tooltip } from '../Tooltip';\nimport { useCombineRefs } from '../../effects';\n\ntype ComponentProvidedProps<FieldElement extends HTMLElement> = Partial<{\n className: string;\n 'data-testid': string;\n placeholder: string;\n value: string;\n readOnly: boolean;\n onChange: ChangeEventHandler<FieldElement>;\n disabled: boolean;\n autoFocus: boolean;\n onFocus: FocusEventHandler<FieldElement>;\n onBlur: FocusEventHandler<FieldElement>;\n onKeyUp: KeyboardEventHandler<FieldElement>;\n onKeyDown: KeyboardEventHandler<FieldElement>;\n}>;\n\nexport type ComponentProvidedPropNames = keyof ComponentProvidedProps<never>;\n\ntype EmptyObject = Record<string, never>;\n\nexport type TextInputBaseComponentProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = ComponentProvidedProps<FieldElement> & ComponentProps;\n\nexport type TextInputBaseProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = {\n label?: ReactNode;\n value?: string \| number;\n size?: 'small' \| 'medium' \| 'large';\n labelPlacement?: 'top' \| 'start' \| 'end';\n /*\n HTML tag of the root element. Use `div` when `prefix`/`suffix` contain interactive\n * controls — nested interactive elements inside a `label` are invalid for assistive tech\n /\n rootTagName?: 'label' \| 'div';\n disabled?: boolean;\n\n status?: 'error' \| 'loading';\n message?: ReactNode;\n onFocus?: FocusEventHandler<FieldElement>;\n onBlur?: FocusEventHandler<FieldElement>;\n onKeyDown?: KeyboardEventHandler<FieldElement>;\n onKeyUp?: KeyboardEventHandler<FieldElement>;\n placeholder?: string;\n prefix?: ReactNode;\n suffix?: ReactNode;\n /\n Ref to an underlying input element\n /\n inputRef?: RefCallback<FieldElement \| null> \| MutableRefObject<FieldElement \| null> \| null;\n /\n Ref to a container that contains input and its affixes\n * Useful for positioning of popovers\n /\n inputContainerRef?:\n \| RefCallback<HTMLDivElement \| null>\n \| MutableRefObject<HTMLDivElement \| null>\n \| null;\n readOnly?: boolean;\n /\n If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y\n /\n autoFocus?: boolean;\n\n elementsClassNames?: Partial<{\n label: string;\n input: string;\n inputContainer: string;\n prefix: string;\n suffix: string;\n message: string;\n }>;\n\n onChange?: (\n value: string,\n changeReason: 'change' \| 'clear',\n event?: ChangeEvent<FieldElement>\n ) => void;\n clearable?: boolean;\n /\n Controls if the field should keep/gain focus after \"Clear\" button is clicked\n /\n focusOnClear?: boolean;\n\n className?: string;\n testId?: string;\n\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n component: ReturnType<\n typeof forwardRef<FieldElement, TextInputBaseComponentProps<FieldElement, ComponentProps>>\n >;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n componentProps?: ComponentProps;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n testIds?: Partial<{\n input: string;\n label: string;\n prefix: string;\n suffix: string;\n clearButton: string;\n message: string;\n }>;\n};\n\nexport const SizeToClassMap: Record<Required<TextInputBaseProps<never, never>>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst LabelPlacementToClassMap: Record<\n Required<TextInputBaseProps<never, never>>['labelPlacement'],\n string\n> = {\n top: '',\n start: styles.labelStart,\n end: styles.labelEnd,\n};\n\nexport const TextInputBase = <\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n>({\n testId,\n className,\n label,\n rootTagName = 'label',\n clearable,\n focusOnClear = true,\n prefix,\n suffix,\n placeholder,\n size = 'small',\n value = '',\n readOnly,\n labelPlacement = 'top',\n inputRef,\n disabled,\n autoFocus,\n message,\n onFocus,\n onBlur,\n onKeyUp,\n onKeyDown,\n status,\n onChange,\n elementsClassNames,\n inputContainerRef,\n component: Component,\n componentProps,\n rootRef,\n testIds,\n}: TextInputBaseProps<FieldElement, ComponentProps> & { rootRef: Ref<HTMLElement> }) => {\n const ownInputRef = useRef<FieldElement>();\n const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n const loadingIndicator = status === 'loading' ? <LoaderCircular size=\"xs\" /> : undefined;\n const onClearHandler = useCallback<MouseEventHandler>(\n event => {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusOnClear) {\n ownInputRef.current?.focus();\n } else {\n ownInputRef.current?.blur();\n }\n\n onChange?.('', 'clear');\n },\n [onChange, focusOnClear]\n );\n const onChangeHandler = useCallback<ChangeEventHandler<FieldElement>>(\n event => onChange?.((event.target as unknown as HTMLInputElement).value \|\| '', 'change', event),\n [onChange]\n );\n\n const clearButton =\n !!clearable && String(value).length > 0 ? (\n <Tooltip title=\"Clear\">\n <button\n className={styles.clearButton}\n onClick={onClearHandler}\n tabIndex={-1}\n data-testid={testIds?.clearButton}\n >\n <CloseSmallIcon size={16} />\n </button>\n </Tooltip>\n ) : undefined;\n\n const actualSuffix =\n loadingIndicator \|\| suffix \|\| clearButton ? (\n <>\n {loadingIndicator}\n {clearButton}\n {suffix}\n </>\n ) : undefined;\n\n const RootElement = rootTagName;\n\n return (\n <RootElement\n ref={rootRef as never}\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n status === 'error' && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n >\n <div className={LabelPlacementToClassMap[labelPlacement]}>\n {label && (\n <Text\n size={12}\n color=\"T6\"\n className={classNames(\n styles.label,\n labelPlacement !== 'top' && styles.labelAside,\n labelPlacement !== 'top' && size === 'small' && styles.labelSpecialXs,\n elementsClassNames?.label\n )}\n testId={testIds?.label}\n >\n {typeof label === 'string' ? <Label>{label}</Label> : label}\n </Text>\n )}\n\n <div\n className={classNames(styles.inputContainer, elementsClassNames?.inputContainer)}\n ref={inputContainerRef}\n >\n {prefix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.prefix)}\n data-testid={testIds?.prefix}\n >\n {prefix}\n </div>\n )}\n {/ @ts-expect-error TS can't properly calculate component's props here for some reason */}\n <Component\n ref={actualInputRef}\n className={classNames(styles.input, elementsClassNames?.input)}\n data-testid={testIds?.input}\n placeholder={placeholder}\n value={String(value)}\n readOnly={readOnly}\n onChange={onChangeHandler}\n disabled={disabled}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n autoFocus={autoFocus}\n {...componentProps}\n />\n {actualSuffix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.suffix)}\n data-testid={testIds?.suffix}\n >\n {actualSuffix}\n </div>\n )}\n </div>\n </div>\n {message && (\n <Text\n size={12}\n color=\"T6\"\n tagName=\"div\"\n className={classNames(styles.message, elementsClassNames?.message)}\n testId={testIds?.message}\n >\n {message}\n </Text>\n )}\n </RootElement>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","LabelPlacementToClassMap","top","start","labelStart","end","labelEnd","TextInputBase","_ref","testId","className","label","_ref$rootTagName","rootTagName","clearable","_ref$focusOnClear","focusOnClear","prefix","suffix","placeholder","_ref$size","size","_ref$value","value","readOnly","_ref$labelPlacement","labelPlacement","inputRef","disabled","autoFocus","message","onFocus","onBlur","onKeyUp","onKeyDown","status","onChange","elementsClassNames","inputContainerRef","Component","component","componentProps","rootRef","testIds","ownInputRef","useRef","actualInputRef","useCombineRefs","loadingIndicator","_jsx","LoaderCircular","undefined","onClearHandler","useCallback","event","_ownInputRef$current","_ownInputRef$current2","stopPropagation","preventDefault","current","focus","blur","onChangeHandler","target","clearButton","String","length","Tooltip","title","children","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","ref","classNames","root","error","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"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"}
1	+ {"version":3,"file":"TextInputBase.js","sources":["../../../src/componentsV2/TextInputBase/TextInputBase.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEvent,\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n MouseEventHandler,\n MutableRefObject,\n ReactNode,\n Ref,\n RefCallback,\n useCallback,\n useRef,\n} from 'react';\n\nimport { Text } from '../Text';\nimport { LoaderCircular } from '../LoaderCircular';\n\nimport { Label } from './components';\n\nimport styles from './TextInputBase.scss';\nimport { CloseSmallIcon } from '../../icons';\nimport { Tooltip } from '../Tooltip';\nimport { useCombineRefs } from '../../effects';\n\ntype ComponentProvidedProps<FieldElement extends HTMLElement> = Partial<{\n className: string;\n 'data-testid': string;\n placeholder: string;\n value: string;\n readOnly: boolean;\n onChange: ChangeEventHandler<FieldElement>;\n disabled: boolean;\n autoFocus: boolean;\n onFocus: FocusEventHandler<FieldElement>;\n onBlur: FocusEventHandler<FieldElement>;\n onKeyUp: KeyboardEventHandler<FieldElement>;\n onKeyDown: KeyboardEventHandler<FieldElement>;\n}>;\n\nexport type ComponentProvidedPropNames = keyof ComponentProvidedProps<never>;\n\ntype EmptyObject = Record<string, never>;\n\nexport type TextInputBaseComponentProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = ComponentProvidedProps<FieldElement> & ComponentProps;\n\nexport type TextInputBaseProps<\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n> = {\n label?: ReactNode;\n value?: string \| number;\n size?: 'small' \| 'medium' \| 'large';\n labelPlacement?: 'top' \| 'start' \| 'end';\n /*\n HTML tag of the root element. Use `div` when `prefix`/`suffix` contain interactive\n * controls — nested interactive elements inside a `label` are invalid for assistive tech\n /\n rootTagName?: 'label' \| 'div';\n disabled?: boolean;\n\n status?: 'error' \| 'loading';\n message?: ReactNode;\n onFocus?: FocusEventHandler<FieldElement>;\n onBlur?: FocusEventHandler<FieldElement>;\n onKeyDown?: KeyboardEventHandler<FieldElement>;\n onKeyUp?: KeyboardEventHandler<FieldElement>;\n placeholder?: string;\n prefix?: ReactNode;\n suffix?: ReactNode;\n /\n Ref to an underlying input element\n /\n inputRef?: RefCallback<FieldElement \| null> \| MutableRefObject<FieldElement \| null> \| null;\n /\n Ref to a container that contains input and its affixes\n * Useful for positioning of popovers\n /\n inputContainerRef?:\n \| RefCallback<HTMLDivElement \| null>\n \| MutableRefObject<HTMLDivElement \| null>\n \| null;\n readOnly?: boolean;\n /\n If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y\n /\n autoFocus?: boolean;\n\n elementsClassNames?: Partial<{\n label: string;\n input: string;\n inputContainer: string;\n prefix: string;\n suffix: string;\n message: string;\n }>;\n\n onChange?: (\n value: string,\n changeReason: 'change' \| 'clear',\n event?: ChangeEvent<FieldElement>\n ) => void;\n clearable?: boolean;\n /\n Controls if the field should keep/gain focus after \"Clear\" button is clicked\n /\n focusOnClear?: boolean;\n\n className?: string;\n testId?: string;\n\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n component: ReturnType<\n typeof forwardRef<FieldElement, TextInputBaseComponentProps<FieldElement, ComponentProps>>\n >;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n componentProps?: ComponentProps;\n /\n ⚠️⚠️⚠️ PRIVATE API. If you see it in docs you're doing something wrong\n /\n testIds?: Partial<{\n input: string;\n label: string;\n prefix: string;\n suffix: string;\n clearButton: string;\n message: string;\n }>;\n};\n\nexport const SizeToClassMap: Record<Required<TextInputBaseProps<never, never>>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst LabelPlacementToClassMap: Record<\n Required<TextInputBaseProps<never, never>>['labelPlacement'],\n string\n> = {\n top: '',\n start: styles.labelStart,\n end: styles.labelEnd,\n};\n\nexport const TextInputBase = <\n FieldElement extends HTMLElement,\n ComponentProps extends object = EmptyObject\n>({\n testId,\n className,\n label,\n rootTagName = 'label',\n clearable,\n focusOnClear = true,\n prefix,\n suffix,\n placeholder,\n size = 'small',\n value = '',\n readOnly,\n labelPlacement = 'top',\n inputRef,\n disabled,\n autoFocus,\n message,\n onFocus,\n onBlur,\n onKeyUp,\n onKeyDown,\n status,\n onChange,\n elementsClassNames,\n inputContainerRef,\n component: Component,\n componentProps,\n rootRef,\n testIds,\n}: TextInputBaseProps<FieldElement, ComponentProps> & { rootRef: Ref<HTMLElement> }) => {\n const ownInputRef = useRef<FieldElement>();\n const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n const loadingIndicator = status === 'loading' ? <LoaderCircular size=\"xs\" /> : undefined;\n const onClearHandler = useCallback<MouseEventHandler>(\n event => {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusOnClear) {\n ownInputRef.current?.focus();\n } else {\n ownInputRef.current?.blur();\n }\n\n onChange?.('', 'clear');\n },\n [onChange, focusOnClear]\n );\n const onChangeHandler = useCallback<ChangeEventHandler<FieldElement>>(\n event => onChange?.((event.target as unknown as HTMLInputElement).value \|\| '', 'change', event),\n [onChange]\n );\n\n const clearButton =\n !!clearable && String(value).length > 0 ? (\n <Tooltip title=\"Clear\">\n <button\n className={styles.clearButton}\n onClick={onClearHandler}\n tabIndex={-1}\n data-testid={testIds?.clearButton}\n >\n <CloseSmallIcon size={16} />\n </button>\n </Tooltip>\n ) : undefined;\n\n const actualSuffix =\n loadingIndicator \|\| suffix \|\| clearButton ? (\n <>\n {loadingIndicator}\n {clearButton}\n {suffix}\n </>\n ) : undefined;\n\n const RootElement = rootTagName;\n\n return (\n <RootElement\n ref={rootRef as never}\n className={classNames(\n styles.root,\n SizeToClassMap[size],\n status === 'error' && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n >\n <div className={LabelPlacementToClassMap[labelPlacement]}>\n {label && (\n <Text\n size={12}\n color=\"T6\"\n className={classNames(\n styles.label,\n labelPlacement !== 'top' && styles.labelAside,\n labelPlacement !== 'top' && size === 'small' && styles.labelSpecialXs,\n elementsClassNames?.label\n )}\n testId={testIds?.label}\n >\n {typeof label === 'string' ? <Label>{label}</Label> : label}\n </Text>\n )}\n\n <div\n className={classNames(styles.inputContainer, elementsClassNames?.inputContainer)}\n ref={inputContainerRef}\n >\n {prefix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.prefix)}\n data-testid={testIds?.prefix}\n >\n {prefix}\n </div>\n )}\n {/ @ts-expect-error TS can't properly calculate component's props here for some reason */}\n <Component\n ref={actualInputRef}\n className={classNames(styles.input, elementsClassNames?.input)}\n data-testid={testIds?.input}\n placeholder={placeholder}\n value={String(value)}\n readOnly={readOnly}\n onChange={onChangeHandler}\n disabled={disabled}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n autoFocus={autoFocus}\n {...componentProps}\n />\n {actualSuffix && (\n <div\n className={classNames(styles.affix, elementsClassNames?.suffix)}\n data-testid={testIds?.suffix}\n >\n {actualSuffix}\n </div>\n )}\n </div>\n </div>\n {message && (\n <Text\n size={12}\n color=\"T6\"\n tagName=\"div\"\n className={classNames(styles.message, elementsClassNames?.message)}\n testId={testIds?.message}\n >\n {message}\n </Text>\n )}\n </RootElement>\n );\n};\n"],"names":["SizeToClassMap","small","styles","medium","large","LabelPlacementToClassMap","top","start","labelStart","end","labelEnd","TextInputBase","_ref","testId","className","label","_ref$rootTagName","rootTagName","clearable","_ref$focusOnClear","focusOnClear","prefix","suffix","placeholder","_ref$size","size","_ref$value","value","readOnly","_ref$labelPlacement","labelPlacement","inputRef","disabled","autoFocus","message","onFocus","onBlur","onKeyUp","onKeyDown","status","onChange","elementsClassNames","inputContainerRef","Component","component","componentProps","rootRef","testIds","ownInputRef","useRef","actualInputRef","useCombineRefs","loadingIndicator","_jsx","LoaderCircular","undefined","onClearHandler","useCallback","event","_ownInputRef$current","_ownInputRef$current2","stopPropagation","preventDefault","current","focus","blur","onChangeHandler","target","clearButton","String","length","Tooltip","title","children","onClick","tabIndex","CloseSmallIcon","actualSuffix","_jsxs","_Fragment","ref","classNames","root","error","Text","color","labelAside","labelSpecialXs","Label","inputContainer","affix","_objectSpread","input","tagName"],"mappings":"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"}

package/componentsV2/TextInputNext/TextInputNext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import t from"classnames";import{forwardRef as n,useRef as i,useMemo as c,useCallback as e}from"react";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";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/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/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"../AppPanel/AppPanelsContext.js";import{useCombineRefs as r}from"../../effects/useCombineRefs.js";import{TextInputTestIds as m}from"./TextInputNext.constants.js";import{InfoIcon as p}from"../TextInputBase/components/InfoIcon.js";import{Label as u}from"../TextInputBase/components/Label.js";import{MessageWithIcon as a}from"../TextInputBase/components/MessageWithIcon.js";import{RequiredIndicator as l}from"../TextInputBase/components/RequiredIndicator.js";import{Unit as j}from"../TextInputBase/components/Unit.js";import I from"./TextInputNext.scss.js";import{UpOneIcon as d,DownOneIcon as f}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{TextInputBase as b}from"../TextInputBase/TextInputBase.js";import{jsx as h,jsxs as C,Fragment as g}from"react/jsx-runtime";var v=["value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","suffix","onChange"];function x(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function O(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){s(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var P=n((function(o,s){return h("input",O(O({},o),{},{ref:s}))})),y={input:m.Input,label:m.Label,prefix:m.Prefix,suffix:m.Suffix,clearButton:m.ClearButton,message:m.Message},A=n((function(s,n){var p=s.value,u=s.htmlAttributes,a=s.inputType,l=s.inputMode,j=s.elementsClassNames,x=s.inputRef,A=s.suffix,S=s.onChange,B=o(s,v),D=i(null),F=r(x,D),T=c((function(){return O(O({},u),{},{type:a,inputMode:l})}),[u,a,l]),M=e((function(o,s){o.stopPropagation(),o.preventDefault(),D.current&&("stepUp"===s?D.current.stepUp():D.current.stepDown(),D.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[]),R=e((function(o){return M(o,"stepUp")}),[M]),w=e((function(o){return M(o,"stepDown")}),[M]),N="number"===a?C("div",{className:null==j?void 0:j.numberStepButtons,children:[h("button",{tabIndex:-1,onClick:R,className:t(I.numberStepButton,I.up),"data-testid":m.StepUpButton,children:h(d,{theme:"filled",size:14,className:I.numberStepButtonIcon})}),h("button",{tabIndex:-1,onClick:w,className:t(I.numberStepButton,I.down),"data-testid":m.StepDownButton,children:h(f,{theme:"filled",size:14,className:I.numberStepButtonIcon})})]}):void 0,k=A||N?C(g,{children:[A,N]}):void 0;return h(b,O(O({},B),{},{value:p,rootRef:n,suffix:k,inputRef:F,onChange:S,component:P,componentProps:T,elementsClassNames:j,testIds:y}))}));A.InfoIcon=p,A.MessageWithIcon=a,A.RequiredIndicator=l,A.Unit=j,A.Label=u;var S=A;export{S as TextInputNext};
+import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import t from"classnames";import{forwardRef as n,useRef as i,useMemo as c,useCallback as e}from"react";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"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/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"../AppPanel/AppPanelsContext.js";import{useCombineRefs as r}from"../../effects/useCombineRefs.js";import{TextInputTestIds as m}from"./TextInputNext.constants.js";import{InfoIcon as p}from"../TextInputBase/components/InfoIcon.js";import{Label as u}from"../TextInputBase/components/Label.js";import{MessageWithIcon as a}from"../TextInputBase/components/MessageWithIcon.js";import{RequiredIndicator as l}from"../TextInputBase/components/RequiredIndicator.js";import{Unit as j}from"../TextInputBase/components/Unit.js";import I from"./TextInputNext.scss.js";import{UpOneIcon as d,DownOneIcon as f}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{TextInputBase as b}from"../TextInputBase/TextInputBase.js";import{jsx as h,jsxs as C,Fragment as g}from"react/jsx-runtime";var v=["value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","suffix","onChange"];function x(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function O(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){s(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var P=n((function(o,s){return h("input",O(O({},o),{},{ref:s}))})),y={input:m.Input,label:m.Label,prefix:m.Prefix,suffix:m.Suffix,clearButton:m.ClearButton,message:m.Message},A=n((function(s,n){var p=s.value,u=s.htmlAttributes,a=s.inputType,l=s.inputMode,j=s.elementsClassNames,x=s.inputRef,A=s.suffix,S=s.onChange,B=o(s,v),D=i(null),F=r(x,D),T=c((function(){return O(O({},u),{},{type:a,inputMode:l})}),[u,a,l]),M=e((function(o,s){o.stopPropagation(),o.preventDefault(),D.current&&("stepUp"===s?D.current.stepUp():D.current.stepDown(),D.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[]),R=e((function(o){return M(o,"stepUp")}),[M]),w=e((function(o){return M(o,"stepDown")}),[M]),N="number"===a?C("div",{className:null==j?void 0:j.numberStepButtons,children:[h("button",{tabIndex:-1,onClick:R,className:t(I.numberStepButton,I.up),"data-testid":m.StepUpButton,children:h(d,{theme:"filled",size:14,className:I.numberStepButtonIcon})}),h("button",{tabIndex:-1,onClick:w,className:t(I.numberStepButton,I.down),"data-testid":m.StepDownButton,children:h(f,{theme:"filled",size:14,className:I.numberStepButtonIcon})})]}):void 0,k=A||N?C(g,{children:[A,N]}):void 0;return h(b,O(O({},B),{},{value:p,rootRef:n,suffix:k,inputRef:F,onChange:S,component:P,componentProps:T,elementsClassNames:j,testIds:y}))}));A.InfoIcon=p,A.MessageWithIcon=a,A.RequiredIndicator=l,A.Unit=j,A.Label=u;var S=A;export{S as TextInputNext};
 //# sourceMappingURL=TextInputNext.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInputNext.js","sources":["../../../src/componentsV2/TextInputNext/TextInputNext.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEvent,\n forwardRef,\n HTMLAttributes,\n InputHTMLAttributes,\n MouseEvent,\n MouseEventHandler,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport { useCombineRefs } from '../../effects';\n\nimport { TextInputTestIds } from './TextInputNext.constants';\nimport {\n InfoIcon,\n Label,\n MessageWithIcon,\n RequiredIndicator,\n Unit,\n} from '../TextInputBase/components';\n\nimport styles from './TextInputNext.scss';\n\nimport { DownOneIcon, UpOneIcon } from '~/icons';\nimport { ComponentProvidedPropNames, TextInputBase, TextInputBaseProps } from '../TextInputBase';\n\ntype AdditionalFieldProps = Omit<\n Partial<InputHTMLAttributes<HTMLInputElement>>,\n ComponentProvidedPropNames\n>;\n\ntype BaseProps = TextInputBaseProps<HTMLInputElement, AdditionalFieldProps>;\n\nconst Input: BaseProps['component'] = forwardRef((props, ref) => <input {...props} ref={ref} />);\n\nconst testIds = {\n input: TextInputTestIds.Input,\n label: TextInputTestIds.Label,\n prefix: TextInputTestIds.Prefix,\n suffix: TextInputTestIds.Suffix,\n clearButton: TextInputTestIds.ClearButton,\n message: TextInputTestIds.Message,\n};\n\nexport type TextInputChangeReason = 'clear' \| 'change';\n\nexport type TextInputNextProps = Omit<\n BaseProps,\n 'component' \| 'componentProps' \| 'elementsClassNames' \| 'onChange' \| 'testIds'\n> & {\n /*\n Underlying `input`'s element `type` attribute\n /\n inputType?: 'text' \| 'email' \| 'password' \| 'number' \| 'phone' \| 'url' \| 'search';\n /\n Input mode that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n /\n inputMode?: HTMLAttributes<HTMLInputElement>['inputMode'];\n /\n Escape hatch to provide arbitrary html attributes to `input`\n /\n htmlAttributes?: Omit<\n Partial<InputHTMLAttributes<HTMLInputElement>>,\n ComponentProvidedPropNames \| 'type' \| 'inputMode'\n >;\n\n /\n An escape hatch to tweak styling of internal elements\n /\n elementsClassNames?: BaseProps['elementsClassNames'] & {\n numberStepButtons?: string;\n };\n\n /\n Change handler. `TextInputChangeReason` utility type is provided\n * @param value\n * @param changeReason\n * @param event is not present when input is cleared via clear button\n */\n onChange?: (\n value: string,\n changeReason: TextInputChangeReason,\n event?: ChangeEvent<HTMLInputElement>\n ) => void;\n};\n\nconst TextInputNextBase = forwardRef<HTMLElement, TextInputNextProps>(\n (\n {\n value,\n htmlAttributes,\n inputType,\n inputMode,\n elementsClassNames,\n inputRef,\n suffix,\n onChange,\n ...restProps\n },\n ref\n ) => {\n const ownInputRef = useRef<HTMLInputElement \| null>(null);\n const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n\n const componentProps = useMemo<AdditionalFieldProps>(\n () => ({ ...htmlAttributes, type: inputType, inputMode }),\n [htmlAttributes, inputType, inputMode]\n );\n\n const onNumberStepHandler = useCallback(\n (event: MouseEvent, direction: 'stepUp' \| 'stepDown') => {\n event.stopPropagation();\n event.preventDefault();\n\n if (ownInputRef.current) {\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown\n // Do same things as built-in arrows, but don't trigger `change` event to be picked up by React\n if (direction === 'stepUp') {\n ownInputRef.current.stepUp();\n } else {\n ownInputRef.current.stepDown();\n }\n\n ownInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n }\n },\n []\n );\n\n const onNumberStepUpHandler = useCallback<MouseEventHandler>(\n event => onNumberStepHandler(event, 'stepUp'),\n [onNumberStepHandler]\n );\n\n const onNumberStepDownHandler = useCallback<MouseEventHandler>(\n event => onNumberStepHandler(event, 'stepDown'),\n [onNumberStepHandler]\n );\n\n const numberControls =\n inputType === 'number' ? (\n <div className={elementsClassNames?.numberStepButtons}>\n <button\n tabIndex={-1}\n onClick={onNumberStepUpHandler}\n className={classNames(styles.numberStepButton, styles.up)}\n data-testid={TextInputTestIds.StepUpButton}\n >\n <UpOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n </button>\n <button\n tabIndex={-1}\n onClick={onNumberStepDownHandler}\n className={classNames(styles.numberStepButton, styles.down)}\n data-testid={TextInputTestIds.StepDownButton}\n >\n <DownOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n </button>\n </div>\n ) : undefined;\n\n const actualSuffix =\n suffix \|\| numberControls ? (\n <>\n {suffix}\n {numberControls}\n </>\n ) : undefined;\n\n return (\n <TextInputBase\n {...restProps}\n value={value}\n rootRef={ref}\n suffix={actualSuffix}\n inputRef={actualInputRef}\n onChange={onChange}\n component={Input}\n componentProps={componentProps}\n elementsClassNames={elementsClassNames}\n testIds={testIds}\n />\n );\n }\n);\n\ntype TextInputNextType = typeof TextInputNextBase & {\n InfoIcon: typeof InfoIcon;\n MessageWithIcon: typeof MessageWithIcon;\n RequiredIndicator: typeof RequiredIndicator;\n Unit: typeof Unit;\n Label: typeof Label;\n};\n\n(TextInputNextBase as TextInputNextType).InfoIcon = InfoIcon;\n(TextInputNextBase as TextInputNextType).MessageWithIcon = MessageWithIcon;\n(TextInputNextBase as TextInputNextType).RequiredIndicator = RequiredIndicator;\n(TextInputNextBase as TextInputNextType).Unit = Unit;\n(TextInputNextBase as TextInputNextType).Label = Label;\n\nexport const TextInputNext = TextInputNextBase as TextInputNextType;\n"],"names":["Input","forwardRef","props","ref","_jsx","testIds","input","TextInputTestIds","label","Label","prefix","Prefix","suffix","Suffix","clearButton","ClearButton","message","Message","TextInputNextBase","_ref","value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","onChange","restProps","_objectWithoutProperties","_excluded","ownInputRef","useRef","actualInputRef","useCombineRefs","componentProps","useMemo","_objectSpread","type","onNumberStepHandler","useCallback","event","direction","stopPropagation","preventDefault","current","stepUp","stepDown","dispatchEvent","Event","bubbles","onNumberStepUpHandler","onNumberStepDownHandler","numberControls","_jsxs","className","numberStepButtons","children","tabIndex","onClick","classNames","styles","numberStepButton","up","StepUpButton","UpOneIcon","theme","size","numberStepButtonIcon","down","StepDownButton","DownOneIcon","undefined","actualSuffix","_Fragment","TextInputBase","rootRef","component","InfoIcon","MessageWithIcon","RequiredIndicator","Unit","TextInputNext"],"mappings":"~~qzPAmCA~~,IAAMA,EAAgCC,GAAW,SAACC,EAAOC,GAAG,OAAKC,iBAAWF,GAAK,GAAA,CAAEC,IAAKA,IAAO,IAEzFE,EAAU,CACdC,MAAOC,EAAiBP,MACxBQ,MAAOD,EAAiBE,MACxBC,OAAQH,EAAiBI,OACzBC,OAAQL,EAAiBM,OACzBC,YAAaP,EAAiBQ,YAC9BC,QAAST,EAAiBU,SA6CtBC,EAAoBjB,GACxB,SAAAkB,EAYEhB,GACG,IAXDiB,IAAAA,MACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,mBACAC,IAAAA,SACAb,IAAAA,OACAc,IAAAA,SACGC,EAASC,EAAAT,EAAAU,GAIRC,EAAcC,EAAgC,MAC9CC,EAAiBC,EAAeR,EAAUK,GAE1CI,EAAiBC,GACrB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EAAYf,GAAc,CAAA,EAAA,CAAEgB,KAAMf,EAAWC,UAAAA,GAAY,GACzD,CAACF,EAAgBC,EAAWC,IAGxBe,EAAsBC,GAC1B,SAACC,EAAmBC,GAClBD,EAAME,kBACNF,EAAMG,iBAEFb,EAAYc,UAII,WAAdH,EACFX,EAAYc,QAAQC,SAEpBf,EAAYc,QAAQE,WAGtBhB,EAAYc,QAAQG,cAAc,IAAIC,MAAM,SAAU,CAAEC,SAAS,KAEpE,GACD,IAGIC,EAAwBX,GAC5B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,YACpC,CAACF,IAGGa,EAA0BZ,GAC9B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,cACpC,CAACF,IAGGc,EACU,WAAd9B,EACE+B,EAAA,MAAA,CAAKC,UAAW9B,aAAAA,EAAAA,EAAoB+B,kBAAkBC,SACpD,CAAApD,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASR,EACTI,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOE,IACtD,cAAavD,EAAiBwD,aAAaP,SAE3CpD,EAAC4D,EAAS,CAACC,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,yBAExD/D,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASP,EACTG,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOQ,MACtD,cAAa7D,EAAiB8D,eAAeb,SAE7CpD,EAACkE,EAAW,CAACL,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,iCAG1DI,EAEAC,EACJ5D,GAAUwC,EACRC,EAAAoB,EAAA,CAAAjB,SACG5C,CAAAA,EACAwC,UAEDmB,EAEN,OACEnE,EAACsE,EAAatC,EAAAA,EAAA,GACRT,GAAS,GAAA,CACbP,MAAOA,EACPuD,QAASxE,EACTS,OAAQ4D,EACR/C,SAAUO,EACVN,SAAUA,EACVkD,UAAW5E,EACXkC,eAAgBA,EAChBV,mBAAoBA,EACpBnB,QAASA,IAGf,IAWDa,EAAwC2D,SAAWA,EACnD3D,EAAwC4D,gBAAkBA,EAC1D5D,EAAwC6D,kBAAoBA,EAC5D7D,EAAwC8D,KAAOA,EAC/C9D,EAAwCT,MAAQA,EAE1C,IAAMwE,EAAgB/D"}
1	+ {"version":3,"file":"TextInputNext.js","sources":["../../../src/componentsV2/TextInputNext/TextInputNext.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEvent,\n forwardRef,\n HTMLAttributes,\n InputHTMLAttributes,\n MouseEvent,\n MouseEventHandler,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport { useCombineRefs } from '../../effects';\n\nimport { TextInputTestIds } from './TextInputNext.constants';\nimport {\n InfoIcon,\n Label,\n MessageWithIcon,\n RequiredIndicator,\n Unit,\n} from '../TextInputBase/components';\n\nimport styles from './TextInputNext.scss';\n\nimport { DownOneIcon, UpOneIcon } from '~/icons';\nimport { ComponentProvidedPropNames, TextInputBase, TextInputBaseProps } from '../TextInputBase';\n\ntype AdditionalFieldProps = Omit<\n Partial<InputHTMLAttributes<HTMLInputElement>>,\n ComponentProvidedPropNames\n>;\n\ntype BaseProps = TextInputBaseProps<HTMLInputElement, AdditionalFieldProps>;\n\nconst Input: BaseProps['component'] = forwardRef((props, ref) => <input {...props} ref={ref} />);\n\nconst testIds = {\n input: TextInputTestIds.Input,\n label: TextInputTestIds.Label,\n prefix: TextInputTestIds.Prefix,\n suffix: TextInputTestIds.Suffix,\n clearButton: TextInputTestIds.ClearButton,\n message: TextInputTestIds.Message,\n};\n\nexport type TextInputChangeReason = 'clear' \| 'change';\n\nexport type TextInputNextProps = Omit<\n BaseProps,\n 'component' \| 'componentProps' \| 'elementsClassNames' \| 'onChange' \| 'testIds'\n> & {\n /*\n Underlying `input`'s element `type` attribute\n /\n inputType?: 'text' \| 'email' \| 'password' \| 'number' \| 'phone' \| 'url' \| 'search';\n /\n Input mode that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n /\n inputMode?: HTMLAttributes<HTMLInputElement>['inputMode'];\n /\n Escape hatch to provide arbitrary html attributes to `input`\n /\n htmlAttributes?: Omit<\n Partial<InputHTMLAttributes<HTMLInputElement>>,\n ComponentProvidedPropNames \| 'type' \| 'inputMode'\n >;\n\n /\n An escape hatch to tweak styling of internal elements\n /\n elementsClassNames?: BaseProps['elementsClassNames'] & {\n numberStepButtons?: string;\n };\n\n /\n Change handler. `TextInputChangeReason` utility type is provided\n * @param value\n * @param changeReason\n * @param event is not present when input is cleared via clear button\n */\n onChange?: (\n value: string,\n changeReason: TextInputChangeReason,\n event?: ChangeEvent<HTMLInputElement>\n ) => void;\n};\n\nconst TextInputNextBase = forwardRef<HTMLElement, TextInputNextProps>(\n (\n {\n value,\n htmlAttributes,\n inputType,\n inputMode,\n elementsClassNames,\n inputRef,\n suffix,\n onChange,\n ...restProps\n },\n ref\n ) => {\n const ownInputRef = useRef<HTMLInputElement \| null>(null);\n const actualInputRef = useCombineRefs(inputRef, ownInputRef);\n\n const componentProps = useMemo<AdditionalFieldProps>(\n () => ({ ...htmlAttributes, type: inputType, inputMode }),\n [htmlAttributes, inputType, inputMode]\n );\n\n const onNumberStepHandler = useCallback(\n (event: MouseEvent, direction: 'stepUp' \| 'stepDown') => {\n event.stopPropagation();\n event.preventDefault();\n\n if (ownInputRef.current) {\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown\n // Do same things as built-in arrows, but don't trigger `change` event to be picked up by React\n if (direction === 'stepUp') {\n ownInputRef.current.stepUp();\n } else {\n ownInputRef.current.stepDown();\n }\n\n ownInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n }\n },\n []\n );\n\n const onNumberStepUpHandler = useCallback<MouseEventHandler>(\n event => onNumberStepHandler(event, 'stepUp'),\n [onNumberStepHandler]\n );\n\n const onNumberStepDownHandler = useCallback<MouseEventHandler>(\n event => onNumberStepHandler(event, 'stepDown'),\n [onNumberStepHandler]\n );\n\n const numberControls =\n inputType === 'number' ? (\n <div className={elementsClassNames?.numberStepButtons}>\n <button\n tabIndex={-1}\n onClick={onNumberStepUpHandler}\n className={classNames(styles.numberStepButton, styles.up)}\n data-testid={TextInputTestIds.StepUpButton}\n >\n <UpOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n </button>\n <button\n tabIndex={-1}\n onClick={onNumberStepDownHandler}\n className={classNames(styles.numberStepButton, styles.down)}\n data-testid={TextInputTestIds.StepDownButton}\n >\n <DownOneIcon theme=\"filled\" size={14} className={styles.numberStepButtonIcon} />\n </button>\n </div>\n ) : undefined;\n\n const actualSuffix =\n suffix \|\| numberControls ? (\n <>\n {suffix}\n {numberControls}\n </>\n ) : undefined;\n\n return (\n <TextInputBase\n {...restProps}\n value={value}\n rootRef={ref}\n suffix={actualSuffix}\n inputRef={actualInputRef}\n onChange={onChange}\n component={Input}\n componentProps={componentProps}\n elementsClassNames={elementsClassNames}\n testIds={testIds}\n />\n );\n }\n);\n\ntype TextInputNextType = typeof TextInputNextBase & {\n InfoIcon: typeof InfoIcon;\n MessageWithIcon: typeof MessageWithIcon;\n RequiredIndicator: typeof RequiredIndicator;\n Unit: typeof Unit;\n Label: typeof Label;\n};\n\n(TextInputNextBase as TextInputNextType).InfoIcon = InfoIcon;\n(TextInputNextBase as TextInputNextType).MessageWithIcon = MessageWithIcon;\n(TextInputNextBase as TextInputNextType).RequiredIndicator = RequiredIndicator;\n(TextInputNextBase as TextInputNextType).Unit = Unit;\n(TextInputNextBase as TextInputNextType).Label = Label;\n\nexport const TextInputNext = TextInputNextBase as TextInputNextType;\n"],"names":["Input","forwardRef","props","ref","_jsx","testIds","input","TextInputTestIds","label","Label","prefix","Prefix","suffix","Suffix","clearButton","ClearButton","message","Message","TextInputNextBase","_ref","value","htmlAttributes","inputType","inputMode","elementsClassNames","inputRef","onChange","restProps","_objectWithoutProperties","_excluded","ownInputRef","useRef","actualInputRef","useCombineRefs","componentProps","useMemo","_objectSpread","type","onNumberStepHandler","useCallback","event","direction","stopPropagation","preventDefault","current","stepUp","stepDown","dispatchEvent","Event","bubbles","onNumberStepUpHandler","onNumberStepDownHandler","numberControls","_jsxs","className","numberStepButtons","children","tabIndex","onClick","classNames","styles","numberStepButton","up","StepUpButton","UpOneIcon","theme","size","numberStepButtonIcon","down","StepDownButton","DownOneIcon","undefined","actualSuffix","_Fragment","TextInputBase","rootRef","component","InfoIcon","MessageWithIcon","RequiredIndicator","Unit","TextInputNext"],"mappings":"0sPAmCA,IAAMA,EAAgCC,GAAW,SAACC,EAAOC,GAAG,OAAKC,iBAAWF,GAAK,GAAA,CAAEC,IAAKA,IAAO,IAEzFE,EAAU,CACdC,MAAOC,EAAiBP,MACxBQ,MAAOD,EAAiBE,MACxBC,OAAQH,EAAiBI,OACzBC,OAAQL,EAAiBM,OACzBC,YAAaP,EAAiBQ,YAC9BC,QAAST,EAAiBU,SA6CtBC,EAAoBjB,GACxB,SAAAkB,EAYEhB,GACG,IAXDiB,IAAAA,MACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,mBACAC,IAAAA,SACAb,IAAAA,OACAc,IAAAA,SACGC,EAASC,EAAAT,EAAAU,GAIRC,EAAcC,EAAgC,MAC9CC,EAAiBC,EAAeR,EAAUK,GAE1CI,EAAiBC,GACrB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EAAYf,GAAc,CAAA,EAAA,CAAEgB,KAAMf,EAAWC,UAAAA,GAAY,GACzD,CAACF,EAAgBC,EAAWC,IAGxBe,EAAsBC,GAC1B,SAACC,EAAmBC,GAClBD,EAAME,kBACNF,EAAMG,iBAEFb,EAAYc,UAII,WAAdH,EACFX,EAAYc,QAAQC,SAEpBf,EAAYc,QAAQE,WAGtBhB,EAAYc,QAAQG,cAAc,IAAIC,MAAM,SAAU,CAAEC,SAAS,KAEpE,GACD,IAGIC,EAAwBX,GAC5B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,YACpC,CAACF,IAGGa,EAA0BZ,GAC9B,SAAAC,GAAK,OAAIF,EAAoBE,EAAO,cACpC,CAACF,IAGGc,EACU,WAAd9B,EACE+B,EAAA,MAAA,CAAKC,UAAW9B,aAAAA,EAAAA,EAAoB+B,kBAAkBC,SACpD,CAAApD,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASR,EACTI,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOE,IACtD,cAAavD,EAAiBwD,aAAaP,SAE3CpD,EAAC4D,EAAS,CAACC,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,yBAExD/D,EAAA,SAAA,CACEqD,UAAW,EACXC,QAASP,EACTG,UAAWK,EAAWC,EAAOC,iBAAkBD,EAAOQ,MACtD,cAAa7D,EAAiB8D,eAAeb,SAE7CpD,EAACkE,EAAW,CAACL,MAAM,SAASC,KAAM,GAAIZ,UAAWM,EAAOO,iCAG1DI,EAEAC,EACJ5D,GAAUwC,EACRC,EAAAoB,EAAA,CAAAjB,SACG5C,CAAAA,EACAwC,UAEDmB,EAEN,OACEnE,EAACsE,EAAatC,EAAAA,EAAA,GACRT,GAAS,GAAA,CACbP,MAAOA,EACPuD,QAASxE,EACTS,OAAQ4D,EACR/C,SAAUO,EACVN,SAAUA,EACVkD,UAAW5E,EACXkC,eAAgBA,EAChBV,mBAAoBA,EACpBnB,QAASA,IAGf,IAWDa,EAAwC2D,SAAWA,EACnD3D,EAAwC4D,gBAAkBA,EAC1D5D,EAAwC6D,kBAAoBA,EAC5D7D,EAAwC8D,KAAOA,EAC/C9D,EAAwCT,MAAQA,EAE1C,IAAMwE,EAAgB/D"}

package/effects/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export{default as useSubscriptions}from"./useSubscriptions.js";export{default as useOutsideClick}from"./useOutsideClick.js";export{default as useEscPress}from"./useEscPress.js";export{default as useDevCenterApp}from"./useDevCenterApp.js";export{default as useSignedURL}from"./useSignedURL.js";export{default as useSharedDCStore}from"./useSharedDCStore.js";export{default as useResizeObserver}from"./useResizeObserver.js";export{default as useIsAssetViewer}from"./useIsAssetViewer.js";export{useWellnessAlerts}from"./useWellnessAlerts.js";export{default as useLoadedData}from"./useLoadedData.js";export{default as usePadSelectorSelectedWells}from"./usePadSelectorSelectedWells.js";export{useAppCommentsMode,useSetAppCommentsMode}from"../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../componentsV2/AppCommonsProvider/AppCommonsProvider.js";export{useAppCommons}from"../componentsV2/AppCommonsProvider/AppCommonsContext.js";export{useAppPanel,useAppSettingsPanel}from"../componentsV2/AppPanel/AppPanelsContext.js";export{useGlobalOffsetWellsSync}from"./useGlobalOffsetWellsSync.js";export{useInfiniteScroll}from"./useInfiniteScroll.js";export{useCombineRefs}from"./useCombineRefs.js";
+export{useSubscriptionsV2 as useSubscriptions}from"./subscriptions/useSubscriptions.v2.js";export{default as useOutsideClick}from"./useOutsideClick.js";export{default as useEscPress}from"./useEscPress.js";export{default as useDevCenterApp}from"./useDevCenterApp.js";export{default as useSignedURL}from"./useSignedURL.js";export{default as useSharedDCStore}from"./useSharedDCStore.js";export{default as useResizeObserver}from"./useResizeObserver.js";export{default as useIsAssetViewer}from"./useIsAssetViewer.js";export{useWellnessAlerts}from"./useWellnessAlerts.js";export{default as useLoadedData}from"./useLoadedData.js";export{default as usePadSelectorSelectedWells}from"./usePadSelectorSelectedWells.js";export{useAppCommentsMode,useSetAppCommentsMode}from"../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../componentsV2/AppCommonsProvider/AppCommonsProvider.js";export{useAppCommons}from"../componentsV2/AppCommonsProvider/AppCommonsContext.js";export{useAppPanel,useAppSettingsPanel}from"../componentsV2/AppPanel/AppPanelsContext.js";export{useGlobalOffsetWellsSync}from"./useGlobalOffsetWellsSync.js";export{useInfiniteScroll}from"./useInfiniteScroll.js";export{useCombineRefs}from"./useCombineRefs.js";
 //# sourceMappingURL=index.js.map

package/effects/subscriptions/fetchInitialSubscriptionsData.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { SubscribeOptions } from '~/clients/subscriptions/types';
+export type SubscriptionWithParams = SubscribeOptions & {
+    params?: Record<string, any>;
+    subscribeOnly?: boolean;
+};
+export type TimeQuery = {
+    timestamp: {
+        $lte: number;
+    };
+} | null;
+type FetchOptions = {
+    timeQuery: TimeQuery;
+    appKey?: string;
+};
+/**
+ * Initial data loader for the legacy app-storage API (`isOldApiUsed: true`).
+ * Every subscription must carry `params`; callers that omit them get a rejected promise,
+ * the same as before this helper was typed.
+ */
+export declare function fetchInitialSubscriptionsDataDeprecated(subscriptions: SubscriptionWithParams[], { timeQuery, appKey }: FetchOptions): Promise<any[]>;
+export declare function fetchInitialSubscriptionsData(subscriptions: SubscriptionWithParams[], { timeQuery, appKey }: FetchOptions): Promise<any[]>;
+export {};
+//# sourceMappingURL=fetchInitialSubscriptionsData.d.ts.map

package/effects/subscriptions/fetchInitialSubscriptionsData.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"fetchInitialSubscriptionsData.d.ts","sourceRoot":"","sources":["../../../src/effects/subscriptions/fetchInitialSubscriptionsData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GAAG;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IAAE,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GAAG,IAAI,CAAC;AAE/D,KAAK,YAAY,GAAG;IAAE,SAAS,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D;;;;GAIG;AACH,wBAAsB,uCAAuC,CAC3D,aAAa,EAAE,sBAAsB,EAAE,EACvC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,GAClC,OAAO,CAAC,GAAG,EAAE,CAAC,CAuBhB;AAED,wBAAsB,6BAA6B,CACjD,aAAa,EAAE,sBAAsB,EAAE,EACvC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,GAClC,OAAO,CAAC,GAAG,EAAE,CAAC,CA+BhB"}

package/effects/subscriptions/fetchInitialSubscriptionsData.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/regenerator";import{merge as n,mapValues as a}from"lodash";import{getAppStorage as u,getDataAppStorage as c,getDataAppStorageAggregate as i}from"../../clients/jsonApi/index.js";function o(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function s(r,e){return f.apply(this,arguments)}function f(){return f=e(t.mark((function r(n,a){var c,i,o;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return c=a.timeQuery,i=a.appKey,o=n.map(function(){var r=e(t.mark((function r(e){var n,a,o,s,f,l,b,m,y;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=e.provider,a=e.collection,o=e.assetId,s=e.subscribeOnly,f=e.params,!s){r.next=3;break}return r.abrupt("return",null);case 3:if(f){r.next=5;break}throw new TypeError("subscription params are required for the deprecated API");case 5:return l=f.query,b=c?"{timestamp#lte#".concat(c.timestamp.$lte):"",m=l&&b?"AND":"",y="".concat(l).concat(m).concat(b),r.prev=9,r.next=12,u(n,a,o,p(p(p({},f),y?{query:y}:{}),{},{appKey:i}));case 12:return r.abrupt("return",r.sent);case 15:return r.prev=15,r.t0=r.catch(9),r.abrupt("return",[]);case 18:case"end":return r.stop()}}),r,null,[[9,15]])})));return function(e){return r.apply(this,arguments)}}()),r.abrupt("return",Promise.all(o));case 3:case"end":return r.stop()}}),r)}))),f.apply(this,arguments)}function l(r,e){return b.apply(this,arguments)}function b(){return b=e(t.mark((function r(u,o){var s,f,l;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return s=o.timeQuery,f=o.appKey,l=u.map(function(){var r=e(t.mark((function r(e){var u,o,l,b,m,y,v,h,O,d,g,w;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(u=e.provider,o=e.collection,l=e.assetId,b=e.subscribeOnly,m=e.params,y=void 0===m?{}:m,!b){r.next=3;break}return r.abrupt("return",null);case 3:if(!y.aggregate){r.next=5;break}return r.abrupt("return",i(u,o,p({},a(y.aggregate,JSON.stringify))));case 5:return v=JSON.stringify(n({asset_id:l},y.query,s)),h=y.limit,O=void 0===h?1:h,d=y.sort,g=void 0===d?'{"timestamp": 1}':d,r.prev=7,w=p(p({},y),{},{limit:O,sort:g,query:v,appKey:f}),r.next=11,c(u,o,w);case 11:return r.abrupt("return",r.sent);case 14:return r.prev=14,r.t0=r.catch(7),r.abrupt("return",[]);case 17:case"end":return r.stop()}}),r,null,[[7,14]])})));return function(e){return r.apply(this,arguments)}}()),r.abrupt("return",Promise.all(l));case 3:case"end":return r.stop()}}),r)}))),b.apply(this,arguments)}export{l as fetchInitialSubscriptionsData,s as fetchInitialSubscriptionsDataDeprecated};
2	+ //# sourceMappingURL=fetchInitialSubscriptionsData.js.map

package/effects/subscriptions/fetchInitialSubscriptionsData.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"fetchInitialSubscriptionsData.js","sources":["../../../src/effects/subscriptions/fetchInitialSubscriptionsData.ts"],"sourcesContent":["import { mapValues, merge } from 'lodash';\n\nimport { SubscribeOptions } from '~/clients/subscriptions/types';\nimport { getAppStorage, getDataAppStorage, getDataAppStorageAggregate } from '~/clients/jsonApi';\n\nexport type SubscriptionWithParams = SubscribeOptions & {\n params?: Record<string, any>;\n subscribeOnly?: boolean;\n};\n\nexport type TimeQuery = { timestamp: { $lte: number } } | null;\n\ntype FetchOptions = { timeQuery: TimeQuery; appKey?: string };\n\n/**\n * Initial data loader for the legacy app-storage API (`isOldApiUsed: true`).\n * Every subscription must carry `params`; callers that omit them get a rejected promise,\n * the same as before this helper was typed.\n */\nexport async function fetchInitialSubscriptionsDataDeprecated(\n subscriptions: SubscriptionWithParams[],\n { timeQuery, appKey }: FetchOptions\n): Promise<any[]> {\n const requests = subscriptions.map(\n async ({ provider, collection, assetId, subscribeOnly, params }) => {\n if (subscribeOnly) return null;\n if (!params) throw new TypeError('subscription params are required for the deprecated API');\n\n const queryFromParameters = params.query;\n const queryFromTime = timeQuery ? `{timestamp#lte#${timeQuery.timestamp.$lte}` : '';\n const separator = queryFromParameters && queryFromTime ? 'AND' : '';\n const query = `${queryFromParameters}${separator}${queryFromTime}`;\n\n try {\n return await getAppStorage(provider, collection, assetId, {\n ...params,\n ...(query ? { query } : {}),\n appKey,\n });\n } catch (e) {\n return [];\n }\n }\n );\n return Promise.all(requests);\n}\n\nexport async function fetchInitialSubscriptionsData(\n subscriptions: SubscriptionWithParams[],\n { timeQuery, appKey }: FetchOptions\n): Promise<any[]> {\n const requests = subscriptions.map(\n async ({ provider, collection, assetId, subscribeOnly, params = {} }) => {\n if (subscribeOnly) return null;\n\n // NOTE: Use different endpoint for aggregate queries\n // https://data.qa.corva.ai/docs#/default/aggregate_api_v1_data__provider___dataset__aggregate__get\n if (params.aggregate)\n return getDataAppStorageAggregate(provider, collection, {\n ...mapValues(params.aggregate, JSON.stringify),\n });\n\n const query = JSON.stringify(merge({ asset_id: assetId }, params.query, timeQuery));\n const { limit = 1, sort = '{\"timestamp\": 1}' } = params;\n\n try {\n const options = {\n ...params,\n limit,\n sort,\n query,\n appKey,\n };\n\n return await getDataAppStorage(provider, collection, options);\n } catch (e) {\n return [];\n }\n }\n );\n return Promise.all(requests);\n}\n"],"names":["fetchInitialSubscriptionsDataDeprecated","_x","_x2","_fetchInitialSubscriptionsDataDeprecated","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","subscriptions","_ref","timeQuery","appKey","requests","wrap","_context2","prev","next","map","_ref4","_callee","_ref3","provider","collection","assetId","subscribeOnly","params","queryFromParameters","queryFromTime","separator","query","_context","abrupt","TypeError","timestamp","$lte","getAppStorage","sent","t0","stop","_x5","Promise","all","_callee2","fetchInitialSubscriptionsData","_x3","_x4","_fetchInitialSubscriptionsData","_ref2","_context4","_ref6","_callee3","_ref5","_ref5$params","_params$limit","limit","_params$sort","sort","options","_context3","aggregate","getDataAppStorageAggregate","mapValues","JSON","stringify","merge","asset_id","getDataAppStorage","_x6","_callee4"],"mappings":"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"}

package/effects/subscriptions/useSubscriptions.v2.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSubscriptions.v2.d.ts","sourceRoot":"","sources":["../../../src/effects/subscriptions/useSubscriptions.v2.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AASrE,eAAO,MAAM,kBAAkB,oBACb,gBAAgB,EAAE,sCAK/B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;;~~IAmFhE~~,CAAC"}
1	+ {"version":3,"file":"useSubscriptions.v2.d.ts","sourceRoot":"","sources":["../../../src/effects/subscriptions/useSubscriptions.v2.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AASrE,eAAO,MAAM,kBAAkB,oBACb,gBAAgB,EAAE,sCAK/B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;;IAsFhE,CAAC"}

package/effects/subscriptions/useSubscriptions.v2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{parse as n}from"querystring";import{useState as e,useMemo as i,useRef as o,useEffect as c}from"react";import{castArray as u}from"lodash";import{getChannelName as a}from"../../clients/subscriptions/get-channel-name.js";import{getAppKeyAndId as f}from"../../clients/utils.js";import{SubscriptionsClientFactory as s}from"../../clients/subscriptions/subscriptions-client.factory.js";import{fetchInitialSubscriptionsDataDeprecated as p,fetchInitialSubscriptionsData as m}from"./useSubscriptions.v1.js";function l(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.push.apply(n,e)}return n}function b(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?l(Object(e),!0).forEach((function(n){r(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}var y=function(){var l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],y=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},O=y.timestamp,d=y.isOldApiUsed,j=y.url,g=u(l),h=g.map(a).join(","),v=Array.from(new Set(g.map(a))).sort().join(","),w=e({}),P=t(w,2),A=P[0],D=P[1],S=e(!0),E=t(S,2),K=E[0],T=E[1],$=i((function(){var r;return null===(r=f())||void 0===r?void 0:r.appKey}),[]),k=i((function(){return s.init(j)}),[j]),q=i((function(){return g.map(a)}),[h]),x=i((function(){return Array.from(new Set(g.map(a)))}),[v]),Q=o(!0),U=i((function(){if(O)return{timestamp:{$lte:O}};var r=n(window.location.search).time,t=Array.isArray(r)?r[0]:r;return t?{timestamp:{$lte:new Date(t).getTime()/1e3}}:null}),[window.location.search,O]);return c((function(){return Q.current=!0,function(){Q.current=!1}}),[]),c((function(){if(k&&0!==x.length&&!K){var t=x.map((function(t){return k.subscribe(t,(function(n){Q.current&&D((function(e){return b(b({},e),{},r({},t,n))}))}))}));return function(){t.forEach((function(r){return r()}))}}}),[v,K,k]),c((function(){h&&(d?p:m)(g,{timeQuery:U,appKey:$}).then((function(r){if(Q.current){var t=r.reduce((function(r,t,n){return r[a(g[n])]=t,r}),{});D(t),T(!1)}}))}),[h,U,d,$]),i((function(){return 0===g.length?[]:q.map((function(r){var t=!(r in A);return t?{loading:t}:{loading:!1,data:A[r]}}))}),[A,h])};export{y as useSubscriptionsV2};
+import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{parse as n}from"querystring";import{useState as e,useMemo as i,useRef as o,useEffect as c}from"react";import{castArray as u}from"lodash";import{getChannelName as a}from"../../clients/subscriptions/get-channel-name.js";import{getAppKeyAndId as f}from"../../clients/utils.js";import{SubscriptionsClientFactory as p}from"../../clients/subscriptions/subscriptions-client.factory.js";import{fetchInitialSubscriptionsDataDeprecated as s,fetchInitialSubscriptionsData as m}from"./fetchInitialSubscriptionsData.js";function l(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),n.push.apply(n,e)}return n}function b(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?l(Object(e),!0).forEach((function(n){r(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}var y=function(){var l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],y=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},O=y.timestamp,d=y.isOldApiUsed,h=y.url,j=u(l),g=j.map(a).join(","),v=Array.from(new Set(j.map(a))).sort().join(","),w=e({}),P=t(w,2),A=P[0],D=P[1],S=e(!0),E=t(S,2),K=E[0],T=E[1],$=i((function(){var r;return null===(r=f())||void 0===r?void 0:r.appKey}),[]),k=i((function(){return p.init(h)}),[h]),q=i((function(){return j.map(a)}),[g]),x=i((function(){return Array.from(new Set(j.map(a)))}),[v]),I=o(!0),Q=i((function(){if(O)return{timestamp:{$lte:O}};var r=n(window.location.search).time,t=Array.isArray(r)?r[0]:r;return t?{timestamp:{$lte:new Date(t).getTime()/1e3}}:null}),[window.location.search,O]);return c((function(){return I.current=!0,function(){I.current=!1}}),[]),c((function(){if(k&&0!==x.length&&!K){var t=x.map((function(t){return k.subscribe(t,(function(n){I.current&&D((function(e){return b(b({},e),{},r({},t,n))}))}))}));return function(){t.forEach((function(r){return r()}))}}}),[v,K,k]),c((function(){g&&(d?s:m)(j,{timeQuery:Q,appKey:$}).then((function(r){if(I.current){var t=r.reduce((function(r,t,n){return r[a(j[n])]=t,r}),{});D(t),T(!1)}}))}),[g,Q,d,$]),i((function(){return 0===j.length?[]:q.map((function(r){var t=!(r in A);return t?{loading:t}:{loading:!1,data:A[r]}}))}),[A,g])};export{y as useSubscriptionsV2};
 //# sourceMappingURL=useSubscriptions.v2.js.map

package/effects/subscriptions/useSubscriptions.v2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSubscriptions.v2.js","sources":["../../../src/effects/subscriptions/useSubscriptions.v2.ts"],"sourcesContent":["import { parse } from 'querystring';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { castArray } from 'lodash';\n\nimport { getChannelName } from '../../clients/subscriptions/get-channel-name';\nimport { SubscribeOptions } from '../../clients/subscriptions/types';\nimport { getAppKeyAndId } from '../../clients/utils';\nimport { SubscriptionsClientFactory } from '../../clients/subscriptions/subscriptions-client.factory';\n\nimport {\n fetchInitialSubscriptionsData,\n fetchInitialSubscriptionsDataDeprecated,\n} from './~~useSubscriptions.v1~~';\n\nexport const useSubscriptionsV2 = (\n _subscriptions: SubscribeOptions[] = [],\n {\n timestamp,\n isOldApiUsed,\n url,\n }: { timestamp?: number; isOldApiUsed?: boolean; url?: string } = {}\n) => {\n const subscriptions = castArray(_subscriptions);\n const channelsKey = subscriptions.map(getChannelName).join(',');\n const uniqueChannelsKey = Array.from(new Set(subscriptions.map(getChannelName)))\n .sort()\n .join(',');\n\n const [data, setData] = useState<Record<string, any>>({});\n const [isLoading, setIsLoading] = useState(true);\n const appKey = useMemo(() => getAppKeyAndId()?.appKey, []);\n const instance = useMemo(() => SubscriptionsClientFactory.init(url), [url]);\n const channels = useMemo(() => subscriptions.map(getChannelName), [channelsKey]);\n const uniqueChannels = useMemo(\n () => Array.from(new Set(subscriptions.map(getChannelName))),\n [uniqueChannelsKey]\n );\n const isMounted = useRef(true);\n\n const timeQuery = useMemo(() => {\n if (timestamp) return { timestamp: { $lte: timestamp } };\n const { time } = parse(window.location.search);\n const value = Array.isArray(time) ? time[0] : time;\n if (!value) return null;\n return { timestamp: { $lte: new Date(value).getTime() / 1000 } };\n }, [window.location.search, timestamp]);\n\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n useEffect(() => {\n if (!instance \|\| uniqueChannels.length === 0 \|\| isLoading) return undefined;\n\n const unsubscribes = uniqueChannels.map(channel => {\n const handler = (payload: any) => {\n if (!isMounted.current) return;\n\n setData(prev => ({\n ...prev,\n [channel]: payload,\n }));\n };\n\n return instance.subscribe(channel, handler);\n });\n\n return () => {\n unsubscribes.forEach(unsubscribe => unsubscribe());\n };\n }, [uniqueChannelsKey, isLoading, instance]);\n\n useEffect(() => {\n if (!channelsKey) return;\n\n const fetchFunc = isOldApiUsed\n ? fetchInitialSubscriptionsDataDeprecated\n : fetchInitialSubscriptionsData;\n\n void fetchFunc(subscriptions, { timeQuery, appKey }).then((subsData): void => {\n if (!isMounted.current) return;\n\n const nextData = subsData.reduce((acc, s, i) => {\n acc[getChannelName(subscriptions[i])] = s;\n return acc;\n }, {});\n\n setData(nextData);\n setIsLoading(false);\n });\n }, [channelsKey, timeQuery, isOldApiUsed, appKey]);\n\n return useMemo(() => {\n if (subscriptions.length === 0) return [];\n\n return channels.map(channel => {\n const loading = !(channel in data);\n return loading ? { loading } : { loading: false, data: data[channel] };\n });\n }, [data, channelsKey]);\n};\n"],"names":["useSubscriptionsV2","_subscriptions","_ref","arguments","length","undefined","timestamp","isOldApiUsed","url","subscriptions","castArray","channelsKey","map","getChannelName","join","uniqueChannelsKey","Array","from","Set","sort","_useState","useState","_useState2","_slicedToArray","data","setData","_useState4","_useState3","isLoading","setIsLoading","appKey","useMemo","_getAppKeyAndId","getAppKeyAndId","instance","SubscriptionsClientFactory","init","channels","uniqueChannels","isMounted","useRef","timeQuery","$lte","time","parse","window","location","search","value","isArray","Date","getTime","useEffect","current","unsubscribes","channel","subscribe","payload","prev","_objectSpread","_defineProperty","forEach","unsubscribe","fetchInitialSubscriptionsDataDeprecated","fetchInitialSubscriptionsData","then","subsData","nextData","reduce","acc","s","i","loading"],"mappings":"~~gqCAeaA~~,IAAAA,EAAqB,WAO7B,IANHC,yDAAqC,GAAEC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAK2B,CAAE,EAHlEG,IAAAA,UACAC,IAAAA,aACAC,IAAAA,IAGIC,EAAgBC,EAAUT,GAC1BU,EAAcF,EAAcG,IAAIC,GAAgBC,KAAK,KACrDC,EAAoBC,MAAMC,KAAK,IAAIC,IAAIT,EAAcG,IAAIC,KAC5DM,OACAL,KAAK,KAERM,EAAwBC,EAA8B,IAAGC,EAAAC,EAAAH,EAAA,GAAlDI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACcD,EAAAA,GAAS,GAAKK,EAAAH,EAAAI,EAAA,GAAzCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAASC,GAAQ,WAAA,IAAAC,EAAA,OAAM,QAANA,EAAMC,WAAA,IAAAD,OAAA,EAAAA,EAAkBF,MAAM,GAAE,IACjDI,EAAWH,GAAQ,WAAA,OAAMI,EAA2BC,KAAK5B,KAAM,CAACA,IAChE6B,EAAWN,GAAQ,WAAA,OAAMtB,EAAcG,IAAIC,KAAiB,CAACF,IAC7D2B,EAAiBP,GACrB,WAAA,OAAMf,MAAMC,KAAK,IAAIC,IAAIT,EAAcG,IAAIC,OAC3C,CAACE,IAEGwB,EAAYC,GAAO,GAEnBC,EAAYV,GAAQ,WACxB,GAAIzB,EAAW,MAAO,CAAEA,UAAW,CAAEoC,KAAMpC,IAC3C,IAAQqC,EAASC,EAAMC,OAAOC,SAASC,QAA/BJ,KACFK,EAAQhC,MAAMiC,QAAQN,GAAQA,EAAK,GAAKA,EAC9C,OAAKK,EACE,CAAE1C,UAAW,CAAEoC,KAAM,IAAIQ,KAAKF,GAAOG,UAAY,MADrC,~~IAEpB~~,GAAE,CAACN,OAAOC,SAASC,OAAQzC,IAkD5B,OAhDA8C,GAAU,WAER,OADAb,EAAUc,SAAU,EACb,WACLd,EAAUc,SAAU,EAEvB,GAAE,IAEHD,GAAU,WACR,GAAKlB,GAAsC,IAA1BI,EAAelC,SAAgBwB,EAAhD,CAEA,IAAM0B,EAAehB,EAAe1B,KAAI,SAAA2C,GAUtC,OAAOrB,EAASsB,UAAUD,GATV,SAACE,GACVlB,EAAUc,SAEf5B,GAAQ,SAAAiC,GAAI,OAAAC,EAAAA,EAAA,CAAA,EACPD,GAAI,GAAAE,EAAA,CAAA,EACNL,EAAUE,GAAO,MAKxB,IAEA,OAAO,WACLH,EAAaO,SAAQ,SAAAC,GAAW,OAAIA,OAhBqC,CAkB5E,GAAE,CAAC/C,EAAmBa,EAAWM,IAElCkB,GAAU,WACHzC,IAEaJ,EACdwD,EACAC,GAEWvD,EAAe,CAAEgC,UAAAA,EAAWX,OAAAA,IAAUmC,MAAK,SAACC,GACzD,GAAK3B,EAAUc,QAAf,CAEA,IAAMc,EAAWD,EAASE,QAAO,SAACC,EAAKC,EAAGC,GAExC,OADAF,EAAIxD,EAAeJ,EAAc8D,KAAOD,EACjCD,CACR,GAAE,CAAE,GAEL5C,EAAQ0C,GACRtC,GAAa,EARW,CAS1B,GACD,GAAE,CAAClB,EAAa8B,EAAWlC,EAAcuB,IAEnCC,GAAQ,WACb,OAA6B,IAAzBtB,EAAcL,OAAqB,GAEhCiC,EAASzB,KAAI,SAAA2C,GAClB,IAAMiB,IAAYjB,KAAW/B,GAC7B,OAAOgD,EAAU,CAAEA,QAAAA,GAAY,CAAEA,SAAS,EAAOhD,KAAMA,EAAK+B,GAC9D,GACF,GAAG,CAAC/B,EAAMb,GACZ"}
1	+ {"version":3,"file":"useSubscriptions.v2.js","sources":["../../../src/effects/subscriptions/useSubscriptions.v2.ts"],"sourcesContent":["import { parse } from 'querystring';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { castArray } from 'lodash';\n\nimport { getChannelName } from '../../clients/subscriptions/get-channel-name';\nimport { SubscribeOptions } from '../../clients/subscriptions/types';\nimport { getAppKeyAndId } from '../../clients/utils';\nimport { SubscriptionsClientFactory } from '../../clients/subscriptions/subscriptions-client.factory';\n\nimport {\n fetchInitialSubscriptionsData,\n fetchInitialSubscriptionsDataDeprecated,\n} from './fetchInitialSubscriptionsData';\n\nexport const useSubscriptionsV2 = (\n _subscriptions: SubscribeOptions[] = [],\n {\n timestamp,\n isOldApiUsed,\n url,\n }: { timestamp?: number; isOldApiUsed?: boolean; url?: string } = {}\n) => {\n const subscriptions = castArray(_subscriptions);\n const channelsKey = subscriptions.map(getChannelName).join(',');\n const uniqueChannelsKey = Array.from(new Set(subscriptions.map(getChannelName)))\n .sort()\n .join(',');\n\n const [data, setData] = useState<Record<string, any>>({});\n const [isLoading, setIsLoading] = useState(true);\n const appKey = useMemo(() => getAppKeyAndId()?.appKey, []);\n const instance = useMemo(() => SubscriptionsClientFactory.init(url), [url]);\n const channels = useMemo(() => subscriptions.map(getChannelName), [channelsKey]);\n const uniqueChannels = useMemo(\n () => Array.from(new Set(subscriptions.map(getChannelName))),\n [uniqueChannelsKey]\n );\n const isMounted = useRef(true);\n\n const timeQuery = useMemo(() => {\n if (timestamp) return { timestamp: { $lte: timestamp } };\n const { time } = parse(window.location.search);\n const value = Array.isArray(time) ? time[0] : time;\n if (!value) return null;\n return { timestamp: { $lte: new Date(value).getTime() / 1000 } };\n // NOTE: window.location.search is not a reactive value, but listing it makes the memo recompute\n // on the re-render that follows a URL change, so a new `time` query param is picked up.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [window.location.search, timestamp]);\n\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n useEffect(() => {\n if (!instance \|\| uniqueChannels.length === 0 \|\| isLoading) return undefined;\n\n const unsubscribes = uniqueChannels.map(channel => {\n const handler = (payload: any) => {\n if (!isMounted.current) return;\n\n setData(prev => ({\n ...prev,\n [channel]: payload,\n }));\n };\n\n return instance.subscribe(channel, handler);\n });\n\n return () => {\n unsubscribes.forEach(unsubscribe => unsubscribe());\n };\n }, [uniqueChannelsKey, isLoading, instance]);\n\n useEffect(() => {\n if (!channelsKey) return;\n\n const fetchFunc = isOldApiUsed\n ? fetchInitialSubscriptionsDataDeprecated\n : fetchInitialSubscriptionsData;\n\n void fetchFunc(subscriptions, { timeQuery, appKey }).then((subsData): void => {\n if (!isMounted.current) return;\n\n const nextData = subsData.reduce((acc, s, i) => {\n acc[getChannelName(subscriptions[i])] = s;\n return acc;\n }, {});\n\n setData(nextData);\n setIsLoading(false);\n });\n }, [channelsKey, timeQuery, isOldApiUsed, appKey]);\n\n return useMemo(() => {\n if (subscriptions.length === 0) return [];\n\n return channels.map(channel => {\n const loading = !(channel in data);\n return loading ? { loading } : { loading: false, data: data[channel] };\n });\n }, [data, channelsKey]);\n};\n"],"names":["useSubscriptionsV2","_subscriptions","_ref","arguments","length","undefined","timestamp","isOldApiUsed","url","subscriptions","castArray","channelsKey","map","getChannelName","join","uniqueChannelsKey","Array","from","Set","sort","_useState","useState","_useState2","_slicedToArray","data","setData","_useState4","_useState3","isLoading","setIsLoading","appKey","useMemo","_getAppKeyAndId","getAppKeyAndId","instance","SubscriptionsClientFactory","init","channels","uniqueChannels","isMounted","useRef","timeQuery","$lte","time","parse","window","location","search","value","isArray","Date","getTime","useEffect","current","unsubscribes","channel","subscribe","payload","prev","_objectSpread","_defineProperty","forEach","unsubscribe","fetchInitialSubscriptionsDataDeprecated","fetchInitialSubscriptionsData","then","subsData","nextData","reduce","acc","s","i","loading"],"mappings":"0qCAeaA,IAAAA,EAAqB,WAO7B,IANHC,yDAAqC,GAAEC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAK2B,CAAE,EAHlEG,IAAAA,UACAC,IAAAA,aACAC,IAAAA,IAGIC,EAAgBC,EAAUT,GAC1BU,EAAcF,EAAcG,IAAIC,GAAgBC,KAAK,KACrDC,EAAoBC,MAAMC,KAAK,IAAIC,IAAIT,EAAcG,IAAIC,KAC5DM,OACAL,KAAK,KAERM,EAAwBC,EAA8B,IAAGC,EAAAC,EAAAH,EAAA,GAAlDI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACcD,EAAAA,GAAS,GAAKK,EAAAH,EAAAI,EAAA,GAAzCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAASC,GAAQ,WAAA,IAAAC,EAAA,OAAM,QAANA,EAAMC,WAAA,IAAAD,OAAA,EAAAA,EAAkBF,MAAM,GAAE,IACjDI,EAAWH,GAAQ,WAAA,OAAMI,EAA2BC,KAAK5B,KAAM,CAACA,IAChE6B,EAAWN,GAAQ,WAAA,OAAMtB,EAAcG,IAAIC,KAAiB,CAACF,IAC7D2B,EAAiBP,GACrB,WAAA,OAAMf,MAAMC,KAAK,IAAIC,IAAIT,EAAcG,IAAIC,OAC3C,CAACE,IAEGwB,EAAYC,GAAO,GAEnBC,EAAYV,GAAQ,WACxB,GAAIzB,EAAW,MAAO,CAAEA,UAAW,CAAEoC,KAAMpC,IAC3C,IAAQqC,EAASC,EAAMC,OAAOC,SAASC,QAA/BJ,KACFK,EAAQhC,MAAMiC,QAAQN,GAAQA,EAAK,GAAKA,EAC9C,OAAKK,EACE,CAAE1C,UAAW,CAAEoC,KAAM,IAAIQ,KAAKF,GAAOG,UAAY,MADrC,IAKpB,GAAE,CAACN,OAAOC,SAASC,OAAQzC,IAkD5B,OAhDA8C,GAAU,WAER,OADAb,EAAUc,SAAU,EACb,WACLd,EAAUc,SAAU,EAEvB,GAAE,IAEHD,GAAU,WACR,GAAKlB,GAAsC,IAA1BI,EAAelC,SAAgBwB,EAAhD,CAEA,IAAM0B,EAAehB,EAAe1B,KAAI,SAAA2C,GAUtC,OAAOrB,EAASsB,UAAUD,GATV,SAACE,GACVlB,EAAUc,SAEf5B,GAAQ,SAAAiC,GAAI,OAAAC,EAAAA,EAAA,CAAA,EACPD,GAAI,GAAAE,EAAA,CAAA,EACNL,EAAUE,GAAO,MAKxB,IAEA,OAAO,WACLH,EAAaO,SAAQ,SAAAC,GAAW,OAAIA,OAhBqC,CAkB5E,GAAE,CAAC/C,EAAmBa,EAAWM,IAElCkB,GAAU,WACHzC,IAEaJ,EACdwD,EACAC,GAEWvD,EAAe,CAAEgC,UAAAA,EAAWX,OAAAA,IAAUmC,MAAK,SAACC,GACzD,GAAK3B,EAAUc,QAAf,CAEA,IAAMc,EAAWD,EAASE,QAAO,SAACC,EAAKC,EAAGC,GAExC,OADAF,EAAIxD,EAAeJ,EAAc8D,KAAOD,EACjCD,CACR,GAAE,CAAE,GAEL5C,EAAQ0C,GACRtC,GAAa,EARW,CAS1B,GACD,GAAE,CAAClB,EAAa8B,EAAWlC,EAAcuB,IAEnCC,GAAQ,WACb,OAA6B,IAAzBtB,EAAcL,OAAqB,GAEhCiC,EAASzB,KAAI,SAAA2C,GAClB,IAAMiB,IAAYjB,KAAW/B,GAC7B,OAAOgD,EAAU,CAAEA,QAAAA,GAAY,CAAEA,SAAS,EAAOhD,KAAMA,EAAK+B,GAC9D,GACF,GAAG,CAAC/B,EAAMb,GACZ"}

package/effects/useGlobalOffsetWellsSync.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/defineProperty";import{useRef as o,useEffect as s}from"react";import"../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../clients/subscriptions.v1.js";import"../clients/jsonApi/index.js";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/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"classnames";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"../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as e}from"../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../componentsV2/AppPanel/AppPanelsContext.js";function r(t,o){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),s.push.apply(s,e)}return s}function i(o){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?r(Object(e),!0).forEach((function(s){t(o,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(e)):r(Object(e)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(e,t))}))}return o}var n=function(t,r,n){var p,m,l=e(),a=null==l?void 0:l.globalOffsetWells,c=null==l?void 0:l.globalOffsetWellsVersion,u=null!==(p=null==l?void 0:l.globalOffsetWellsToken)&&void 0!==p?p:null==l||null===(m=l.dashboardMeta)||void 0===m?void 0:m.globalOffsetWellsToken,j=o(),d=o();s((function(){if(a&&Array.isArray(a)){var o=a.slice(0,n),s=o.map((function(t){return t.id})),e=t||{};if(void 0!==u)return j.current=c,e.globalOffsetWellsAppliedToken===u?void(d.current=void 0):void(d.current!==u&&(d.current=u,r(i(i({},e),{},{selectedWellIds:s,globalOffsetWellsAppliedToken:u}),o)));void 0!==c&&(void 0!==j.current?j.current!==c&&(j.current=c,r(i(i({},e),{},{selectedWellIds:s}),o)):j.current=c)}}),[u,c,a,n,t,r])};export{n as useGlobalOffsetWellsSync};
+import t from"@babel/runtime/helpers/defineProperty";import{useRef as o,useEffect as s}from"react";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"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"classnames";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"../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as e}from"../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../componentsV2/AppPanel/AppPanelsContext.js";function r(t,o){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),s.push.apply(s,e)}return s}function i(o){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?r(Object(e),!0).forEach((function(s){t(o,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(e)):r(Object(e)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(e,t))}))}return o}var n=function(t,r,n){var p,m,l=e(),a=null==l?void 0:l.globalOffsetWells,c=null==l?void 0:l.globalOffsetWellsVersion,u=null!==(p=null==l?void 0:l.globalOffsetWellsToken)&&void 0!==p?p:null==l||null===(m=l.dashboardMeta)||void 0===m?void 0:m.globalOffsetWellsToken,j=o(),d=o();s((function(){if(a&&Array.isArray(a)){var o=a.slice(0,n),s=o.map((function(t){return t.id})),e=t||{};if(void 0!==u)return j.current=c,e.globalOffsetWellsAppliedToken===u?void(d.current=void 0):void(d.current!==u&&(d.current=u,r(i(i({},e),{},{selectedWellIds:s,globalOffsetWellsAppliedToken:u}),o)));void 0!==c&&(void 0!==j.current?j.current!==c&&(j.current=c,r(i(i({},e),{},{selectedWellIds:s}),o)):j.current=c)}}),[u,c,a,n,t,r])};export{n as useGlobalOffsetWellsSync};
 //# sourceMappingURL=useGlobalOffsetWellsSync.js.map