@corva/ui 0.102.0-2 → 0.102.0-3
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.
- package/cjs-bundle/componentsV2/AppContainer/AppContainer.scss.js +1 -1
- package/cjs-bundle/componentsV2/AppHeader/AppAssets/AppAssets.scss.js +1 -1
- package/cjs-bundle/componentsV2/AppHeader/AppHeader.js +1 -1
- package/componentsV2/AppContainer/AppContainer.scss.js +1 -1
- package/componentsV2/AppHeader/AppAssets/AppAssets.scss.js +1 -1
- package/componentsV2/AppHeader/AppHeader.d.ts +14 -1
- package/componentsV2/AppHeader/AppHeader.d.ts.map +1 -1
- package/componentsV2/AppHeader/AppHeader.js +1 -1
- package/componentsV2/AppHeader/AppHeader.stories.d.ts +2 -0
- package/componentsV2/AppHeader/AppHeader.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_content__jwvuY{flex-grow:1;padding:0 12px}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}"),module.exports={spacing:"8",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",content:"AppContainer_content__jwvuY"};
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_content__jwvuY{display:flex;flex-flow:column nowrap;flex-grow:1;padding:0 12px}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}"),module.exports={spacing:"8",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",content:"AppContainer_content__jwvuY"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".AppAssets_chip__jzvKr{font-size:12px;height:20px;max-width:260px;padding-left:8px;padding-right:8px;width:100%}.AppAssets_narrowChip__Ip0c-{max-width:170px}.AppAssets_onlyChip__CyF0j{max-width:260px}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse{background:#f799ff;color:var(--palette-background-b-2)}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse:hover{background:#d981e0;color:var(--palette-background-b-2)}@container CorvaUI-AppContainer-root (max-width: 959px){.AppAssets_chip__jzvKr{max-width:180px}.AppAssets_narrowChip__Ip0c-{max-width:68px}.AppAssets_onlyChip__CyF0j{max-width:260px}}@container CorvaUI-AppContainer-root (max-width: 599px){.AppAssets_chip__jzvKr{max-width:68px}}"),module.exports={spacing:"8",chip:"AppAssets_chip__jzvKr",narrowChip:"AppAssets_narrowChip__Ip0c-",onlyChip:"AppAssets_onlyChip__CyF0j",mainChip:"AppAssets_mainChip__P6fse"};
|
|
1
|
+
"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".AppAssets_chipWrapper__nnpl7{padding:0!important}.AppAssets_chip__jzvKr{font-size:12px;height:20px;max-width:260px;padding-left:8px;padding-right:8px;width:100%}.AppAssets_narrowChip__Ip0c-{max-width:170px}.AppAssets_onlyChip__CyF0j{max-width:260px}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse{background:#f799ff;color:var(--palette-background-b-2)}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse:hover{background:#d981e0;color:var(--palette-background-b-2)}@container CorvaUI-AppContainer-root (max-width: 959px){.AppAssets_chip__jzvKr{max-width:180px}.AppAssets_narrowChip__Ip0c-{max-width:68px}.AppAssets_onlyChip__CyF0j{max-width:260px}}@container CorvaUI-AppContainer-root (max-width: 599px){.AppAssets_chip__jzvKr{max-width:68px}}"),module.exports={spacing:"8",chipWrapper:"AppAssets_chipWrapper__nnpl7",chip:"AppAssets_chip__jzvKr",narrowChip:"AppAssets_narrowChip__Ip0c-",onlyChip:"AppAssets_onlyChip__CyF0j",mainChip:"AppAssets_mainChip__P6fse"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("classnames"),a=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("classnames"),a=require("react"),r=require("lodash"),t=require("../Header/Header.js"),n=require("../TextEndTruncated/TextEndTruncated.js"),i=require("../../utils/devcenter.js"),o=require("../../constants/segment.js"),d=require("../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js"),p=require("./AppBadge/AppBadge.js"),l=require("./AppAssets/AppAssets.js"),c=require("./PadMode/PadMode.js"),u=require("./AppHeader.scss.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=m(s);exports.AppHeader=function(s){var m,j,v,x=s.className,A=s.testId,f=s.logo,C=s.children,q=s.padModeDisabled,N=s.padModeWells,h=s.onPadModeChange,M=d.useAppCommons(),T=M.app,E=M.rig,S=M.well,w=M.fracFleet,P=M.wells,H=M.onSettingChange,y=M.appSettings,B=void 0===y?{}:y,b=N||P,D=i.getAppSegment(T),F=(null===(v=null===(j=null===(m=null==T?void 0:T.package)||void 0===m?void 0:m.manifest)||void 0===j?void 0:j.application)||void 0===v?void 0:v.name)||(null==T?void 0:T.name),O=!(q||D!==o.SEGMENTS.COMPLETION||S||r.isEmpty(b)||!w),I=a.useMemo((function(){return h?function(e,s){return h(s)}:H}),[h,H]);return e.jsxs("div",{className:g.default(u.root,x),"data-testid":A,children:[e.jsxs(t.Header,{className:u.logoTitleBadgeContainer,appearance:"appName",children:[f&&e.jsx("div",{className:u.logoContainer,children:"string"==typeof f?e.jsx("img",{className:u.logo,src:f,alt:"Logo"}):f}),e.jsx(n.TextEndTruncated,{className:u.appName,children:F}),e.jsx(p.AppBadge,{app:T})]}),(C||O)&&e.jsxs("div",{className:u.additional,children:[O&&e.jsx(c.PadMode,{app:T,appSettings:B,fracFleet:w,onSettingChange:I,well:S,wells:b}),C]}),e.jsx("div",{className:u.assetChips,children:e.jsx(l.AppAssets,{app:T,fracFleet:w,rig:E,well:S,forceNarrow:O||!!C})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",content:"AppContainer_content__jwvuY"};e(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_content__jwvuY{flex-grow:1;padding:0 12px}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}");export{t as default};
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"AppContainer_root__40UxS",header:"AppContainer_header__tRwXc",footer:"AppContainer_footer__ET6dS",content:"AppContainer_content__jwvuY"};e(".AppContainer_root__40UxS{container-type:size;container-name:CorvaUI-AppContainer-root;display:flex;flex-flow:column;height:100%;min-height:110px;width:100%}.AppContainer_footer__ET6dS,.AppContainer_header__tRwXc{align-items:flex-start;display:flex;flex-flow:column;justify-content:center}.AppContainer_content__jwvuY{display:flex;flex-flow:column nowrap;flex-grow:1;padding:0 12px}.AppContainer_header__tRwXc{padding:0 12px}.AppContainer_footer__ET6dS{margin-top:auto;padding:0 125px 0 12px}");export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import p from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var s={spacing:"8",chip:"AppAssets_chip__jzvKr",narrowChip:"AppAssets_narrowChip__Ip0c-",onlyChip:"AppAssets_onlyChip__CyF0j",mainChip:"AppAssets_mainChip__P6fse"};p(".AppAssets_chip__jzvKr{font-size:12px;height:20px;max-width:260px;padding-left:8px;padding-right:8px;width:100%}.AppAssets_narrowChip__Ip0c-{max-width:170px}.AppAssets_onlyChip__CyF0j{max-width:260px}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse{background:#f799ff;color:var(--palette-background-b-2)}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse:hover{background:#d981e0;color:var(--palette-background-b-2)}@container CorvaUI-AppContainer-root (max-width: 959px){.AppAssets_chip__jzvKr{max-width:180px}.AppAssets_narrowChip__Ip0c-{max-width:68px}.AppAssets_onlyChip__CyF0j{max-width:260px}}@container CorvaUI-AppContainer-root (max-width: 599px){.AppAssets_chip__jzvKr{max-width:68px}}");export{s as default};
|
|
1
|
+
import p from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var s={spacing:"8",chipWrapper:"AppAssets_chipWrapper__nnpl7",chip:"AppAssets_chip__jzvKr",narrowChip:"AppAssets_narrowChip__Ip0c-",onlyChip:"AppAssets_onlyChip__CyF0j",mainChip:"AppAssets_mainChip__P6fse"};p(".AppAssets_chipWrapper__nnpl7{padding:0!important}.AppAssets_chip__jzvKr{font-size:12px;height:20px;max-width:260px;padding-left:8px;padding-right:8px;width:100%}.AppAssets_narrowChip__Ip0c-{max-width:170px}.AppAssets_onlyChip__CyF0j{max-width:260px}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse{background:#f799ff;color:var(--palette-background-b-2)}.AppAssets_mainChip__P6fse.AppAssets_mainChip__P6fse:hover{background:#d981e0;color:var(--palette-background-b-2)}@container CorvaUI-AppContainer-root (max-width: 959px){.AppAssets_chip__jzvKr{max-width:180px}.AppAssets_narrowChip__Ip0c-{max-width:68px}.AppAssets_onlyChip__CyF0j{max-width:260px}}@container CorvaUI-AppContainer-root (max-width: 599px){.AppAssets_chip__jzvKr{max-width:68px}}");export{s as default};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { useAppCommons } from '../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext';
|
|
2
3
|
export type AppHeaderProps = {
|
|
3
4
|
logo?: string | ReactElement;
|
|
4
5
|
/**
|
|
@@ -9,8 +10,20 @@ export type AppHeaderProps = {
|
|
|
9
10
|
* Disables Pad Mode select for completions
|
|
10
11
|
*/
|
|
11
12
|
padModeDisabled?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Override wells for Pad Mode Selector
|
|
15
|
+
*/
|
|
16
|
+
padModeWells?: ReturnType<typeof useAppCommons>['wells'];
|
|
17
|
+
/**
|
|
18
|
+
* Override change handler for Pad Mode Selector. Useful when pad mode change should also change something else in settings or app's internal store
|
|
19
|
+
*
|
|
20
|
+
* `onSettingChange` from `useAppCommons` hook is used by default
|
|
21
|
+
*
|
|
22
|
+
* @default (value) => onSettingChange('settingsByAsset', value)
|
|
23
|
+
*/
|
|
24
|
+
onPadModeChange?: (value?: any) => void;
|
|
12
25
|
className?: string;
|
|
13
26
|
testId?: string;
|
|
14
27
|
};
|
|
15
|
-
export declare const AppHeader: ({ className, testId, logo, children, padModeDisabled, }: AppHeaderProps) => JSX.Element;
|
|
28
|
+
export declare const AppHeader: ({ className, testId, logo, children, padModeDisabled, padModeWells, onPadModeChange, }: AppHeaderProps) => JSX.Element;
|
|
16
29
|
//# sourceMappingURL=AppHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAE,aAAa,EAAE,MAAM,0FAA0F,CAAC;AAQzH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzD;;;;;;OAMG;IAEH,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,2FAQnB,cAAc,gBAqEhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import a from"classnames";import{isEmpty as t}from"lodash";import{Header as
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import a from"classnames";import{useMemo as r}from"react";import{isEmpty as t}from"lodash";import{Header as n}from"../Header/Header.js";import{TextEndTruncated as s}from"../TextEndTruncated/TextEndTruncated.js";import{getAppSegment as i}from"../../utils/devcenter.js";import{SEGMENTS as p}from"../../constants/segment.js";import{useAppCommons as l}from"../../components/DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import{AppBadge as m}from"./AppBadge/AppBadge.js";import{AppAssets as d}from"./AppAssets/AppAssets.js";import{PadMode as c}from"./PadMode/PadMode.js";import f from"./AppHeader.scss.js";var g=function(g){var v,u,C,h=g.className,N=g.testId,j=g.logo,A=g.children,w=g.padModeDisabled,M=g.padModeWells,T=g.onPadModeChange,x=l(),P=x.app,S=x.rig,B=x.well,D=x.fracFleet,E=x.wells,F=x.onSettingChange,H=x.appSettings,I=void 0===H?{}:H,L=M||E,O=i(P),b=(null===(C=null===(u=null===(v=null==P?void 0:P.package)||void 0===v?void 0:v.manifest)||void 0===u?void 0:u.application)||void 0===C?void 0:C.name)||(null==P?void 0:P.name),k=!(w||O!==p.COMPLETION||B||t(L)||!D),y=r((function(){return T?function(e,o){return T(o)}:F}),[T,F]);return e("div",{className:a(f.root,h),"data-testid":N,children:[e(n,{className:f.logoTitleBadgeContainer,appearance:"appName",children:[j&&o("div",{className:f.logoContainer,children:"string"==typeof j?o("img",{className:f.logo,src:j,alt:"Logo"}):j}),o(s,{className:f.appName,children:b}),o(m,{app:P})]}),(A||k)&&e("div",{className:f.additional,children:[k&&o(c,{app:P,appSettings:I,fracFleet:D,onSettingChange:y,well:B,wells:L}),A]}),o("div",{className:f.assetChips,children:o(d,{app:P,fracFleet:D,rig:S,well:B,forceNarrow:k||!!A})})]})};export{g as AppHeader};
|
|
@@ -8,5 +8,7 @@ export declare const Default: (props: Props) => JSX.Element;
|
|
|
8
8
|
export declare const VersionBadges: () => JSX.Element;
|
|
9
9
|
export declare const WithLogo: () => JSX.Element;
|
|
10
10
|
export declare const Completions: () => JSX.Element;
|
|
11
|
+
export declare const WithCustomPadWells: () => JSX.Element;
|
|
12
|
+
export declare const WithCustomPadModeChangeHandler: () => JSX.Element;
|
|
11
13
|
export declare const Responsiveness: () => JSX.Element;
|
|
12
14
|
//# sourceMappingURL=AppHeader.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AppHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAgG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAiBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,aAAa,mBAkCzB,CAAC;AAOF,eAAO,MAAM,QAAQ,mBAIpB,CAAC;AAMF,eAAO,MAAM,WAAW,mBAoDvB,CAAC;AAOF,eAAO,MAAM,kBAAkB,mBA0B9B,CAAC;AAOF,eAAO,MAAM,8BAA8B,mBAuB1C,CAAC;AAOF,eAAO,MAAM,cAAc,mBAyG1B,CAAC"}
|