@equinor/amplify-component-lib 10.8.1 → 10.8.3

package/dist/organisms/TopBar/Account/AccountButton.js

@@ -6,4 +6,4 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}
   background: ${({$variant:e})=>s(e).chipBackground};
   outline: none;
   padding: 0;
-`,h=l(({onClick:e,environmentToggle:n},s)=>{let{account:l,photo:u}=t(),{data:h}=i(),g=n!=null&&n.length>0,_=n==null?[]:n.map(e=>o(e.value)),v=h?.roles?.sort()??[];return f(p,{children:[v.at(0)&&d(m,{$variant:`impersonate`,children:v[0]}),v.length>1&&d(m,{$variant:`impersonate`,children:`+${v.length-1}`}),g&&_.at(0)&&d(m,{$variant:`environment`,children:_[0]}),_.length>1&&d(m,{$variant:`environment`,children:`+${_.length-1}`}),d(a,{ref:s,onClick:e,children:(()=>g&&h?d(c,{size:36,variant:`combined`}):g?d(c,{size:36,name:n.map(e=>e.value).join(`, `),variant:`environment`}):h?d(c,{size:36,variant:`impersonate`}):d(r,{size:36,name:l?.name,url:u}))()})]})});h.displayName=`AccountButton`;export{h as AccountButton};
+`,h=l(({onClick:e,environmentToggle:n},s)=>{let{account:l,photo:u}=t(),{data:h}=i(),g=n.length>0,_=n.map(e=>o(e.value)),v=h?.roles?.sort()??[];return f(p,{children:[v.at(0)&&d(m,{$variant:`impersonate`,children:v[0]}),v.length>1&&d(m,{$variant:`impersonate`,children:`+${v.length-1}`}),g&&_.at(0)&&d(m,{$variant:`environment`,children:_[0]}),_.length>1&&d(m,{$variant:`environment`,children:`+${_.length-1}`}),d(a,{ref:s,onClick:e,children:g&&h?d(c,{size:36,variant:`combined`}):g?d(c,{size:36,name:n.map(e=>e.value).join(`, `),variant:`environment`}):h?d(c,{size:36,variant:`impersonate`}):d(r,{size:36,name:l?.name,url:u})})]})});h.displayName=`AccountButton`;export{h as AccountButton};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Actions.js

@@ -8,4 +8,4 @@ import{spacings as e}from"../../../../atoms/style/spacings.js";import{useActiveI
   display: flex;
   justify-content: flex-end;
   gap: ${e.small};
-`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};
+`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,"data-testid":`start-impersonate-button`,children:`Impersonate`})]})]})};export{d as Actions};

package/dist/organisms/TopBar/Actions.d.ts

@@ -1,7 +1,7 @@
-import * as react117 from "react";
+import * as react139 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react117.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react117.RefAttributes<HTMLDivElement>>;
+declare const Actions: react139.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react139.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Actions };

package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react115 from "react";
+import * as react137 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
@@ -8,6 +8,6 @@ interface FieldMenuProps {
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react115.ForwardRefExoticComponent<FieldMenuProps & react115.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react137.ForwardRefExoticComponent<FieldMenuProps & react137.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Guidelines/index.d.ts

@@ -1,11 +1,11 @@
-import { Guidelines } from "./Guidelines.js";
+import { Guidelines as Guidelines$1 } from "./Guidelines.js";
 import { Colorbox } from "./Colorbox.js";
 
 //#region src/organisms/TopBar/Guidelines/index.d.ts
-type BaseGuidelinesType = typeof Guidelines;
+type BaseGuidelinesType = typeof Guidelines$1;
 interface GuidelinesType extends BaseGuidelinesType {
   Colorbox: typeof Colorbox;
 }
-declare const Guidelines$1: GuidelinesType;
+declare const Guidelines: GuidelinesType;
 //#endregion
-export { Guidelines$1 as Guidelines };
+export { Guidelines };

package/dist/organisms/TopBar/index.d.ts

@@ -8,10 +8,10 @@ import { Tutorials } from "./Tutorials/Tutorials.js";
 import { Actions } from "./Actions.js";
 import { Guidelines } from "./Guidelines/index.js";
 import { Settings, SettingsProps } from "./Settings.js";
-import { TopBar } from "./TopBar.js";
+import { TopBar as TopBar$1 } from "./TopBar.js";
 
 //#region src/organisms/TopBar/index.d.ts
-type TopBarType = typeof TopBar & {
+type TopBarType = typeof TopBar$1 & {
   Account: typeof Account;
   Actions: typeof Actions;
   Guidelines: typeof Guidelines;
@@ -22,6 +22,6 @@ type TopBarType = typeof TopBar & {
   ApplicationDrawer: typeof ApplicationDrawer;
   Tutorials: typeof Tutorials;
 };
-declare const TopBar$1: TopBarType;
+declare const TopBar: TopBarType;
 //#endregion
-export { TopBar$1 as TopBar };
+export { TopBar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "10.8.1",
+  "version": "10.8.3",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/molecules/ApplicationIcon/ApplicationIconBase.js

@@ -1,54 +0,0 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{GRAYSCALE_FILTER_VALUE as t}from"./ApplicationIcon.constants.js";import{forwardRef as n}from"react";import{Icon as r}from"@equinor/eds-core-react";import i,{css as a}from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{colors:c,elevation:l}=e,u=i.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 15%;
-  background: ${({$iconOnly:e})=>e?`transparent`:`#004f55`};
-  width: ${({$size:e})=>`${e}px`};
-  height: ${({$size:e})=>`${e}px`};
-  z-index: 100;
-  overflow: hidden;
-  ${({$grayScale:e})=>e?a`
-          filter: ${t};
-        `:``}
-  > svg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    pointer-events: none;
-    transition: all 2s ease-in-out;
-    z-index: 300;
-    transform: scale(0.8);
-  }
-  ${({$withHover:e})=>e&&`
-  cursor: pointer;
-  &:hover {
-    > svg {
-      transform: scale(0.9);
-    }
-    > div:nth-child(even) {
-      top: -80%;
-      left: 80%;
-    }
-    > div:nth-child(odd) {
-      top: 93%;
-      left: -93%;
-    }
-  }
-  `};
-`,d=i.div`
-  position: absolute;
-  top: ${e=>e.$top}%;
-  left: ${e=>e.$left}%;
-  border-radius: 55% 50% 80% 50%;
-  z-index: ${e=>200-e.$index};
-  width: 120%;
-  height: 80%;
-  box-shadow: ${l.raised};
-  // This background is set to hex and not rgba because design do not want this color to change in dark mode , 18 march 2024.
-  background: ${c.interactive.primary__resting.hex};
-  transition: all 3s cubic-bezier(0.25, 1, 0.5, 1);
-  transform: rotate(${e=>e.$rotation}deg);
-  pointer-events: none;
-`,f=n(({size:e=48,iconData:t,shapes:n,iconOnly:i,withHover:a,grayScale:c=!1},l)=>i?o(u,{"data-testid":`application-icon`,ref:l,$size:e,$iconOnly:i,$withHover:a,$grayScale:c,children:Array.isArray(t)?t.map((t,n)=>o(r,{data:t,size:e,color:t.color},`icon-${n}`)):o(r,{data:t,size:e,color:`#ffffff`})}):s(u,{"data-testid":`application-icon`,ref:l,$size:e,$iconOnly:i,$withHover:a,$grayScale:c,children:[Array.isArray(t)?t.map((t,n)=>o(r,{"data-testid":`icon-part-${n}`,data:t,size:e,color:t.color},`icon-${n}`)):o(r,{data:t,size:e,color:`#ffffff`}),n.map((e,t)=>o(d,{"data-testid":`shape`,$index:t,$top:e.top,$left:e.left,$rotation:e.rotation,$grayScale:c},`shape-${t}`))]}));f.displayName=`ApplicationIconBase`;var p=f;export{p as default};

package/dist/molecules/ApplicationIcon/Icons/Fallback.js

@@ -1 +0,0 @@
-import e from"../ApplicationIconBase.js";import{fallback as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-16,left:-17,rotation:325},{top:26,left:11,rotation:193}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`Fallback`;export{a as Fallback};

package/dist/molecules/ApplicationIcon/Icons/JsCalendar.js

@@ -1 +0,0 @@
-import e from"../ApplicationIconBase.js";import{jscalendar as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-45,left:1,rotation:15},{top:72,left:-5,rotation:220}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`JsCalendar`;export{a as JsCalendar};