@equinor/amplify-component-lib 9.15.2 → 9.15.3

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.js

@@ -0,0 +1 @@
+import{Status as e}from"../../../Status/index.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{useReleaseNotes as n}from"../../../../providers/ReleaseNotesProvider.js";import{Button as r}from"../../../../molecules/Button/Button.js";import{Header as i}from"./Header/Header.js";import{AllReleaseNotesWrapper as a,LoadingWrapper as o,StyledDialog as s}from"./ReleaseNotesDialog.styles.js";import{ReleaseNote as c}from"../../../ReleaseNote/ReleaseNote.js";import{CircularProgress as l}from"@equinor/eds-core-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{ReleaseNotesService as p,useReleaseNotesQuery as m}from"@equinor/subsurface-app-management";const h=({enabled:h})=>{let{setOpen:g,open:_,mostRecentReleaseNote:v,showAllReleaseNotesLink:y}=n(),{isLoading:b}=m({enabled:h}),{isPrefetching:x}=t({richTextValues:v?.body?[v.body]:[],onImageRead:p.getReleaseNoteImage}),S=()=>{g(!1)};return f(s,{open:_,onClose:S,isDismissable:!0,children:[d(i,{}),b||x?d(o,{children:d(l,{})}):v?f(u,{children:[d(c,{...v,expanded:!0}),d(a,{children:d(r,{variant:`ghost`,href:y,target:`_blank`,children:`See all release notes in SAM`})})]}):f(e,{children:[d(e.Title,{title:`No published release notes`}),d(e.Description,{text:`This application has no published release notes yet.`})]})]})};export{h as ReleaseNotesDialog};

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.styles.js

@@ -0,0 +1,19 @@
+import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{Dialog as n}from"@equinor/eds-core-react";import r from"styled-components";const i=r(n)`
+  background-color: ${e.ui.background__light.rgba};
+  width: 1280px;
+  height: 85vh;
+  display: flex;
+  flex-direction: column;
+  padding: ${t.xxx_large};
+  overflow: hidden;
+`,a=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 168px;
+`,o=r.div`
+  align-self: center;
+  justify-self: flex-end;
+  margin-top: auto;
+  margin-bottom: calc((${t.xxx_large} * -1) + ${t.medium});
+`;export{o as AllReleaseNotesWrapper,a as LoadingWrapper,i as StyledDialog};

package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.utils.js

@@ -0,0 +1 @@
+import{EnvironmentType as e}from"../../../../atoms/enums/Environment.js";function t(t,n){return t&&t!==e.PRODUCTION?`https://client-subsurfappmanagement-frontend-${t}.radix.equinor.com/release-notes?filters={"applications"%3A["${encodeURIComponent(n)}"]}`:`https://subsurfappmanagement.equinor.com/release-notes?filters={"applications"%3A["${encodeURIComponent(n)}"]}`}export{t as environmentAndAppNameToURL};

package/dist/organisms/TopBar/Resources/ResourceMenuItem.js

@@ -0,0 +1,20 @@
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useMemo as n}from"react";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{arrow_forward as c,external_link as l}from"@equinor/eds-icons";const{colors:u}=e,d=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${t.x_small};
+  > span {
+    padding: ${t.small} ${t.x_small};
+  }
+`,f=a.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${t.medium_small} ${t.medium};
+  text-decoration: none;
+  gap: ${t.medium};
+  cursor: pointer;
+  align-items: center;
+  &:hover {
+    background-color: ${u.interactive.primary__hover_alt.rgba};
+  }
+`,p=({text:e,icon:t,isHref:a,onClick:p,id:m,lastItem:h=!1})=>n(()=>s(f,{id:m,onClick:p,role:`menuitem`,children:[s(d,{children:[o(r,{data:t,size:24,color:u.interactive.primary__resting.rgba}),o(i,{group:`navigation`,variant:`menu_title`,as:`span`,children:e})]}),!h&&o(r,{data:a?l:c,size:24,color:u.interactive.primary__resting.hsla})]}),[t,m,a,h,p,e]);export{p as ResourceMenuItem};

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

@@ -0,0 +1,14 @@
+import { FC, ReactElement, ReactNode, RefObject } from "react";
+
+//#region src/organisms/TopBar/Resources/Resources.d.ts
+interface ResourcesProps {
+  field?: string;
+  hideFeedback?: boolean;
+  hideReleaseNotes?: boolean;
+  hideLearnMore?: boolean;
+  children?: ReactNode;
+  customButton?: (ref: RefObject<HTMLButtonElement | null>, onToggle: () => void) => ReactElement;
+}
+declare const Resources: FC<ResourcesProps>;
+//#endregion
+export { Resources };

package/dist/organisms/TopBar/Resources/Resources.js

@@ -0,0 +1,6 @@
+import{environment as e}from"../../../atoms/utils/auth_environment.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{amplify_resources as n,amplify_small_portal as r}from"../../../atoms/icons/other.js";import{useReleaseNotes as i}from"../../../providers/ReleaseNotesProvider.js";import{TopBarMenu as a}from"../TopBarMenu.js";import{TopBarButton as o}from"../TopBar.styles.js";import{TransferToAppDialog as s}from"../TransferToAppDialog.js";import{FeedbackType as c}from"./Feedback/Feedback.types.js";import{Feedback as l}from"./Feedback/Feedback.js";import{ResourceMenuItem as u}from"./ResourceMenuItem.js";import{ReleaseNotesDialog as d}from"./ReleaseNotesDialog/ReleaseNotesDialog.js";import{useMemo as f,useRef as p,useState as m}from"react";import{Button as h,Dialog as g,Divider as _,Icon as v}from"@equinor/eds-core-react";import y from"styled-components";import{Fragment as b,jsx as x,jsxs as S}from"react/jsx-runtime";import{arrow_back as C,file_description as w,lightbulb as T,report_bug as E,school as D}from"@equinor/eds-icons";const{PORTAL_URL_WITHOUT_LOCALHOST:O}=e,k=y(g)`
+  width: fit-content;
+`,A=y.div`
+  padding: ${t.medium} ${t.medium} ${t.small}
+    ${t.medium};
+`,j=({field:e,hideFeedback:t=!1,hideReleaseNotes:y=!1,hideLearnMore:j=!1,children:M,customButton:N})=>{let{open:P,setOpen:F}=i(),[I,L]=m(!1),[R,z]=m(!1),[B,V]=m(!1),[H,U]=m(void 0),W=p(null),[G,K]=m(void 0),q=()=>{U(void 0),L(!1)},J=()=>L(e=>!e),Y=e=>{K(e?.currentTarget.id),z(!0)},X=()=>{K(void 0),q(),z(!1)},Z=()=>F(!0),Q=()=>U(void 0),$=()=>U(`learn-more`),ee=()=>{V(!0)},te=()=>{V(!1),q()},ne=f(()=>{switch(H){case`learn-more`:return S(b,{children:[x(u,{text:`Open Application portal`,icon:r,onClick:ee,isHref:!0}),M&&!t&&!y&&x(_,{style:{margin:0}}),M&&x(`div`,{onClick:q,children:M}),x(A,{children:S(h,{variant:`outlined`,onClick:Q,children:[x(v,{data:C}),` Back`]})})]});default:return null}},[M,t,y,H]);return S(b,{children:[N?N(W,J):x(o,{variant:`ghost_icon`,ref:W,id:`anchor-match`,"aria-haspopup":`true`,"aria-expanded":I,"aria-controls":`menu-match`,onClick:J,children:x(v,{data:n})}),x(a,{open:I&&!P&&!R,title:`Resources`,onClose:q,anchorEl:W.current,children:ne||S(`section`,{children:[x(u,{id:c.BUG,onClick:Y,icon:E,text:`Report a bug`,lastItem:!0}),x(u,{id:c.SUGGESTION,onClick:Y,icon:T,text:`Suggest idea`,lastItem:!0}),!y&&x(u,{id:`release-notes`,icon:w,onClick:Z,text:`Open release notes`,isHref:!0}),!j&&x(u,{text:`Learn more`,icon:D,onClick:$})]})}),P&&x(d,{}),!t&&G!==void 0&&S(k,{open:G===c.BUG||G===c.SUGGESTION,onClose:X,isDismissable:!0,children:[x(g.Header,{children:G===c.BUG?`Report a bug - ServiceNow`:`Suggest a feature`}),x(l,{field:e,selectedType:G,onClose:X})]}),B&&x(s,{onClose:te,url:O,applicationName:`Portal`})]})};export{j as Resources};

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

@@ -0,0 +1,11 @@
+import { SettingsSection } from "./Settings.types.js";
+import { FC, ReactNode } from "react";
+
+//#region src/organisms/TopBar/Settings.d.ts
+interface SettingsProps {
+  allSettings?: SettingsSection[];
+  children?: ReactNode | ReactNode[];
+}
+declare const Settings: FC<SettingsProps>;
+//#endregion
+export { Settings, SettingsProps };

package/dist/organisms/TopBar/Settings.js

@@ -0,0 +1,25 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{elevation as t}from"../../atoms/style/index.js";import{Theme as n}from"../../atoms/enums/Theme.js";import{ThemeProviderContext as r}from"../../providers/ThemeProvider/ThemeProvider.js";import{TopBarMenu as i}from"./TopBarMenu.js";import{TopBarButton as a}from"./TopBar.styles.js";import{useContext as o,useMemo as s,useRef as c,useState as l}from"react";import{Icon as u,Radio as d,Typography as f}from"@equinor/eds-core-react";import p from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{settings as _}from"@equinor/eds-icons";const v=p.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${e.x_small};
+  padding: 0 ${e.large} 0 ${e.small};
+  justify-content: space-between;
+  > span {
+    padding: ${e.small} ${e.x_small};
+  }
+`,y=p.div`
+  width: 64px;
+  height: 32px;
+  background-color: ${e=>e.$color};
+  box-shadow: ${t.raised};
+  border-radius: 4px;
+`,b=p.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.medium};
+  > div > p {
+    padding-top: ${e.small};
+    padding-left: ${e.medium};
+  }
+`,x=({allSettings:e,children:t})=>{let p=c(null),[x,S]=l(!1),C=o(r),w=()=>S(!1),T=()=>S(!x),E=s(()=>C?[{title:`Theme`,value:C.theme,onChange:e=>C.setTheme(e),items:[{label:`Light Mode`,name:`theme-group`,value:n.LIGHT,colorBox:`#ffffff`},{label:`Dark Mode`,name:`theme-group`,value:n.DARK,colorBox:`#243746`}]},...e??[]]:e??[],[e,C]);if(E.length===0)throw Error(`Empty settings in TopBar.Settings!`);return g(m,{children:[h(a,{variant:`ghost_icon`,onClick:T,ref:p,children:h(u,{data:_,size:24})}),g(i,{open:x,title:`Settings`,onClose:w,anchorEl:p.current,children:[h(b,{children:E.map((e,t)=>g(`div`,{children:[h(f,{variant:`overline`,children:e.title}),e.items.map((t,n)=>g(v,{children:[h(d,{id:t.label,disabled:t.disabled,label:t.label,name:e.title,value:`${t.label}-${n}`,checked:e.value===t.value,onChange:()=>e.onChange?.(t.value)}),t.colorBox&&h(y,{$color:t.colorBox,"data-testid":`colorbox-${t.colorBox}`}),t.text&&h(f,{variant:`h6`,children:t.text}),t.element&&t.element]},n))]},t))}),t]})]})};x.displayName=`TopBar.Settings`;export{x as Settings};

package/dist/organisms/TopBar/Settings.types.d.ts

@@ -0,0 +1,31 @@
+import { ReactElement } from "react";
+
+//#region src/organisms/TopBar/Settings.types.d.ts
+interface GenericSettingsSectionItem {
+  label: string;
+  name: string;
+  colorBox?: string;
+  element?: ReactElement;
+  text?: string;
+  disabled?: boolean;
+}
+interface GenericSettingsSection {
+  title: string;
+}
+type StringSettingsSection = GenericSettingsSection & {
+  value: string;
+  onChange?: (val: string) => void;
+  items: (GenericSettingsSectionItem & {
+    value: string;
+  })[];
+};
+type NumberSettingsSection = GenericSettingsSection & {
+  value: number;
+  onChange?: (val: number) => void;
+  items: (GenericSettingsSectionItem & {
+    value: number;
+  })[];
+};
+type SettingsSection = StringSettingsSection | NumberSettingsSection;
+//#endregion
+export { SettingsSection };

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

@@ -0,0 +1,24 @@
+import { Field } from "../../atoms/types/Field.js";
+import { EnvironmentType } from "../../atoms/enums/Environment.js";
+import React, { ReactNode } from "react";
+
+//#region src/organisms/TopBar/TopBar.d.ts
+declare const TopBar: React.ForwardRefExoticComponent<{
+  applicationIcon: string;
+  applicationName: string;
+  /** @deprecated - Not needed anymore, clicking header wil go to '/' by default */
+  onHeaderClick?: () => void;
+  /** @param - Path when clicking header */
+  headerLink?: string;
+  environment?: EnvironmentType;
+  isFetching?: boolean;
+  capitalize?: boolean;
+  children: ReactNode;
+  availableFields?: Field[];
+  onSelectField?: (selectedField: Field) => void;
+  currentField?: Field;
+  showAccessITLink?: boolean;
+  itemNameSingular?: string;
+} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { TopBar };

package/dist/organisms/TopBar/TopBar.js

@@ -0,0 +1 @@
+import{EnvironmentType as e}from"../../atoms/enums/Environment.js";import{ApplicationIcon as t}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import{AppAndFieldContainer as n,AppIdentifier as r,AppName as i,Bar as a,CircularProgress as o,EnvironmentTag as s}from"./TopBar.styles.js";import{FieldMenu as c}from"./FieldMenu/FieldMenu.js";import l,{forwardRef as u}from"react";import{Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=u(({id:l,children:u,headerLink:m,applicationIcon:h,applicationName:g,environment:_,isFetching:v=!1,capitalize:y=!1,availableFields:b,onSelectField:x,currentField:S,showAccessITLink:C,itemNameSingular:w},T)=>p(a,{ref:T,children:[p(n,{id:l,children:[p(r,{tabIndex:0,to:m||`/`,children:[f(t,{name:h,size:32,withHover:!0}),f(i,{group:`navigation`,variant:`menu_title`,$capitalize:y,children:y?g.toLowerCase():g})]}),b&&x&&f(c,{availableFields:b,onSelect:x,currentField:S,showAccessITLink:C,itemNameSingular:w}),v&&f(o,{size:16})]}),(_===e.DEVELOP||_===e.STAGING||_===e.LOCALHOST)&&f(s,{$environmentType:_,children:f(d,{group:`heading`,variant:`h5`,children:_})}),u]}));m.displayName=`TopBar`;export{m as TopBar};

package/dist/organisms/TopBar/TopBar.styles.js

@@ -0,0 +1,65 @@
+import{EnvironmentType as e}from"../../atoms/enums/Environment.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{Button as r,CircularProgress as i,TopBar as a,Typography as o}from"@equinor/eds-core-react";import s,{css as c}from"styled-components";import{Link as l}from"react-router-dom";const u=s(a)`
+  border-bottom: 1px solid ${t.ui.background__medium.rgba};
+  padding-left: ${n.medium};
+  align-content: center;
+  position: relative;
+`,d=s(l)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${n.medium_small};
+  padding: 0;
+  outline-offset: ${n.x_small};
+  text-decoration: none;
+  &:hover {
+    border-radius: 4px;
+    outline: none;
+  }
+`,f=s(a.Header)`
+  display: flex;
+  align-items: center;
+  gap: ${n.medium};
+`,p=s(o)`
+  text-transform: ${e=>e.$capitalize?`capitalize`:`none`};
+`,m=s(i)`
+  circle {
+    stroke: ${t.interactive.primary__resting.rgba};
+  }
+  circle:first-child {
+    stroke: ${t.interactive.primary__hover_alt.rgba};
+  }
+`;function h(n){let r=`none`,i=`none`;return n===e.LOCALHOST?(r=t.interactive.disabled__fill.rgba,i=t.interactive.disabled__text.rgba):n===e.DEVELOP?(r=t.ui.background__info.rgba,i=t.infographic.substitute__blue_overcast.rgba):n===e.STAGING&&(r=t.ui.background__warning.rgba,i=t.interactive.warning__text.rgba),`
+    background-color: ${r};
+    border: 1px solid ${i};
+  `}const g=s.div`
+  width: 214px;
+  height: 36px;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  text-transform: capitalize;
+  ${e=>h(e.$environmentType)}
+`,_=s.div`
+  background-color: ${t.interactive.danger__resting.rgba};
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  position: absolute;
+  right: 2px;
+  top: 4px;
+  border: 2px solid ${t.text.static_icons__primary_white.rgba};
+  // Box-sizing is a quickfix for use in PWEX because of global styling
+  box-sizing: content-box;
+`,v=s(r)`
+  &:hover ${_} {
+    border: 2px solid ${t.interactive.primary__hover_alt.rgba};
+  }
+  ${({$fieldSelector:e})=>{if(!e)return c`
+        height: 36px;
+        width: 36px;
+      `}}
+`;export{f as AppAndFieldContainer,d as AppIdentifier,p as AppName,u as Bar,m as CircularProgress,g as EnvironmentTag,v as TopBarButton,_ as UnreadRedDot};

package/dist/organisms/TopBar/TopBarMenu.js

@@ -0,0 +1,11 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import t,{forwardRef as n,useEffect as r}from"react";import{Menu as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o}from"react/jsx-runtime";const s=a(i)`
+  padding: 0 !important;
+  min-width: 350px;
+  width: fit-content;
+  border-radius: 5px;
+  ${({$withGap:t})=>t&&` > div[role="menu"] {
+      gap: ${e.large}; 
+     
+  }
+  `}
+`,c=n(({open:e,onClose:t,children:n,anchorEl:i,isNotification:a,withGap:c=!1},l)=>(r(()=>{let n=()=>{e&&t()};return window.addEventListener(`resize`,n),()=>{window.removeEventListener(`resize`,n)}},[e,t]),e?o(s,{open:e,onClose:t,anchorEl:i,placement:a?`bottom`:`bottom-end`,"data-testid":`top-bar-menu`,ref:l,$withGap:c,children:n}):null));c.displayName=`TopBarMenu`;export{c as TopBarMenu};

package/dist/organisms/TopBar/TransferToAppDialog.js

@@ -0,0 +1,33 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{capitalize as t}from"../../atoms/utils/string.js";import{useFakeProgress as n}from"../../atoms/hooks/useFakeProgress.js";import{AnimatedCheckmark as r}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import i from"react";import{Button as a,Dialog as o,Icon as s,LinearProgress as c,Typography as l}from"@equinor/eds-core-react";import u from"styled-components";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{close as m}from"@equinor/eds-icons";const h=u(o)`
+  width: 400px;
+  height: 323px;
+`,g=u.div`
+  gap: ${e.medium};
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  width: 100%;
+  max-width: 370px;
+  padding: ${e.medium} ${e.large};
+`,_=u(l)`
+  span {
+    text-transform: capitalize;
+  }
+`,v=u.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.large};
+`,y=u.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.small};
+  width: 100%;
+  align-items: center;
+  padding: ${e.large} 0;
+`,b=({onClose:e,applicationName:i,url:u})=>{let{finished:b,progress:x}=n({onDone:()=>window.open(u,`_self`)});return f(d,{children:p(h,{open:!0,children:[p(o.Header,{children:[`Open link`,f(a,{variant:`ghost_icon`,onClick:e,"data-testid":`close-transfer-app`,children:f(s,{data:m})})]}),f(o.CustomContent,{children:f(g,{children:b?p(y,{children:[f(_,{variant:`h3`,children:f(`span`,{children:t(i)})}),f(r,{size:`small`})]}):p(v,{children:[p(l,{variant:`h3`,children:[`Transferring you to application.`,`.`.repeat(x/35)]}),f(c,{variant:`determinate`,value:x})]})})})]})})};export{b as TransferToAppDialog};

package/dist/organisms/TopBar/Tutorials/TutorialItem.js

@@ -0,0 +1,21 @@
+import{animation as e}from"../../../atoms/style/animation.js";import{colors as t}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{check as c,chevron_right as l}from"@equinor/eds-icons";import{useTutorials as u}from"@equinor/subsurface-app-management";const d=a.button`
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr auto;
+  row-gap: ${n.small};
+  padding: ${n.medium};
+  transition: background ${e.transitionMS};
+  > header {
+    display: flex;
+    align-items: center;
+    gap: ${n.small};
+    grid-column: span 2;
+    > p {
+      color: ${t.interactive.primary__resting.rgba};
+      font-weight: 500;
+    }
+  }
+  &:hover {
+    background: ${t.interactive.primary__hover_alt.rgba};
+  }
+`,f=({onTutorialStart:e,onClose:n,id:a,name:f})=>{let{startTutorial:p,seenTutorialIDs:m}=u(),h=m.includes(a),g=()=>{p(a),e?.(a),n()};return s(d,{onClick:g,children:[h&&s(`header`,{children:[o(r,{data:c,size:16,color:t.interactive.primary__resting.rgba}),o(i,{varinat:`caption`,children:`COMPLETED`})]}),o(i,{variant:`h4`,children:f}),o(r,{data:l,color:t.interactive.primary__resting.rgba})]})};export{f as TutorialItem};

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

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes } from "react";
+import { MyTutorialDto } from "@equinor/subsurface-app-management";
+
+//#region src/organisms/TopBar/Tutorials/Tutorials.d.ts
+interface TutorialsProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onClick'> {
+  onTutorialStart?: (tutorialId: string) => void;
+  filterTutorials?: (value: MyTutorialDto, index: number, array: MyTutorialDto[]) => boolean;
+}
+declare const Tutorials: FC<TutorialsProps>;
+//#endregion
+export { Tutorials };

package/dist/organisms/TopBar/Tutorials/Tutorials.js

@@ -0,0 +1 @@
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{TutorialItem as n}from"./TutorialItem.js";import{Container as r,TutorialList as i}from"./Tutorials.styles.js";import{useRef as a,useState as o}from"react";import{Divider as s,Icon as c,Typography as l}from"@equinor/eds-core-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{youtube_alt as p}from"@equinor/eds-icons";import{useTutorials as m}from"@equinor/subsurface-app-management";const h=({filterTutorials:h,onTutorialStart:g,..._})=>{let{allTutorials:v,tutorialsOnThisPage:y}=m(),[b,x]=o(!1),S=a(null),C=h?v.filter(h):v,w=h?y.filter(h):y,T=C.filter(e=>w.findIndex(t=>t.id===e.id)===-1),E=()=>x(e=>!e);return f(u,{children:[d(t,{variant:`ghost_icon`,ref:S,onClick:E,..._,children:d(c,{data:p})}),b&&d(e,{open:!0,onClose:E,anchorEl:S.current,children:f(r,{children:[f(l,{variant:`h4`,children:[`Available Tutorials (`,C.length,`)`]}),w.length>0&&f(i,{children:[d(l,{variant:`caption`,children:`For current page`}),w.map(e=>d(n,{onTutorialStart:g,onClose:E,...e},e.id))]}),w.length>0&&w.length>0&&d(s,{}),T.length>0&&f(i,{children:[d(l,{variant:`caption`,children:`For other pages`}),T.map(e=>d(n,{onTutorialStart:g,onClose:E,...e},e.id))]})]})})]})};export{h as Tutorials};

package/dist/organisms/TopBar/Tutorials/Tutorials.styles.js

@@ -0,0 +1,18 @@
+import{spacings as e}from"../../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${e.large};
+  width: 520px;
+  > h4 {
+    margin-bottom: ${e.x_large};
+  }
+  > hr {
+    margin-bottom: ${e.x_large};
+  }
+`,r=t.section`
+  display: flex;
+  flex-direction: column;
+  > p:first-child {
+    margin-bottom: ${e.medium_small};
+  }
+`;export{n as Container,r as TutorialList};

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

@@ -0,0 +1,27 @@
+import { Account } from "./Account/Account.js";
+import { ApplicationDrawer } from "./ApplicationDrawer/ApplicationDrawer.js";
+import { FieldMenu } from "./FieldMenu/FieldMenu.js";
+import { GuidelineSections } from "./Guidelines/Guidelines.js";
+import { Notifications } from "./Notifications/Notifications.js";
+import { Resources } from "./Resources/Resources.js";
+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";
+
+//#region src/organisms/TopBar/index.d.ts
+type TopBarType = typeof TopBar & {
+  Account: typeof Account;
+  Actions: typeof Actions;
+  Guidelines: typeof Guidelines;
+  Settings: typeof Settings;
+  Notifications: typeof Notifications;
+  FieldSelector: typeof FieldMenu;
+  Resources: typeof Resources;
+  ApplicationDrawer: typeof ApplicationDrawer;
+  Tutorials: typeof Tutorials;
+};
+declare const TopBar$1: TopBarType;
+//#endregion
+export { TopBar$1 as TopBar };

package/dist/organisms/TopBar/index.js

@@ -0,0 +1 @@
+import{Account as e}from"./Account/Account.js";import{ApplicationDrawer as t}from"./ApplicationDrawer/ApplicationDrawer.js";import{FieldMenu as n}from"./FieldMenu/FieldMenu.js";import{Notifications as r}from"./Notifications/Notifications.js";import{Resources as i}from"./Resources/Resources.js";import{Tutorials as a}from"./Tutorials/Tutorials.js";import{Actions as o}from"./Actions.js";import{Guidelines as s}from"./Guidelines/index.js";import{Settings as c}from"./Settings.js";import{TopBar as l}from"./TopBar.js";const u=l;u.Account=e,u.Actions=o,u.Guidelines=s,u.Settings=c,u.Notifications=r,u.FieldSelector=n,u.Resources=i,u.ApplicationDrawer=t,u.Tutorials=a;export{u as TopBar};

package/dist/organisms/index.d.ts

@@ -0,0 +1,24 @@
+import { DataGrid } from "./DataGrid/DataGrid.js";
+import { FieldSelector, FieldSelectorProps } from "./FieldSelector/FieldSelector.js";
+import { Filter, FilterType } from "./Filter/index.js";
+import { ItemType, SideBar } from "./SideBar/index.js";
+import { GuidelineSections } from "./TopBar/Guidelines/Guidelines.js";
+import { SettingsSection } from "./TopBar/Settings.types.js";
+import { TopBar as TopBar$1 } from "./TopBar/index.js";
+import { Status } from "./Status/index.js";
+import { BadRequest } from "./Status/collections/BadRequest.js";
+import { GenericError } from "./Status/collections/GenericError.js";
+import { MissingAccessToApp } from "./Status/collections/MissingAccessToApp.js";
+import { MissingPermissions } from "./Status/collections/MissingPermissions.js";
+import { PageNotFound } from "./Status/collections/PageNotFound.js";
+import { ServerError } from "./Status/collections/ServerError.js";
+import { ApiResponseError } from "./Status/collections/ApiResponseError.js";
+import { TableOfContents, TableOfContentsProps } from "./TableOfContents/TableOfContents.js";
+import { ContentProps, Template, TemplateType } from "./Template/Template.js";
+import { PageTitle } from "./PageTitle/PageTitle.js";
+import { ReleaseNote, ReleaseNoteProps } from "./ReleaseNote/ReleaseNote.js";
+import { ToggleGroup } from "./ToggleGroup/index.js";
+import { Faq } from "./Faq/Faq.js";
+import { Card as Card$1, CardProps } from "@equinor/eds-core-react";
+import { EdsDataGridProps as DataGridProps } from "@equinor/eds-data-grid-react";
+export { Card$1 as Card, type CardProps, type DataGridProps };

package/dist/organisms/index.js

@@ -0,0 +1 @@
+import{Status as e}from"./Status/index.js";import{MissingAccessToApp as t}from"./Status/collections/MissingAccessToApp.js";import{DataGrid as n}from"./DataGrid/DataGrid.js";import{Template as r}from"./Template/Template.js";import{FieldSelector as i}from"./FieldSelector/FieldSelector.js";import{Filter as a}from"./Filter/index.js";import{SideBar as o}from"./SideBar/index.js";import{ReleaseNote as s}from"./ReleaseNote/ReleaseNote.js";import{TopBar as c}from"./TopBar/index.js";import{BadRequest as l}from"./Status/collections/BadRequest.js";import{GenericError as u}from"./Status/collections/GenericError.js";import{MissingPermissions as d}from"./Status/collections/MissingPermissions.js";import{PageNotFound as f}from"./Status/collections/PageNotFound.js";import{ServerError as p}from"./Status/collections/ServerError.js";import{ApiResponseError as m}from"./Status/collections/ApiResponseError.js";import{TableOfContents as h}from"./TableOfContents/TableOfContents.js";import{PageTitle as g}from"./PageTitle/PageTitle.js";import{ToggleGroup as _}from"./ToggleGroup/index.js";import{Faq as v}from"./Faq/Faq.js";import{Card as y}from"@equinor/eds-core-react";export{y as Card};

package/dist/providers/AuthProvider/AuthProvider.d.ts

@@ -0,0 +1,30 @@
+import { FC, ReactElement, ReactNode } from "react";
+import { AccountInfo } from "@azure/msal-browser";
+
+//#region src/providers/AuthProvider/AuthProvider.d.ts
+type AuthState = 'loading' | 'authorized' | 'unauthorized';
+interface AuthContextType {
+  account: AccountInfo | undefined;
+  photo: string | undefined;
+  roles: string[] | undefined;
+  logout: () => void;
+  authState: AuthState;
+}
+declare const useAuth: () => AuthContextType;
+interface AuthProviderProps {
+  children: ReactNode;
+  loadingComponent?: ReactElement;
+  unauthorizedComponent?: ReactElement;
+  withoutLoader?: boolean;
+  withoutBackend?: boolean;
+}
+/**
+ * @param children - ReactNode
+ * @param loadingComponent - Component to show while auth is loading
+ * @param unauthorizedComponent - Component to show if user is unauthorized
+ * @param withoutLoader - Hide loader from AuthProvider
+ * @param withoutBackend - Will not attempt to get roles from backend
+ */
+declare const AuthProvider: FC<AuthProviderProps>;
+//#endregion
+export { AuthProvider, useAuth };

package/dist/providers/AuthProvider/AuthProvider.js

@@ -0,0 +1 @@
+import{auth as e,environment as t}from"../../atoms/utils/auth_environment.js";import{AuthProviderInner as n}from"./AuthProviderInner.js";import{createContext as r,useContext as i,useMemo as a,useState as o}from"react";import{MsalProvider as s}from"@azure/msal-react";import{jsx as c}from"react/jsx-runtime";const{msalApp:l}=e,{getIsMock:u,getMockUserPhoto:d,getMockRoles:f}=t,p=r(void 0),m=()=>{let e=i(p);if(e===void 0)throw Error(`useAuth must be used within a AuthContext provider`);return e},h={homeAccountId:`mock-home-account-id`,environment:`mock`,tenantId:`mock-tenant-id`,username:`MOCK@equinor.com`,localAccountId:`mock-local-account-id`,name:`Mock mocksnes`,idToken:`fake`,idTokenClaims:{id:`claim`},nativeAccountId:`accountid`,authorityType:`authority`,tenantProfiles:new Map},g=({children:e,loadingComponent:t,unauthorizedComponent:r,withoutLoader:i=!1,withoutBackend:m=!1})=>{let[g,_]=o(void 0),[v,y]=o(),[b,x]=o(`loading`),[S,C]=o(),w=a(()=>u(import.meta.env.VITE_IS_MOCK),[]),T=a(()=>d(import.meta.env.VITE_MOCK_USER_PHOTO),[]),E=a(()=>f(import.meta.env.VITE_MOCK_ROLES),[]);return w?(b===`loading`&&setTimeout(()=>{x(`authorized`)},1e3),c(p.Provider,{value:{roles:E,account:h,photo:T,logout:()=>console.log(`Logged out the user!`),authState:b},children:e})):c(p.Provider,{value:{roles:v,account:g,photo:S,logout:()=>l.logoutRedirect(),authState:b},children:c(s,{instance:l,children:c(n,{loadingComponent:t,unauthorizedComponent:r,account:g,setAccount:_,setRoles:y,setPhoto:C,authState:b,setAuthState:x,withoutLoader:i,withoutBackend:m,children:e})})})};export{g as AuthProvider,m as useAuth};

package/dist/providers/AuthProvider/AuthProviderInner.js

@@ -0,0 +1 @@
+import{auth as e,environment as t}from"../../atoms/utils/auth_environment.js";import{FullPageSpinner as n}from"../../molecules/FullPageSpinner/FullPageSpinner.js";import{MissingAccessToApp as r}from"../../organisms/Status/collections/MissingAccessToApp.js";import{useEffect as i,useRef as a,useState as o}from"react";import{useMsal as s,useMsalAuthentication as c}from"@azure/msal-react";import{InteractionRequiredAuthError as l,InteractionType as u}from"@azure/msal-browser";import{jsx as d}from"react/jsx-runtime";import{jwtDecode as f}from"jwt-decode";const{GRAPH_ENDPOINTS:p,GRAPH_REQUESTS_LOGIN:m,GRAPH_REQUESTS_PHOTO:h,GRAPH_REQUESTS_BACKEND:g,fetchMsGraph:_,isInIframe:v}=e,{getApiScope:y}=t,b=({children:e,account:t,setAccount:b,setPhoto:x,setRoles:S,authState:C,setAuthState:w,withoutLoader:T,loadingComponent:E,unauthorizedComponent:D,withoutBackend:O})=>{let{instance:k,accounts:A,inProgress:j}=s(),{login:M,result:N,error:P,acquireToken:F}=c(u.Silent,m),[I,L]=o(!1),R=a(!1);return i(()=>{if(I)return;let e=async()=>{console.log(`[AuthProvider] Initializing`),await k.initialize(),console.log(`[AuthProvider] Finished initializing`),L(!0)};e().catch(e=>{console.error(`[AuthProvider] Error during initialization`,e)})},[k,I]),i(()=>{I&&(P instanceof l&&!v()&&C!==`unauthorized`?(console.error(P),console.log(`[AuthProvider] No account found, need to login via. redirect`),M(u.Redirect,m).catch(e=>{console.error(`[AuthProvider] Error during login`,e)})):N?.account&&!t?(console.log(`[AuthProvider] Found account in useMsalAuth result, setting that one as active`),k.setActiveAccount(N.account),b(N.account)):A.length>0&&!t?(console.log(`[AuthProvider] Found account in accounts array, setting that one as active`),k.setActiveAccount(A[0]),b(A[0])):P&&console.error(`[AuthProvider] Unexpected error:`,P))},[t,A,P,k,I,M,N,b,C]),i(()=>{if(!t||!I||R.current||j!==`none`)return;R.current=!0;let e=async()=>{try{let e=await F(u.Silent,h);if(e){let t=await _(p.PHOTO,e.accessToken);if(t.status===404)return null;let n=await t.blob(),r=window.URL??window.webkitURL,i=r.createObjectURL(n);x(i)}}catch(e){console.error(e)}},n=async()=>{try{let e=await F(u.Silent,g(y(import.meta.env.VITE_API_SCOPE)));if(console.log(`[AuthProvider] Successfully acquired token`),e&&e.accessToken){console.log(`[AuthProvider] Decoding token`);let t=f(e.accessToken);if(console.log(`[AuthProvider] Token was valid`),t.roles)console.log(`[AuthProvider] Found roles`),S(t.roles);else throw Error(`Could not find roles in token`);w(`authorized`)}}catch(e){console.error(`[AuthProvider] Token error when trying to get roles!`,e),w(`unauthorized`)}},r=async()=>{await e(),O?w(`authorized`):await n()};r()},[t,F,P,I,j,w,x,S,O]),C===`unauthorized`?D??d(r,{}):T?e:C===`loading`||t===void 0?E??d(n,{variant:`application`}):e};export{b as AuthProviderInner};

package/dist/providers/LoadingProvider.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from "react";
+
+//#region src/providers/LoadingProvider.d.ts
+interface LoadingProviderProps {
+  customQueryKeys?: string[];
+  children: ReactNode;
+}
+/**
+ *
+ * @description Combines loading of tutorials/feature toggles + auth into one.
+ * Expects AuthProvider to be wrapped around it with 'withoutLoader'-prop set to true
+ * @param customQueryKeys - Custom query keys the loading provider should listen for
+ * @param children - ReactNode, typically the rest of your app
+ */
+declare const LoadingProvider: FC<LoadingProviderProps>;
+//#endregion
+export { LoadingProvider };

package/dist/providers/LoadingProvider.js

@@ -0,0 +1 @@
+import{FullPageSpinner as e}from"../molecules/FullPageSpinner/FullPageSpinner.js";import{useAuth as t}from"./AuthProvider/AuthProvider.js";import{useEffect as n,useState as r}from"react";import{jsx as i}from"react/jsx-runtime";import{SAM_QUERIES as a}from"@equinor/subsurface-app-management";import{useIsFetching as o}from"@tanstack/react-query";const s=({customQueryKeys:s=[],children:c})=>{let{authState:l}=t(),u=o({predicate:e=>a.some(t=>e.queryKey.includes(t))||s.some(t=>e.queryKey.includes(t))})>0,[d,f]=r(!0);return n(()=>{l===`authorized`&&!u&&d&&f(!1)},[l,u,d]),l===`authorized`?d?i(e,{variant:`application`,fixedPosition:!0,children:c}):c:i(e,{variant:`application`,fixedPosition:!0})};export{s as LoadingProvider};

package/dist/providers/ReleaseNotesProvider.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from "react";
+import { ReleaseNote } from "@equinor/subsurface-app-management";
+
+//#region src/providers/ReleaseNotesProvider.d.ts
+interface ReleaseNotesContextState {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  mostRecentReleaseNote: ReleaseNote | undefined;
+  showAllReleaseNotesLink: string;
+}
+declare const useReleaseNotes: () => ReleaseNotesContextState;
+interface ReleaseNotesContextProviderProps {
+  children: ReactNode;
+  enabled?: boolean;
+  popUpNewReleaseNote?: boolean;
+}
+declare const ReleaseNotesProvider: FC<ReleaseNotesContextProviderProps>;
+//#endregion
+export { ReleaseNotesProvider, useReleaseNotes };

package/dist/providers/ReleaseNotesProvider.js

@@ -0,0 +1 @@
+import{EnvironmentType as e}from"../atoms/enums/Environment.js";import{environment as t}from"../atoms/utils/auth_environment.js";import{useLocalStorage as n}from"../atoms/hooks/useLocalStorage.js";import{usingReleaseNoteDate as r}from"../organisms/ReleaseNote/ReleaseNote.utils.js";import{environmentAndAppNameToURL as i}from"../organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.utils.js";import{sortReleaseNotesByDate as a}from"./ReleaseNotesProvider.utils.js";import{createContext as o,useContext as s,useEffect as c,useState as l}from"react";import{jsx as u}from"react/jsx-runtime";import{useReleaseNotesQuery as d}from"@equinor/subsurface-app-management";const{getEnvironmentName:f,getAppName:p}=t,m=o(void 0),h=()=>{let e=s(m);if(e===void 0)throw Error(`useReleaseNotes must be used within a ReleaseNotesProvider`);return e},g=1e3*60*60*24*14,_=({children:t,enabled:o,popUpNewReleaseNote:s=!1})=>{let{data:h}=d({enabled:o}),[_,v]=l(!1),[y,b]=n(`release-notes-was-viewed-key`,``,g),x=h?.toSorted(a).at(0),S=p(import.meta.env.VITE_NAME),C=f(import.meta.env.VITE_ENVIRONMENT_NAME),w=C===e.LOCALHOST?e.DEVELOP:C,T=i(w,S);return c(()=>{if(!x||!s)return;let e=new Date(r(x)).getTime(),t=Date.now(),n=t-e;n<=g&&y!==x.releaseId&&(v(!0),b(x.releaseId))},[y,x,s,b]),u(m.Provider,{value:{open:_,setOpen:v,mostRecentReleaseNote:x,showAllReleaseNotesLink:T},children:t})};export{_ as ReleaseNotesProvider,h as useReleaseNotes};

package/dist/providers/ReleaseNotesProvider.utils.js

@@ -0,0 +1 @@
+import{sortByDate as e}from"../atoms/utils/sort.js";const t=(t,n)=>e(t.releaseDate??t.createdDate,n.releaseDate??n.createdDate);export{t as sortReleaseNotesByDate};

package/dist/providers/SideBarProvider.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from "react";
+
+//#region src/providers/SideBarProvider.d.ts
+interface SideBarContextType {
+  isOpen: boolean;
+  setIsOpen: (value: boolean) => void;
+}
+declare function useSideBar(): SideBarContextType;
+declare const SideBarProvider: FC<{
+  children: ReactNode;
+}>;
+//#endregion
+export { SideBarProvider, useSideBar };

package/dist/providers/SideBarProvider.js

@@ -0,0 +1 @@
+import{createContext as e,useContext as t,useReducer as n}from"react";import{jsx as r}from"react/jsx-runtime";function i(){let e=t(a);if(e===void 0)throw Error(`Sidebar hook must be used within Provider`);return e}const a=e(void 0),o=`amplify-sidebar-state`,s=()=>{let e=localStorage.getItem(o);return e?JSON.parse(e):{isOpen:!1}},c=e=>{localStorage.setItem(o,JSON.stringify(e))},l=(e,t)=>(c(t),t),u=({children:e})=>{let[t,i]=n(l,s()),o=e=>{i({isOpen:e})};return r(a.Provider,{value:{isOpen:t.isOpen,setIsOpen:o},children:e})};export{u as SideBarProvider,i as useSideBar};

package/dist/providers/SnackbarProvider/SnackbarProvider.d.ts

@@ -0,0 +1,32 @@
+import { FC, MouseEvent, ReactNode } from "react";
+import { SnackbarProps } from "@equinor/eds-core-react";
+
+//#region src/providers/SnackbarProvider/SnackbarProvider.d.ts
+interface ShowSnackbarSettings {
+  customProps?: SnackbarProps;
+  action?: {
+    text: string;
+    handler: (event: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+  };
+}
+interface ShowSnackbar {
+  text: string;
+  variant: 'info' | 'warning' | 'error';
+}
+interface State {
+  showSnackbar: (text: string | ShowSnackbar, props?: ShowSnackbarSettings) => void;
+  setActionDisabledState: (disabled: boolean) => void;
+  hideSnackbar: () => void;
+}
+declare const useSnackbar: () => State;
+type SnackbarProviderProps = {
+  children: ReactNode;
+} & SnackbarProps;
+/**
+ * @param children - Children to render under the SnackbarProvider
+ * @param showAPIErrors - Set default query options for showing API errors, defaults to true
+ */
+declare const SnackbarProvider: FC<SnackbarProviderProps>;
+//#endregion
+export { SnackbarProvider, useSnackbar };

package/dist/providers/SnackbarProvider/SnackbarProvider.js

@@ -0,0 +1 @@
+import{StyledSnackbar as e}from"./SnackbarProvider.styles.js";import{snackbarIcon as t}from"./SnackbarProvider.utils.js";import{createContext as n,useCallback as r,useContext as i,useState as a}from"react";import{Button as o,Icon as s,Snackbar as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{close as f}from"@equinor/eds-icons";const p=n(void 0),m=()=>{let e=i(p);if(e===void 0)throw Error(`useSnackbar must be used within a SnackbarContextProvider`);return e},h=({children:n,...i})=>{let[m,h]=a(!1),[g,_]=a(void 0),[v,y]=a(i),[b,x]=a(),S=r((e,t)=>{_(typeof e==`string`?{text:e,variant:`info`}:e),y(t?.customProps??i),x(t?.action??void 0),h(!0)},[i]),C=e=>{x(t=>t&&{...t,disabled:e})},w=()=>h(!1),T=()=>{h(!1),v.onClose&&v.onClose()};return d(p.Provider,{value:{showSnackbar:S,setActionDisabledState:C,hideSnackbar:w},children:[n,d(e,{$variant:g?.variant,open:m,onClose:T,autoHideDuration:v.autoHideDuration,placement:v.placement,children:[g&&u(s,{data:t(g.variant)}),u(l,{variant:`body_short`,children:g?.text}),b&&u(c.Action,{children:u(o,{disabled:b.disabled,variant:`ghost`,onClick:b.handler,children:b.text})}),u(o,{variant:`ghost_icon`,onClick:T,children:u(s,{data:f})})]})]})};export{h as SnackbarProvider,m as useSnackbar};

package/dist/providers/SnackbarProvider/SnackbarProvider.styles.js

@@ -0,0 +1,41 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Snackbar as n}from"@equinor/eds-core-react";import r,{css as i}from"styled-components";const a={info:{outline:e.text.static_icons__default.rgba,text:e.text.static_icons__primary_white.rgba,icon:e.text.static_icons__primary_white.rgba},warning:{outline:e.interactive.warning__highlight.rgba,text:e.ui.background__warning.rgba,icon:e.interactive.warning__resting.rgba},error:{outline:e.interactive.danger__highlight.rgba,text:e.ui.background__danger.rgba,icon:e.interactive.danger__resting.rgba}},o=r(n)`
+  display: grid;
+  align-items: center;
+  grid-template-columns: auto 1fr auto;
+  gap: ${t.small};
+  max-width: 512px;
+  min-width: calc(300px - ${t.medium} * 2);
+  background: ${e.text.static_icons__default.rgba};
+  padding: ${t.small} ${t.small} ${t.small}
+    ${t.medium};
+  min-height: unset;
+  &:has(div > button) {
+    grid-template-columns: auto 1fr auto auto;
+  }
+  > div > button:hover,
+  > button:hover {
+    color: ${e.text.static_icons__default.rgba};
+    background: ${e.ui.background__light.rgba};
+    svg {
+      fill: ${e.text.static_icons__default.rgba};
+    }
+  }
+  > button {
+    height: 36px;
+    width: 36px;
+  }
+  ${({$variant:e})=>{if(!e)return``;let{outline:t,text:n,icon:r}=a[e];return i`
+      outline: 1px solid ${t};
+
+      p,
+      button {
+        color: ${n};
+      }
+      svg {
+        fill: ${n};
+      }
+      > svg:first-child {
+        fill: ${r};
+      }
+    `}}
+`;export{o as StyledSnackbar};

package/dist/providers/SnackbarProvider/SnackbarProvider.utils.js

@@ -0,0 +1 @@
+import{error_outlined as e,info_circle as t,warning_outlined as n}from"@equinor/eds-icons";function r(r){switch(r){case`info`:return t;case`warning`:return n;case`error`:return e}}export{r as snackbarIcon};