@equinor/amplify-component-lib 10.8.2 → 10.9.0

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

@@ -1,10 +1,10 @@
-import { ToggleGroup } from "./ToggleGroup.js";
+import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.js";
 import { ToggleGroupOption } from "./ToggleGroupOption.js";
 
 //#region src/organisms/ToggleGroup/index.d.ts
-type ToggleGroupType = typeof ToggleGroup & {
+type ToggleGroupType = typeof ToggleGroup$1 & {
   Option: typeof ToggleGroupOption;
 };
-declare const ToggleGroup$1: ToggleGroupType;
+declare const ToggleGroup: ToggleGroupType;
 //#endregion
-export { ToggleGroup$1 as ToggleGroup };
+export { ToggleGroup };

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

@@ -9,4 +9,4 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}
   white-space: nowrap;
   background: ${({$variant:e})=>a(e).chipBackground};
   outline-color: ${({$variant:e})=>a(e).outline};
-`,m=({environmentToggle:e})=>{let{account:n,photo:a}=t(),{data:c}=i(),m=c?s(c):n?.name,h=e!=null&&e.length>0,g=e==null?``:e.map(e=>e.label).join(`, `);return u(f,{children:(()=>h&&c?d(l,{children:[u(o,{size:64,variant:`combined`,name:`Impersonate & Environment`}),u(p,{$variant:`combined`,children:`Impersonate & Environment`})]}):h?d(l,{children:[u(o,{size:64,variant:`environment`,name:g}),u(p,{$variant:`environment`,children:`Environment`})]}):c?d(l,{children:[u(o,{size:64,variant:`impersonate`,name:m}),u(p,{$variant:`impersonate`,children:`Impersonating`})]}):u(r,{size:64,name:n?.name,url:a}))()})};export{m as AccountAvatar};
+`,m=({environmentToggle:e})=>{let{account:n,photo:a}=t(),{data:c}=i(),m=c?s(c):n?.name,h=e.length>0,g=e.map(e=>e.label).join(`, `);return u(f,{children:h&&c?d(l,{children:[u(o,{size:64,variant:`combined`,name:`Impersonate & Environment`}),u(p,{$variant:`combined`,children:`Impersonate & Environment`})]}):h?d(l,{children:[u(o,{size:64,variant:`environment`,name:g}),u(p,{$variant:`environment`,children:`Environment`})]}):c?d(l,{children:[u(o,{size:64,variant:`impersonate`,name:m}),u(p,{$variant:`impersonate`,children:`Impersonating`})]}):u(r,{size:64,name:n?.name,url:a})})};export{m as AccountAvatar};

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 react115 from "react";
+import * as react129 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react115.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react115.RefAttributes<HTMLDivElement>>;
+declare const Actions: react129.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react129.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 react113 from "react";
+import * as react131 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: react113.ForwardRefExoticComponent<FieldMenuProps & react113.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react131.ForwardRefExoticComponent<FieldMenuProps & react131.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/dist/providers/TableOfContentsProvider.js

@@ -1 +1 @@
-import{useOnScreenMultiple as e}from"../atoms/hooks/useOnScreenMultiple.js";import{getValues as t}from"./TableOfContentsProvider.utils.js";import{createContext as n,useCallback as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";import{useLocation as u,useNavigate as d}from"@tanstack/react-router";const f=n(void 0);function p(){let e=i(f);if(e===void 0)throw Error(`'useTableOfContents' must be used within provider`);return e}const m=({items:n,children:i,hashNavigation:p})=>{let m=d(),{hash:h}=u(),[g,_]=c(n[0]?.value),[v,y]=c([]),b=s(!1),x=o(()=>n.flatMap(e=>t([],e)),[n]);a(()=>{y(x.map(e=>document.getElementById(e)))},[x]);let S=r(e=>e.value===g?!0:e.children&&g?t([],e).includes(g):!1,[g]),C=e(v),w=s(-1),T=r((e,t)=>{let n=x.indexOf(e),r=v[n],i=t?.behavior??`smooth`;if(n===-1||!r){console.warn(`TableOfContents: Unable to find element with value: ${e}`);return}let a=x[n];p&&m({to:`.`,hash:`#${a}`,hashScrollIntoView:!1,replace:!0,search:e=>e}),r.scrollIntoView({block:`start`,behavior:i}),w.current=n;let o=1/0,s=0,c=()=>{let e=r?.getBoundingClientRect().top;if(e===o){if(s+=1,s>1){_(a),w.current=-1;return}}else s=0,o=e;requestAnimationFrame(c)};requestAnimationFrame(c)},[v,p,m,x]);return a(()=>{if(!b.current&&C.length>0){b.current=!0;let e=decodeURIComponent(h.replace(`#`,``));if(!e.length||!x.includes(e))return;T(e)}},[C.length,T,h,x]),a(()=>{if(C.length===0||C.length!==x.length||w.current!==-1||!b.current)return;let e=-1;for(let t=C.length-1;t>=0;t--)C[t]&&(e=t);e===-1||x.at(e)===void 0||(_(x[e]),p&&m({to:`.`,hash:`#${x[e]}`,hashScrollIntoView:!1,replace:!0,search:e=>e}))},[T,p,m,x,C]),l(f.Provider,{value:{items:n,selected:g,setSelected:T,isActive:S},children:i})};export{m as TableOfContentsProvider,p as useTableOfContents};
+import{useOnScreenMultiple as e}from"../atoms/hooks/useOnScreenMultiple.js";import{getValues as t}from"./TableOfContentsProvider.utils.js";import{createContext as n,useCallback as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";import{useLocation as u,useNavigate as d}from"@tanstack/react-router";const f=n(void 0);function p(){let e=i(f);if(e===void 0)throw Error(`'useTableOfContents' must be used within provider`);return e}const m=({items:n,children:i,hashNavigation:p})=>{let m=d(),{hash:h}=u(),[g,_]=c(n[0]?.value),[v,y]=c([]),b=s(!1),x=o(()=>n.flatMap(e=>t([],e)),[n]);a(()=>{y(x.map(e=>document.getElementById(e)))},[x]);let S=r(e=>e.value===g?!0:e.children&&g?t([],e).includes(g):!1,[g]),C=e(v),w=s(-1),T=r((e,t)=>{let n=x.indexOf(e),r=v[n],i=t?.behavior??`smooth`;if(n===-1||!r){console.warn(`TableOfContents: Unable to find element with value: ${e}`);return}let a=x[n];p&&m({to:`.`,hash:a,hashScrollIntoView:!1,replace:!0,search:e=>e}),r.scrollIntoView({block:`start`,behavior:i}),w.current=n;let o=1/0,s=0,c=()=>{let e=r?.getBoundingClientRect().top;if(e===o){if(s+=1,s>1){_(a),w.current=-1;return}}else s=0,o=e;requestAnimationFrame(c)};requestAnimationFrame(c)},[v,p,m,x]);return a(()=>{if(!b.current&&C.length>0){b.current=!0;let e=decodeURIComponent(h.replace(`#`,``));if(!e.length||!x.includes(e))return;T(e)}},[C.length,T,h,x]),a(()=>{if(C.length===0||C.length!==x.length||w.current!==-1||!b.current)return;let e=-1;for(let t=C.length-1;t>=0;t--)C[t]&&(e=t);e===-1||x.at(e)===void 0||(_(x[e]),p&&m({to:`.`,hash:x[e],hashScrollIntoView:!1,replace:!0,search:e=>e}))},[T,p,m,x,C]),l(f.Provider,{value:{items:n,selected:g,setSelected:T,isActive:S},children:i})};export{m as TableOfContentsProvider,p as useTableOfContents};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "10.8.2",
+  "version": "10.9.0",
   "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};