@equinor/amplify-component-lib 0.0.1 → 8.0.0

package/dist/esm/components/Inputs/TextField/TextField.js

@@ -1,3 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{TextField as n}from"@equinor/eds-core-react";import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:r}=e,i=o(n)`
-  ${t=>t.variant?`\n    input, textarea {\n      color: ${r.text.static_icons__default.rgba}\n      }\n    `:`\n      input, textarea {\n      color: ${r.text.static_icons__default.rgba}\n      }\n        div:focus-within {\n          outline: none !important;\n          input, textarea{\n              box-shadow: inset 0 -2px 0 0 ${r.interactive.primary__resting.rgba};\n          }\n        }\n        `}
-`,a=n=>t(i,{...n});export{a as TextField};

package/dist/esm/components/Navigation/PageWithTitle.js

@@ -1 +0,0 @@
-import{useEffect as t}from"react";const e=({children:e,title:o})=>(t((()=>{document.title!==o&&(document.title=o)}),[o]),e);export{e as default};

package/dist/esm/components/Navigation/SelectField/ChangingField.js

@@ -1,24 +0,0 @@
-import{jsx as r,jsxs as i,Fragment as e}from"react/jsx-runtime";import{LinearProgress as o,Typography as t}from"@equinor/eds-core-react";import{tokens as s}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"../../Feedback/AnimatedCheckmark.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"react";import{useFakeProgress as n}from"../../../hooks/useFakeProgress.js";import"../../../providers/FeatureToggleProvider.js";import"../../../utils/auth_environment.js";import"../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../types/Errors.js";import"html2canvas";import"proj4";import m from"../../../utils/string.js";import"../../../node_modules/lodash/lodash.js";import"@tanstack/react-query";import"../../../api/core/OpenAPI.js";import"@microsoft/signalr";import"../../../types/Environment.js";import{spacings as p}from"../../../style/spacings.js";import d from"styled-components";const{colors:l}=s,c=d.div`
-  gap: ${p.medium};
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  min-height: calc(100vh - (${p.xxx_large} * 4));
-  width: 100%;
-  max-width: 370px;
-`,h=d(o)`
-  background-color: ${l.interactive.primary__hover_alt.rgba};
-
-  div {
-    background-color: ${l.interactive.primary__resting.rgba};
-  }
-`,v=d(t)`
-  span {
-    text-transform: capitalize;
-  }
-`,u=({fieldName:o,onChangedField:s,finishedText:p})=>{const{finished:d,progress:l}=n({onDone:s});return r(c,{children:i(e,d?{children:[i(v,{variant:"h3",children:["Changed to ",r("span",{children:m.capitalize(o)})]}),r(a,{}),r(t,{variant:"h6",children:p})]}:{children:[i(t,{variant:"h3",children:["Changing field.",".".repeat(l/35)]}),r(h,{variant:"determinate",value:l})]})})};export{h as LinearProgress,u as default};

package/dist/esm/components/Navigation/SelectField/SelectField.js

@@ -1,15 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as r}from"react";import{tokens as t}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import n from"./ChangingField.js";import s from"./SelectorCard/SelectorCard.js";import a from"./SelectorCard/Skeleton.js";import d from"../../Visuals/Waves/VisualWaves.js";import l from"styled-components";const{colors:c}=t,m=l.div`
-  margin-top: auto;
-  > svg {
-    margin-bottom: -10px;
-    background-color: ${c.ui.background__light.rgba};
-  }
-`,u=l.div`
-  background-color: ${c.ui.background__light.rgba};
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 64px);
-  max-height: calc(100vh - 64px);
-  width: 100vw;
-`,h=({setField:t,fields:l,isLoading:c,onChangedField:h,finishedText:g,showAccessITLink:f=!0})=>{const[p,x]=i(!1),v=r("");return p?e(n,{fieldName:v.current,onChangedField:h,finishedText:g}):o(u,{className:"select-field",children:[e(m,{children:e(d,{})}),c?e(a,{}):e(s,{availableFields:l,onSelect:e=>{e.name&&e.uuid&&(t({uuid:e.uuid,name:e.name,country:e.country??""}),v.current=e.name,x(!0))},showAccessITLink:f})]})};export{h as default};

package/dist/esm/components/Navigation/SelectField/SelectorCard/SelectorCard.js

@@ -1,70 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{Card as r,Typography as n,Autocomplete as a,Button as s,Icon as d}from"@equinor/eds-core-react";import{arrow_forward as l}from"@equinor/eds-icons";import{tokens as c}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as m}from"../../../../style/spacings.js";import p from"styled-components";const{elevation:h,colors:u,shape:g}=c,f=p(r)`
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  max-height: 60vh;
-  min-height: 150px;
-  transform: translate(-50%, -50%);
-  width: 25rem;
-  height: auto;
-  padding: ${m.large};
-  box-shadow: ${h.above_scrim};
-  border-radius: ${g.corners.borderRadius};
-  display: flex;
-  flex-direction: column;
-  gap: ${m.large};
-  > h3 {
-    color: ${u.text.static_icons__default.rgba};
-  }
-  > div {
-    display: flex;
-    flex-direction: column;
-    gap: ${m.large};
-    section {
-      display: grid;
-      grid-template-columns: 1fr auto;
-      align-items: flex-end;
-      grid-gap: ${m.medium};
-    }
-  }
-`,b=p.div`
-  * {
-    background: none !important;
-    color: ${u.text.static_icons__default.rgba};
-  }
-  *:focus-within {
-    outline: none !important;
-  }
-  input:focus {
-    box-shadow: inset 0 -2px ${u.interactive.primary__resting.rgba};
-  }
-`,x=p.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${m.small};
-  > h6 {
-    text-transform: capitalize;
-  }
-`,v=p.a`
-  padding: ${m.small} ${m.medium};
-  transition: background-color 200ms ease;
-  font-size: 14px;
-  line-height: 16px;
-  font-weight: 500;
-  border-radius: ${g.corners.borderRadius};
-  text-decoration: none;
-  &:visited {
-    color: inherit;
-  }
-  &:focus-within {
-    outline: ${u.interactive.primary__resting.rgba} dashed 2px;
-  }
-  &:active {
-    outline: 0;
-    background-color: ${u.interactive.primary__selected_highlight.rgba};
-  }
-  &:hover {
-    background-color: ${u.interactive.primary__hover_alt.rgba};
-    cursor: pointer;
-  }
-`,_=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[p,h]=t(),u=o((()=>{const e=[];for(const i of r)i.name?e.push(i):console.error("Field with no name found!:",i);return e}),[r]);return e(f,{children:[i(n,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[i(b,{children:i(a,{autoWidth:!0,options:u,label:"",placeholder:"Select a field",onOptionsChange:e=>{h(e.selectedItems[0])},optionLabel:e=>e.name})}),i(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===p,onClick:()=>{void 0!==p&&c(p)},children:i(d,{data:l})})]}),m&&e(x,{children:[i(n,{variant:"overline",children:"Missing a field?"}),i(v,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{_ as default};

package/dist/esm/components/Navigation/SelectField/SelectorCard/Skeleton.js

@@ -1,24 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Card as o}from"@equinor/eds-core-react";import{tokens as i}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"../../../Feedback/Skeleton/SkeletonBase/SkeletonBase.js";import{spacings as s}from"../../../../style/spacings.js";import n from"styled-components";const{elevation:a,shape:d}=i,m=n(o)`
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  max-height: 60vh;
-  min-height: 150px;
-  transform: translate(-50%, -50%);
-  width: 25rem;
-  align-items: center;
-  padding: ${s.large};
-  box-shadow: ${a.raised};
-  border-radius: ${d.corners.borderRadius};
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-`,l=n(r)`
-  width: calc((25rem - 2 * ${s.large}) * 0.8);
-  height: calc(${d.button.minHeight});
-`,c=n(r)`
-  width: ${d.icon_button.minWidth};
-  height: ${d.icon_button.minHeight};
-
-  border-radius: ${d.icon_button.borderRadius};
-`,h=()=>e(m,{children:[t(l,{role:"busy"}),t(c,{role:"busy"})]});export{h as default};

package/dist/esm/components/Navigation/SideBar/CreateItem.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as t}from"@equinor/eds-icons";import{MenuItemContainer as o,CreateButton as a}from"./CreateItem.styles.js";import n from"../../DataDisplay/OptionalTooltip.js";import{useSideBar as d}from"../../../providers/SideBarProvider.js";const l=({createLabel:l,onCreate:s,disabled:c=!1})=>{const{isOpen:m}=d();return e(o,m?{children:r(a,{$open:!0,variant:"contained",onClick:s,disabled:c,children:[e(i,{data:t}),l]})}:{children:e(n,{title:l,placement:"right",children:e(a,{variant:"contained",onClick:s,disabled:c,children:e(i,{data:t})})})})};export{l as default};

package/dist/esm/components/Navigation/SideBar/CreateItem.styles.js

@@ -1,23 +0,0 @@
-import{Button as o}from"@equinor/eds-core-react";import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:i,shape:t}=e,s=r.div`
-  display: flex;
-  align-self: stretch;
-  align-items: center;
-  height: 64px;
-  padding: 0 14px;
-  border-bottom: 1px solid ${i.ui.background__medium.rgba};
-  box-sizing: border-box;
-`,d=r(o)`
-  width: ${o=>o.$open?"fit-content":"36px"};
-  height: 36px;
-  border-radius: ${t.icon_button.borderRadius};
-  transition: 0.1s ease-out;
-  &:hover {
-    border-radius: ${t.icon_button.borderRadius};
-  }
-  &:disabled {
-    border: 0 solid transparent;
-  }
-  > span {
-    ${o=>o.$open&&"margin-left: -11px"};
-  }
-`;export{d as CreateButton,s as MenuItemContainer};

package/dist/esm/components/Navigation/SideBar/MenuItem.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as a}from"react";import{Icon as r}from"@equinor/eds-core-react";import{Link as n,IconContainer as d,ItemText as o}from"./MenuItem.styles.js";import s from"../../DataDisplay/OptionalTooltip.js";import{useSideBar as l}from"../../../providers/SideBarProvider.js";const c=t((({currentUrl:t,icon:c,name:m,link:p,onClick:u,disabled:b=!1,replace:f=!1},v)=>{const $=(f?"string"==typeof t&&t===p:t?.includes(p))??!1,{isOpen:h}=l(),g=a((()=>!b&&!$),[b,$]),j=e=>{g?u&&u():e.preventDefault()};return h?e(n,{to:p,$active:$,"aria-disabled":b,$disabled:b,onClick:j,tabIndex:0,$open:!0,ref:v,"data-testid":"sidebar-menu-item",replace:f,children:[c&&i(d,{"data-testid":"icon-container",children:i(r,{data:c,size:24})}),i(o,{$active:$,$disabled:b,variant:"button",group:"navigation",children:m})]}):i(n,{to:p,$active:$,"aria-disabled":b,$disabled:b,onClick:j,$open:h,tabIndex:0,ref:v,"data-testid":"sidebar-menu-item",children:i(s,{title:m,placement:"right",children:c&&i(d,{"data-testid":"icon-container",children:i(r,{data:c,size:24})})})})}));c.displayName="MenuItem";export{c as default};

package/dist/esm/components/Navigation/SideBar/MenuItem.styles.js

@@ -1,38 +0,0 @@
-import{Link as e}from"react-router-dom";import{Typography as t}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../style/spacings.js";import o from"styled-components";const{colors:a}=i,n=o(e)`
-  display: flex;
-  align-self: stretch;
-  align-items: center;
-  justify-content: ${({$open:e})=>!e&&"center"};
-  height: 64px;
-  padding: ${r.medium};
-  gap: ${r.medium};
-  box-sizing: border-box;
-  border-bottom: 1px solid ${a.ui.background__medium.rgba};
-  background: ${({$active:e})=>e&&a.interactive.primary__selected_highlight.rgba};
-  text-decoration: none;
-  transition: background 0.1s ease-out;
-  > div > svg {
-    fill: ${({$disabled:e})=>e?a.interactive.disabled__text.rgba:a.interactive.primary__resting.rgba};
-  }
-  &:hover {
-    cursor: ${({$disabled:e})=>!e&&"pointer"};
-    text-decoration: none;
-    background: ${({$active:e,$disabled:t})=>!t&&(e?a.interactive.primary__selected_hover.rgba:a.interactive.primary__hover_alt.rgba)};
-    > div > svg {
-      fill: ${({$disabled:e,$active:t})=>!e&&!t&&a.text.static_icons__default.rgba};
-    }
-  }
-  &:focus {
-    outline: 1px dashed ${a.interactive.primary__resting.rgba};
-    outline-offset: -1px;
-    text-decoration: none;
-  }
-`,s=o.div`
-  padding: ${r.x_small};
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-`,d=o(t)`
-  color: ${({$disabled:e})=>e?a.interactive.disabled__text.rgba:a.text.static_icons__default.rgba};
-`;export{s as IconContainer,d as ItemText,n as Link};

package/dist/esm/components/Navigation/SideBar/SideBar.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import o from"../../Icons/EquinorLogo.js";import i from"./CreateItem.js";import{NavigationContainer as a,TopItemContainer as s,BottomItemContainer as m,EquinorIconContainer as d}from"./SideBar.styles.js";import n from"./ToggleOpen.js";import{useSideBar as p}from"../../../providers/SideBarProvider.js";const c=t(((t,c)=>{const{children:l,showCreate:f=!0,bottomItem:h}=t,{isOpen:b,setIsOpen:j}=p();return e(a,{$width:b?"231px":"64px",ref:c,"data-testid":"sidebar",children:[e(s,{children:[t.onCreate&&f&&r(i,{createLabel:t.createLabel,onCreate:t.onCreate,disabled:t.createDisabled}),l]}),e(m,{children:[h,r(n,{isOpen:b,toggle:()=>{j(!b)}}),r(d,{children:r(o,{})})]})]})}));c.displayName="SideBar";export{c as SideBar};

package/dist/esm/components/Navigation/SideBar/SideBar.styles.js

@@ -1,32 +0,0 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as i}from"../../../style/spacings.js";import t from"styled-components";const{colors:o}=e,s=t.div`
-  display: flex;
-  flex-direction: column;
-  align-self: stretch;
-  align-items: flex-start;
-  justify-content: space-between;
-  width: ${e=>e.$width};
-  min-width: ${e=>e.$width};
-  height: calc(100vh - 64px);
-  position: sticky;
-  top: 64px;
-  overflow: hidden;
-  border-right: 1px solid ${o.ui.background__medium.rgba};
-  background-color: ${o.ui.background__default.rgba};
-`,l=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1 0 0;
-  align-self: stretch;
-`,d=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  align-self: stretch;
-  border-top: 1px solid ${o.ui.background__medium.rgba};
-`,n=t.div`
-  display: flex;
-  align-self: stretch;
-  justify-content: center;
-  padding: 20px ${i.medium};
-`;export{d as BottomItemContainer,n as EquinorIconContainer,s as NavigationContainer,l as TopItemContainer};

package/dist/esm/components/Navigation/SideBar/ToggleOpen.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Icon as o,Typography as i}from"@equinor/eds-core-react";import{first_page as r,last_page as n}from"@equinor/eds-icons";import{tokens as a}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{IconContainer as s}from"./MenuItem.styles.js";import{Container as c}from"./ToggleOpen.styles.js";import l from"../../DataDisplay/OptionalTooltip.js";const{colors:d}=a,m=({isOpen:a,toggle:m})=>a?e(c,{$open:a,onClick:m,children:[t(s,{"data-testid":"icon-container",children:t(o,{size:24,data:r,color:d.interactive.primary__resting.rgba})}),t(i,{variant:"button",group:"navigation",color:d.text.static_icons__default.rgba,children:"Collapse"})]}):t(c,{$open:a,onClick:m,children:t(l,{title:"Expand",placement:"right",children:t(s,{"data-testid":"icon-container",children:t(o,{size:24,data:n,color:d.interactive.primary__resting.rgba})})})});export{m as default};

package/dist/esm/components/Navigation/SideBar/ToggleOpen.styles.js

@@ -1,21 +0,0 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../../style/spacings.js";import t from"styled-components";const{colors:r}=e,i=t.button`
-  display: flex;
-  align-self: stretch;
-  align-items: center;
-  justify-content: ${({$open:e})=>!e&&"center"};
-  height: 64px;
-  padding: ${o.medium};
-  gap: ${o.medium};
-  box-sizing: border-box;
-  border-bottom: 1px solid ${r.ui.background__medium.rgba};
-  transition: background 0.1s ease-out;
-
-  &:hover {
-    background: ${r.interactive.primary__hover_alt.rgba};
-    cursor: pointer;
-  }
-  &:focus {
-    outline: 1px dashed ${r.interactive.primary__resting.rgba};
-    outline-offset: -1px;
-  }
-`;export{i as Container};

package/dist/esm/components/Navigation/SideBar/index.js

@@ -1 +0,0 @@
-import e from"./MenuItem.js";import{SideBar as m}from"./SideBar.js";const t=m;t.Item=e,t.Item.displayName="SideBar.Item";export{t as default};

package/dist/esm/components/Navigation/TableOfContents/TableOfContents.constants.js

@@ -1 +0,0 @@
-import{spacings as o}from"../../../style/spacings.js";const s={buttons:"39px",border:"34px"},t={buttons:o.x_small,border:"0"};export{t as GAP,s as HEIGHT};

package/dist/esm/components/Navigation/TableOfContents/TableOfContents.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import r from"./TableOfContentsItem.js";import{TableOfContentsContainer as o,BorderItemsContainer as n}from"./TableOfContents.styles.js";import{useTableOfContents as i}from"../../../providers/TableOfContentsProvider.js";import{getValues as a}from"../../../providers/TableOfContentsProvider.utils.js";const s=({variant:s="buttons",onlyShowSelectedChildren:l=!0,isLink:d=!1})=>{const{items:m,selected:c}=i(),u=t((()=>{for(const[e,t]of m.entries()){const r=a([],t);if(t.value===c||c&&r.includes(c))return e}return-1}),[m,c]);return e(o,"border"===s?{className:"page-menu",$variant:s,layoutRoot:!0,children:m.map(((t,o)=>e(n,{"data-testid":`border-items-container-${t.value}`,$index:o,$activeIndex:u,"aria-selected":u===o,children:e(r,{variant:s,...t,onlyShowSelectedChildren:l,isLink:d})},t.value)))}:{className:"page-menu",$variant:s,layoutRoot:!0,children:m.map((t=>e(r,{variant:s,...t,onlyShowSelectedChildren:l,isLink:d},t.value)))})};export{s as TableOfContents};

package/dist/esm/components/Navigation/TableOfContents/TableOfContents.styles.js

@@ -1,165 +0,0 @@
-import{Link as t}from"react-router-dom";import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{HEIGHT as i}from"./TableOfContents.constants.js";import{spacings as o}from"../../../style/spacings.js";import{motion as r}from"framer-motion";import a,{css as n}from"styled-components";const{colors:s,shape:l}=e,d=a.button`
-  &:hover {
-    background: ${s.interactive.primary__hover_alt.rgba};
-  }
-  &:focus {
-    outline: 2px dashed ${s.interactive.focus.rgba};
-    outline-offset: -4px;
-  }
-  position: relative;
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: center;
-  gap: ${o.small};
-  color: ${s.text.static_icons__default.rgba};
-  cursor: pointer;
-  padding: 0 ${o.medium};
-  height: ${({$variant:t})=>i[t]};
-  transition: background 200ms;
-  > span {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    text-align: left;
-    font-family: 'Equinor', sans-serif;
-    font-weight: 700;
-    font-size: 14px;
-  }
-  ${({$variant:t,$active:e})=>{switch(t){case"buttons":return n`
-          border-radius: ${l.corners.borderRadius};
-          background: ${e?s.interactive.primary__hover_alt.rgba:"none"};
-        `;case"border":return n`
-          > span {
-            font-weight: ${e?700:500};
-            &:after {
-              height: 0;
-              display: block;
-              content: attr(title);
-              font-weight: 700;
-              font-size: 14px;
-              overflow: hidden;
-              visibility: hidden;
-            }
-          }
-        `}}}
-  ${({$active:t})=>!t&&n`
-      &:disabled {
-        color: ${s.interactive.disabled__text.rgba};
-        cursor: not-allowed;
-      }
-    `}
-`,c=a(t)`
-  text-decoration: none;
-  &:focus,
-  &:hover,
-  &:active {
-    text-decoration: none;
-    color: ${s.text.static_icons__default.rgba};
-  }
-  &:hover {
-    background: ${s.interactive.primary__hover_alt.rgba};
-  }
-  &:focus-visible {
-    color: ${s.text.static_icons__default.rgba};
-    outline: 2px dashed ${s.interactive.focus.rgba};
-    outline-offset: -4px;
-  }
-
-  ${({$disabled:t,$active:e})=>t&&!e&&n`
-      color: ${s.interactive.disabled__text.rgba} !important;
-      &:hover {
-        cursor: not-allowed;
-      }
-    `};
-
-  position: relative;
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: center;
-  gap: ${o.small};
-  color: ${s.text.static_icons__default.rgba};
-  cursor: pointer;
-  padding: 0 ${o.medium};
-  height: ${({$variant:t})=>i[t]};
-  transition: background 200ms;
-
-  > span {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    text-align: left;
-    font-family: 'Equinor', sans-serif;
-    font-weight: 700;
-    font-size: 14px;
-  }
-  ${({$variant:t,$active:e})=>{switch(t){case"buttons":return n`
-          border-radius: ${l.corners.borderRadius};
-          background: ${e?s.interactive.primary__hover_alt.rgba:"none"};
-        `;case"border":return n`
-          > span {
-            font-weight: ${e?700:500};
-            &:after {
-              height: 0;
-              display: block;
-              content: attr(title);
-              font-weight: 700;
-              font-size: 14px;
-              overflow: hidden;
-              visibility: hidden;
-            }
-          }
-        `}}}
-`,u=a.div`
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  &:after {
-    position: absolute;
-    left: 0;
-    top: ${({$activeIndex:t,$index:e})=>100*(t-e)+"%"};
-    content: '';
-    width: 2px;
-    height: 100%;
-    background: ${s.interactive.primary__resting.rgba};
-    z-index: 100;
-  }
-`,f=a(r.div)`
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  ${({$variant:t})=>n`
-    min-height: ${i[t]};
-    ${"buttons"===t&&`gap: ${o.x_small};`}
-  `}
-`,p=a(r.div)`
-  display: flex;
-  flex-direction: column;
-  height: fit-content;
-  overflow: hidden;
-  ${({$variant:t})=>{switch(t){case"buttons":return`gap: ${o.small};`;case"border":return n`
-          &:after {
-            position: absolute;
-            left: 0;
-            content: '';
-            width: 2px;
-            height: 100%;
-            background: ${s.ui.background__medium.rgba};
-          }
-        `}}}
-`,g=a(r.div)`
-  display: flex;
-  flex-direction: column;
-  ${({$shouldShowChildren:t})=>t?null:n`
-          visibility: hidden;
-          height: 0 !important;
-        `}
-  > div > button, a {
-    ${({$variant:t})=>{switch(t){case"buttons":return n`
-            margin-left: ${o.medium};
-          `;case"border":return n`
-            padding-left: ${o.x_large};
-          `}}}
-  }
-
-  ${({$variant:t})=>"buttons"===t&&`gap:${o.x_small};`}
-`;export{u as BorderItemsContainer,d as Button,g as ChildContainer,c as Link,p as TableOfContentsContainer,f as TableOfContentsItemContainer};

package/dist/esm/components/Navigation/TableOfContents/TableOfContentsItem.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as i,useEffect as n,useMemo as a}from"react";import{HEIGHT as l,GAP as r}from"./TableOfContents.constants.js";import{TableOfContentsItemContainer as o,Link as d,Button as s,ChildContainer as c}from"./TableOfContents.styles.js";import{Badge as h}from"../../DataDisplay/Badge/Badge.js";import{useTableOfContents as v}from"../../../providers/TableOfContentsProvider.js";const u=({label:m,value:p,count:$,disabled:b=!1,children:f,variant:g,onlyShowSelectedChildren:y,isLink:C=!1})=>{const{isActive:S,selected:j,setSelected:k}=v(),w=i(void 0);n((()=>{void 0===w.current&&(w.current=0)}),[]);const x=a((()=>S({label:m,value:p,children:f})&&!b),[f,b,S,m,p]),D=t=>{b&&t&&t.preventDefault(),b||j===p||k(p)},O=y&&x||!y;return t(o,{$variant:g,layoutScroll:!0,layoutRoot:!0,children:[C?t(d,{$active:j===p,$variant:g,onClick:t=>D(t),to:b?"":`#${p}`,$disabled:b,tabIndex:b?-1:0,children:[e("span",{title:m,children:m}),void 0!==$&&e(h,{variant:0===$?"empty":"light",value:$})]}):t(s,{$active:j===p,$variant:g,onClick:()=>D(),disabled:b,children:[e("span",{title:m,children:m}),void 0!==$&&e(h,{variant:0===$?"empty":"light",value:$})]}),f&&e(c,{$shouldShowChildren:O,$variant:g,initial:{height:w.current},animate:{height:`\n                  calc(\n                    (${O?l[g]:"0"} * ${f.length})\n                    ${"buttons"===g?`+ (${r.buttons} * ${f.length-1})`:""}\n                  )`},transition:{duration:.4},children:f.map((t=>e(u,{onlyShowSelectedChildren:y,variant:g,...t,isLink:C},t.value)))})]})};export{u as default};

package/dist/esm/components/Navigation/TopBar/Account/Account.js

@@ -1 +0,0 @@
-import{jsxs as r,Fragment as o,jsx as e}from"react/jsx-runtime";import{useState as n,useRef as t,useCallback as i,useMemo as c}from"react";import{Typography as l,Button as a,Icon as m}from"@equinor/eds-core-react";import{log_out as s}from"@equinor/eds-icons";import{ProfileButton as u,Container as d,TextContent as h,RolesContainer as p,RoleChip as f,ButtonWrapper as j}from"./Account.styles.js";import A from"../../../DataDisplay/ProfileAvatar.js";import C from"../TopBarMenu.js";const g=({account:g,logout:v,photo:y,roles:B,renderCustomButton:k})=>{const[q,x]=n(!1),z=t(null),D=i((()=>x((r=>!r))),[]),T=c((()=>k?k(z,D):null),[k,D]);return r(o,{children:[T||e(u,{ref:z,onClick:D,children:e(A,{size:36,name:g?.name,url:y})}),r(C,{open:q,title:"Account",onClose:()=>x(!1),anchorEl:z.current,children:[r(d,{children:[e(A,{size:64,name:g?.name,url:y}),r(h,{children:[e(l,{variant:"h6",children:g?.name}),e(l,{children:g?.username})]}),B&&e(p,{children:B.map((r=>e(f,{children:r},r)))})]}),e(j,{children:r(a,{variant:"ghost",onClick:v,children:[e(m,{data:s}),"Log out"]})})]})]})};g.displayName="TopBar.Account";export{g as Account};

package/dist/esm/components/Navigation/TopBar/Account/Account.styles.js

@@ -1,36 +0,0 @@
-import{Chip as i}from"@equinor/eds-core-react";import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../../style/spacings.js";import o from"styled-components";const{colors:t}=e,s=o.button`
-  border-radius: 50%;
-  padding: 0;
-  outline-offset: ${r.x_small};
-  background: none;
-  cursor: pointer;
-  &:focus {
-    outline: 2px dashed ${t.interactive.primary__resting.rgba};
-  }
-`,a=o.div`
-  padding: ${r.medium} ${r.small} 0 ${r.small};
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${r.small};
-  > div:first-child {
-    border: 1px solid ${t.text.static_icons__primary_white.rgba};
-    border-radius: 50%;
-  }
-`,d=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,n=o.section`
-  display: flex;
-  gap: ${r.small};
-  margin-top: ${r.small};
-`,l=o(i)`
-  background: ${t.ui.background__light.rgba};
-  border: 1px solid ${t.ui.background__medium.rgba};
-  color: ${t.text.static_icons__default.rgba};
-`,m=o.div`
-  display: grid;
-  margin-top: ${r.x_large};
-  justify-content: center;
-`;export{m as ButtonWrapper,a as Container,s as ProfileButton,l as RoleChip,n as RolesContainer,d as TextContent};

package/dist/esm/components/Navigation/TopBar/Actions.js

@@ -1,6 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{TopBar as o}from"@equinor/eds-core-react";import{spacings as t}from"../../../style/spacings.js";import i from"styled-components";const s=i(o.Actions)`
-  display: flex;
-  align-items: center;
-  flex-direction: row-reverse;
-  gap: ${t.large};
-`,m=e((({children:e},o)=>r(s,{ref:o,children:e})));m.displayName="TopBar.Actions";export{m as Actions};

package/dist/esm/components/Navigation/TopBar/ApplicationDrawer/ApplicationDrawer.js

@@ -1 +0,0 @@
-import{jsxs as r,Fragment as i,jsx as e}from"react/jsx-runtime";import{useState as o,useRef as t}from"react";import{Icon as a,DotProgress as n,Typography as c}from"@equinor/eds-core-react";import{apps as l,exit_to_app as s}from"@equinor/eds-icons";import{tokens as p}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useQuery as d}from"@tanstack/react-query";import{TopBarButton as m}from"../TopBar.styles.js";import h from"../TopBarMenu.js";import{PortalService as u}from"../../../../api/services/PortalService.js";import v from"../../../Icons/ApplicationIcon/ApplicationIcon.js";import{MenuSection as g,ApplicationContent as f,LoadingApplications as A,NoApplications as j,ApplicationBox as _,ApplicationButton as y,ApplicationName as C,MenuFixedItem as T,TextContainer as E}from"./ApplicationDrawer.styles.js";import P from"../Resources/TransferToAppDialog.js";import{environment as b}from"../../../../utils/auth_environment.js";import"../../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../../types/Errors.js";import"html2canvas";import"proj4";const{colors:k}=p,{getAppName:S,PORTAL_URL_WITHOUT_LOCALHOST:q}=b,I=()=>{const[p,b]=o(!1),[I,L]=o(void 0),[x,N]=o(!1),{data:z=[],isLoading:O}=d({queryKey:["userApplications"],queryFn:()=>u.userApplications()}),$=t(null),B=()=>b(!p),F=()=>{b(!1),L(void 0)};return r(i,O?{children:[e(m,{variant:"ghost",onClick:B,ref:$,$isSelected:p,children:e(a,{data:l,size:24})}),e(h,{open:p,title:"Your available applications",onClose:F,anchorEl:$.current,contentPadding:!1,children:e(i,{children:e(g,{children:e(f,{children:e(A,{children:e(n,{color:"primary"})})})})})})]}:{children:[e(m,{variant:"ghost",onClick:B,ref:$,$isSelected:p,children:e(a,{data:l,size:24})}),e(h,{open:p,title:"Your available applications",onClose:F,anchorEl:$.current,contentPadding:!1,children:r(i,{children:[r(g,{children:[0===z.length?e(j,{children:e(c,{group:"paragraph",variant:"body_short",style:{color:k.text.static_icons__tertiary.rgba},children:"You don't have access to other applications"})}):e(c,{group:"paragraph",variant:"overline",children:"SWITCH BETWEEN APPS"}),e(f,{children:e(i,{children:z.map(((i,o)=>{const t=S(import.meta.env.VITE_NAME)===i.name;return e(_,{$isSelected:t,"data-testid":`application-box-${i.name}`,children:r(y,{variant:"ghost_icon",onClick:()=>{L(i)},"data-testid":i.name,children:[e(v,{name:i.name.toLowerCase(),size:36}),e(C,{children:e(c,{group:"paragraph",variant:"caption",children:i.name})})]})},o)}))})})]}),e(T,{"data-testid":"access-it-link",onClick:()=>{N(!0)},children:r("div",{children:[r(E,{children:[e(c,{variant:"overline",children:"Access to more applications?"}),e(c,{variant:"h6",children:"Go to Application Portal"})]}),e(a,{data:s,color:k.interactive.primary__resting.rgba,size:24})]})})]})}),x&&e(P,{onClose:F,applicationName:"Portal",url:q}),I&&e(P,{onClose:F,applicationName:I.name,url:I.url})]})};export{I as default};

package/dist/esm/components/Navigation/TopBar/ApplicationDrawer/ApplicationDrawer.styles.js

@@ -1,73 +0,0 @@
-import{Button as e}from"@equinor/eds-core-react";import{tokens as i}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../../style/spacings.js";import d from"styled-components";const{colors:t,shape:o}=i,n=d.div`
-  border-bottom: 1px solid ${t.ui.background__light.rgba};
-  display: flex;
-  flex-direction: column;
-
-  padding: ${r.small} ${r.medium} ${r.medium}
-    ${r.medium};
-  > p {
-    margin-left: ${r.small};
-  }
-`,a=d.div`
-  display: flex;
-  align-items: flex-start;
-  > p {
-    text-align: center;
-  }
-`,l=d.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  padding-top: ${r.small};
-  justify-items: center;
-  gap: ${r.small};
-`,s=d.div`
-  > div {
-    display: grid;
-    grid-template-columns: 1fr 24px;
-    justify-content: space-between;
-    width: 100%;
-  }
-  &:hover {
-    background: ${t.interactive.primary__selected_hover.rgba};
-    cursor: pointer;
-  }
-  border-top: 1px solid ${t.ui.background__light.rgba};
-  outline: none !important;
-  padding: ${r.medium};
-  svg {
-    align-self: center;
-  }
-`,m=d.div`
-  display: flex;
-  flex-direction: column;
-  > h6 {
-    text-transform: capitalize;
-  }
-`,p=d.div`
-  display: flex;
-  padding: ${r.medium};
-`,c=d.div`
-  display: flex;
-  padding: ${r.large};
-  align-items: center;
-  grid-column: span 3;
-`,g=d.div`
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  background: ${({$isSelected:e})=>e?t.interactive.primary__selected_highlight.rgba:"none"};
-  border-radius: ${o.corners.borderRadius};
-  &:hover {
-    background: ${t.interactive.primary__hover_alt.rgba};
-    border-radius: ${o.corners.borderRadius};
-  }
-`,u=d(e)`
-  height: 96px;
-
-  > span {
-    display: flex;
-    flex-direction: column;
-  }
-`;export{g as ApplicationBox,u as ApplicationButton,l as ApplicationContent,a as ApplicationName,c as LoadingApplications,s as MenuFixedItem,n as MenuSection,p as NoApplications,m as TextContainer};