@equinor/amplify-component-lib 0.0.1 → 8.0.0

package/dist/esm/components/DataDisplay/ProfileAvatar.js

@@ -1,21 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from"react";import{Icon as i,Avatar as a}from"@equinor/eds-core-react";import{person as s}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:c,shape:d,typography:l}=n,u=[c.infographic.primary__energy_red_55.rgba,c.infographic.primary__moss_green_55.rgba,c.infographic.substitute__green_mint.rgba,c.infographic.substitute__blue_overcast.rgba];function m(e){const r=e.replace(/ *\([^)]*\) */g,"").toUpperCase(),t=r.split(" "),i=r.includes(",");return 1===t.length&&""!==t[0]?t[0].charAt(0):i?(e=>e.split(",")[1].trim().charAt(0))(r)+t[0].charAt(0):t.length>=2?t[0].charAt(0)+t[t.length-1].charAt(0):void 0}function h(e){let r=0;if(e)for(let t=0;t<e.length;t++)r+=e.charCodeAt(t);return u[r%u.length]}const g=o.div`
-  width: ${e=>e.$size}px;
-  height: ${e=>e.$size}px;
-  font-size: ${e=>e.$fontSize}px;
-  font-family: ${l.heading.h6.fontFamily};
-  border-radius: ${d.circle.borderRadius};
-  background: ${e=>e.disabled?c.interactive.disabled__border.rgba:e.$background};
-  color: ${e=>e.disabled?c.text.static_icons__default.rgba:c.text.static_icons__primary_white.rgba};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,p=o(i)`
-  width: 70%;
-`,f=o.div`
-  width: ${({$size:e})=>e}px;
-  height: ${({$size:e})=>e}px;
-  > div {
-    width: inherit;
-    height: inherit;
-  }
-`,b=r((({url:r,name:i,size:n="medium",disabled:o=!1},c)=>{const d=t((()=>{const r=e(p,{data:s});return i&&0!==i.trim().length?m(i):r}),[i]),l=t((()=>{switch(n){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return n}}),[n]),u=t((()=>{switch(n){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return n/2}}),[n]),b=t((()=>{const{btoa:e,atob:t}=window;if(r)try{if(e(t(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""}),[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(g,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:d})}));b.displayName="ProfileAvatar";export{b as default,m as nameToInitials};

package/dist/esm/components/DataDisplay/RichTextDisplay.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as o,useEffect as i}from"react";import e from"@tiptap/extension-bold";import{BulletList as r}from"@tiptap/extension-bullet-list";import p from"@tiptap/extension-code-block-lowlight";import{Color as n}from"@tiptap/extension-color";import m from"@tiptap/extension-document";import a from"@tiptap/extension-dropcursor";import s from"@tiptap/extension-gapcursor";import{HardBreak as l}from"@tiptap/extension-hard-break";import f from"@tiptap/extension-heading";import x from"@tiptap/extension-history";import c from"@tiptap/extension-image";import d from"@tiptap/extension-italic";import g from"@tiptap/extension-link";import{ListItem as u}from"@tiptap/extension-list-item";import{OrderedList as h}from"@tiptap/extension-ordered-list";import b from"@tiptap/extension-paragraph";import y from"@tiptap/extension-table";import k from"@tiptap/extension-table-cell";import $ from"@tiptap/extension-table-header";import w from"@tiptap/extension-table-row";import B from"@tiptap/extension-text";import{TextAlign as R}from"@tiptap/extension-text-align";import{TextStyle as T}from"@tiptap/extension-text-style";import j from"@tiptap/extension-typography";import{useEditor as E,EditorContent as v}from"@tiptap/react";import{Wrapper as z}from"../Inputs/RichTextEditor/RichTextEditor.styles.js";import{createLowlight as A,common as C}from"lowlight";const I=A(C),O=[r,e,p.configure({lowlight:I}),n,m,a,s,l,f,x,c.configure({allowBase64:!0}),d,g,u,h,b,y.configure({resizable:!0}),k,$,w,B,j,T,R.configure({types:["heading","paragraph","img"]})],q=({value:e,imgReadToken:r,lightBackground:p=!0,padding:n="md"})=>{const m=E({extensions:O,content:r?e?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${r}$3`):e,editable:!1}),a=o(e);return i((()=>{m&&e&&e!==a.current&&(m.commands.setContent(e),a.current=e)}),[m,e]),t(z,{$lightBackground:p,$padding:n,children:t(v,{editor:m,readOnly:!0})})};export{q as default};

package/dist/esm/components/DataDisplay/Table/Table.js

@@ -1,35 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{EdsDataGrid as e}from"@equinor/eds-data-grid-react";import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import n from"styled-components";import*as o from"../../../style/index.js";const{colors:a}=r,{spacings:i}=o,s=n.div`
-  table,
-  thead,
-  th {
-    background: transparent;
-  }
-  tr:has(th):hover {
-    background: unset;
-  }
-  thead,
-  th {
-    border: none;
-  }
-  th {
-    color: ${a.text.static_icons__default.rgba};
-    > div {
-      justify-content: space-between;
-      > svg {
-        height: 18px;
-        width: 18px;
-        fill: ${a.interactive.primary__resting.rgba};
-      }
-    }
-  }
-  th,
-  td {
-    padding: ${i.medium_small} ${i.small};
-  }
-  tr:hover,
-  th:hover,
-  th:has(svg) {
-    background: ${a.interactive.primary__hover_alt.rgba};
-  }
-  ${({$enableSorting:t})=>!t&&"\n    cursor: default;\n    tr:hover, th:hover {\n      background: unset;\n      cursor: default;\n    }\n    "}
-`,d=r=>t(s,{$enableSorting:r.enableSorting??!1,"data-testid":"table-wrapper",children:t(e,{...r})});export{d as Table};

package/dist/esm/components/DataDisplay/Tutorial/HighlightBlocks/HighlightBlocks.js

@@ -1,14 +0,0 @@
-import{jsx as i,Fragment as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{tokens as r}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t,{keyframes as s}from"styled-components";const{colors:a}=r,d=s`
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-`,m=t.div`
-  background: white;
-  outline: 4px solid ${a.interactive.primary__resting.rgba};
-  animation: ${d} 500ms;
-  border-radius: 4px;
-  z-index: 1600;
-`,n=o((({children:o,className:r,active:t},s)=>t?i(m,{className:r?`${r} highlighted`:"highlighted",ref:s,children:o}):i(e,{children:o})));n.displayName="HighlightBlocks";export{n as default};

package/dist/esm/components/DataDisplay/Tutorial/Tutorial.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as o,useState as e}from"react";import i from"./TutorialStart.js";import s from"./TutorialSteps.js";import{useTutorialSteps as a}from"../../../providers/TutorialStepsProvider.js";const u=o((({steps:o,tutorialTitle:u,tutorialIntro:l,imageSource:m},p)=>{const{showTutorialIntro:n,setTutorialStep:c,setShowTutorialIntro:T}=a(),[d,f]=e(!1);return t("div",{ref:p,children:[r(i,{show:n,acceptTour:()=>{c(o[0].key),T(!1),f(!0)},denyTour:()=>{c(""),T(!1)},title:u,content:l,imageSource:m}),r(s,{steps:o,show:d,onClose:()=>{f(!1)}})]})}));u.displayName="Tutorial";export{u as default};

package/dist/esm/components/DataDisplay/Tutorial/TutorialStart.js

@@ -1,39 +0,0 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Dialog as e,Typography as a,Button as r}from"@equinor/eds-core-react";import{spacings as o}from"../../../style/spacings.js";import n,{keyframes as l}from"styled-components";const c=l`
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-`,m=n(e)`
-  animation: ${c} 1s;
-  width: fit-content;
-`,d=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex-wrap: wrap;
-  align-items: center;
-  align-content: center;
-  gap: ${o.medium};
-  width: 25vw;
-`,s=n.img`
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  object-fit: cover;
-  margin-bottom: ${o.xx_small};
-`,g=n.div`
-  margin-top: ${o.large};
-`,p=n(a)`
-  text-align: center;
-  width: 80%;
-  margin-bottom: ${o.xx_small};
-`,h=n.div`
-  display: flex;
-  gap: ${o.small};
-  margin-bottom: ${o.large};
-`,f=n(r)`
-  margin: ${o.small} 0;
-  padding: 0 ${o.large};
-`,u=({title:e,imageSource:r,content:o,show:n,acceptTour:l,denyTour:c})=>t(m,{open:n,children:i(d,{children:[t(g,{children:t(a,{variant:"h5",children:e})}),t(p,{variant:"h5",children:o}),r&&t(s,{alt:`tutorial-${e}-image`,src:r}),i(h,{children:[" ",t(f,{variant:"ghost",onClick:c,"data-testid":"skip",children:"Skip"}),t(f,{onClick:l,"data-testid":"start-tour",children:"Start tour"})]})]})});export{u as default};

package/dist/esm/components/DataDisplay/Tutorial/TutorialSteps.js

@@ -1,50 +0,0 @@
-import{jsx as t,Fragment as i,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{Dialog as o,Button as a}from"@equinor/eds-core-react";import{tokens as n}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useTutorialSteps as d}from"../../../providers/TutorialStepsProvider.js";import{spacings as s}from"../../../style/spacings.js";import l,{keyframes as m}from"styled-components";const{colors:c}=n,p=m`
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-`,u=l(o)`
-  width: fit-content;
-  animation: ${p} 1s;
-`,g=l.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${s.medium};
-  padding: ${s.large} ${s.large};
-  padding-bottom: ${s.medium};
-`,$=l.div`
-  flex-wrap: wrap;
-  width: 220px;
-`,h=l.div`
-  justify-content: center;
-  display: flex;
-  > button {
-    width: 6rem;
-  }
-`,f=l.div`
-  position: relative;
-  transform: translate(0, -65%);
-  display: flex;
-  gap: ${s.small};
-  margin-bottom: -${s.small};
-  margin-top: ${s.medium_small};
-  width: 100%;
-  justify-content: center;
-`,v=l.div`
-  width: ${s.large};
-  height: ${s.small};
-  border-radius: 24px;
-  transition: all 1000ms;
-  background: linear-gradient(
-    90deg,
-    ${c.interactive.primary__resting.rgba} 49%,
-    ${c.interactive.primary__hover_alt.rgba} 51%
-  );
-
-  background-size:
-    400% 10px,
-    400%;
-  ${t=>t.$active?"background-position: 0%":`background-position: ${t.$num<t.$activeNum?"-50":"100"}%`}
-`,b=({show:o,onClose:n,steps:s})=>{const[l,m]=r(0),{setTutorialStep:c}=d();return t(i,{children:o&&t(u,{open:!0,children:e(g,{children:[t("div",{id:"title",children:s[l].title}),t($,{children:s[l].body}),t(f,{children:s.map(((i,e)=>t(v,{$active:e===l,$activeNum:l,$num:e},i.title)))}),t(h,{children:t(a,{variant:"ghost",onClick:()=>{l<s.length-1?(m(l+1),c(s[l+1].key)):(n(),c(""),m(0))},"data-testid":s[l].button,children:s[l].button})})]})})})};export{b as default};

package/dist/esm/components/DataDisplay/Workflow/StatusChip.js

@@ -1,25 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{tokens as o}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:t}=o,i=r.div`
-  height: 1.5em;
-  background-color: ${e=>e.$backgroundColor??t.ui.background__light.rgba};
-  border: 0.063em solid
-    ${e=>e.$color??t.text.static_icons__secondary.rgba};
-  border-radius: 1.563em;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 100;
-  > * {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding: 0 0.625em;
-    line-height: normal;
-    color: ${e=>e.$color??"#000000"};
-  }
-`,d=r(i)`
-  background-color: ${t.interactive.disabled__fill.rgba};
-  border: 0.063em solid ${t.interactive.disabled__border.rgba};
-  p {
-    color: ${t.interactive.disabled__text.rgba};
-  }
-`,l=({disabled:o,color:r,backgroundColor:t,style:l,children:s})=>o?e(d,{style:l,"data-testid":"status-chip",children:s}):e(i,{style:l,$color:r,$backgroundColor:t,"data-testid":"status-chip",children:s});export{l as default};

package/dist/esm/components/DataDisplay/Workflow/WorkflowDescription.js

@@ -1,24 +0,0 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Fragment as i}from"react";import{Typography as o}from"@equinor/eds-core-react";import{tokens as d}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"./StatusChip.js";import t from"styled-components";const{colors:n}=d,l=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,c=t.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 78px;
-  width: 278px;
-  padding: 0 16px;
-  background-color: ${n.ui.background__default.rgba};
-  border: 1px solid ${n.ui.background__medium.rgba};
-  border-radius: 4px;
-  z-index: 100;
-`,p=t(c)`
-  background-color: ${n.interactive.disabled__fill.rgba};
-`,s=t.div`
-  height: 56px;
-  width: 1px;
-  background-color: ${n.ui.background__medium.rgba};
-  /* margin: 0 -1px; */
-  z-index: 10;
-`,g=({options:d})=>r(l,{children:d.map(((t,l)=>e(i,{children:[void 0!==t.approvedDate?e(c,{"data-testid":"approved",children:[e("div",{children:[r(o,{group:"paragraph",variant:"overline",children:t.approvedUser}),r(o,{group:"heading",variant:"h6",children:t.approvedDate})]}),r(a,{style:{width:"120px"},color:t.color??n.text.static_icons__secondary.rgba,backgroundColor:t.backgroundColor??n.ui.background__light.rgba,children:r(o,{group:"ui",variant:"chip__badge",children:t.label})})]}):e(p,{"data-testid":"not-approved",children:[r(o,{group:"heading",variant:"h6",color:"#BEBEBE",children:t.notApprovedLabel}),r(a,{disabled:!0,style:{width:"120px"},children:r(o,{group:"ui",variant:"chip__badge",children:t.label})})]}),d.length!==l+1&&r(s,{})]},`${t.label}-${l}`)))});export{g as default};

package/dist/esm/components/DataDisplay/Workflow/WorkflowStatusBar.js

@@ -1,33 +0,0 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Fragment as o}from"react";import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"../OptionalTooltip.js";import l from"styled-components";const{colors:d}=r,a=l.div`
-  display: flex;
-  align-items: center;
-  height: 1.375em;
-`,n=l.div`
-  height: 0.5em;
-  width: 0.5em;
-  background-color: ${e=>e.$backgroundColor};
-  border: 0.125em solid ${e=>e.$color};
-  border-radius: 50%;
-  display: inline-block;
-  z-index: 100;
-  grid-row: 1;
-  grid-column: 1;
-`,c=l.div`
-  grid-row: 1;
-  grid-column: 1;
-  height: 0.5em;
-  width: 0.5em;
-  border: 0.5em solid ${d.infographic.primary__energy_red_55.rgba};
-  margin: -0.4em;
-  border-radius: 50%;
-  display: inline-block;
-  z-index: 100;
-`,m=l(c)`
-  border-color: ${d.infographic.primary__moss_green_21.rgba};
-`,s=l.div`
-  height: 0.25em;
-  width: 2.375em;
-  background-color: ${e=>e.$active?e.$lineActiveColor:e.$lineDefaultColor};
-  margin: 0 -1px;
-  z-index: 10;
-`,g=({activeNode:r,options:l,disableTooltip:g,tooltipPlacement:p,highlightActiveNode:h,showAlert:u,lineDefaultColor:b=d.ui.background__light.rgba,lineActiveColor:v=d.interactive.primary__resting.rgba})=>{const $=l.findIndex((e=>e.value===r));return e(a,{children:l.map(((r,d)=>i(o,{children:[e(t,{placement:p??"top",title:g?void 0:r.label,children:i("div",{style:{display:"grid",placeItems:"center"},"data-testid":"workflow-option",children:[$===d&&h&&e(m,{"data-testid":"active"}),$===d&&u&&e(c,{"data-testid":"alert"}),e(n,{$color:r.color,$backgroundColor:r.backgroundColor})]})}),l.length!==d+1&&e(s,{$active:$>d,$lineDefaultColor:b,$lineActiveColor:v,"data-testid":"line"})]},r.value)))})};export{g as default};

package/dist/esm/components/Feature/Feature.js

@@ -1 +0,0 @@
-import{jsx as r,Fragment as o}from"react/jsx-runtime";import"../Navigation/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{useFeatureToggling as i}from"../../hooks/useFeatureToggling.js";import"../../node_modules/lodash/lodash.js";import"@tanstack/react-query";import"../../api/core/OpenAPI.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"@microsoft/signalr";import"../../types/Environment.js";const t=({featureKey:t,children:e,fallback:s,showIfKeyMissing:a=!0})=>{const{showContent:n}=i(t,a);return r(o,n?{children:e}:{children:s??null})};export{t as default};

package/dist/esm/components/Feedback/AnimatedCheckmark.js

@@ -1,24 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{tokens as i}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o,{keyframes as s}from"styled-components";const{colors:e}=i,r=s`
-  from {
-    stroke-dasharray: 130;
-    stroke-dashoffset: 130;
-  }
-  to {
-    stroke-dasharray: 130;
-    stroke-dashoffset: 260;
-  }
-`,a=o.div`
-  height: fit-content;
-  width: fit-content;
-
-  svg {
-    width: ${({$isApplication:t})=>t?"84px":"calc(24px * 6)"};
-    height: ${({$isApplication:t})=>t?"84px":"calc(24px * 6)"};
-  }
-  path {
-    fill: transparent;
-    stroke-width: 2;
-    stroke: ${e.interactive.primary__resting.rgba};
-    animation: ${r} 1.5s;
-  }
-`,n=({portal:i})=>t(a,{$isApplication:i,children:t("svg",{width:"43",height:"43",viewBox:"0 0 43 43",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"svg-icon",children:t("path",{d:"M12 22L18 28L30 16M42 21.5C42 32.8218 32.8218 42 21.5 42C10.1782 42 1 32.8218 1 21.5C1 10.1782 10.1782 1 21.5 1C32.8218 1 42 10.1782 42 21.5Z"})})});export{n as default};

package/dist/esm/components/Feedback/ConfirmationPopup.js

@@ -1,22 +0,0 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Dialog as e,Button as n,Icon as s,Typography as a}from"@equinor/eds-core-react";import{close as r}from"@equinor/eds-icons";import{spacings as l}from"../../style/spacings.js";import d from"styled-components";const m=d(e)`
-  min-width: 400px;
-`,c=d(n)`
-  min-width: 40px;
-`,p=d.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${l.medium};
-  padding-bottom: 0;
-`,f=d(e.Actions)`
-  display: flex;
-  gap: ${l.small};
-  justify-self: ${i=>"left"===i.$actionPosition?"flex-start":"flex-end"};
-  align-items: center;
-
-  & > * {
-    margin-left: ${i=>"right"===i.$actionPosition?l.x_small:void 0};
-
-    margin-right: ${i=>"left"===i.$actionPosition?l.x_small:void 0};
-  }
-`,h=o((({show:o,title:n,body:l,actions:d,actionPosition:h="right",onClose:g,children:x,width:u="400px",isDismissable:y=!0},$)=>o?i(m,{ref:$,open:o,style:{width:u},isDismissable:y,onClose:g,children:[i(p,{"data-testid":"dialog-header",children:[n,t(c,{variant:"ghost_icon",onClick:g,children:t(s,{data:r})})]}),i(e.CustomContent,{children:[l&&t(a,{variant:"body_short",children:l}),x]}),t(f,{"data-testid":`confirmation-actions-${h}`,$actionPosition:h,children:d})]}):null));h.displayName="ConfirmationPopup";export{h as default};

package/dist/esm/components/Feedback/ErrorPage/Description.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Typography as t}from"@equinor/eds-core-react";const i=e((({text:e="Try again later or use our feedback form if the problem persists."},i)=>r("div",{ref:i,children:r(t,{variant:"h4","data-testid":"description",children:e})})));i.displayName="ErrorPage.Description";export{i as Description};

package/dist/esm/components/Feedback/ErrorPage/Details.js

@@ -1,23 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i,useState as r}from"react";import{Typography as o,Button as a,Icon as n}from"@equinor/eds-core-react";import{chevron_up as s,chevron_down as d}from"@equinor/eds-icons";import{tokens as l}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as c}from"../../../style/spacings.js";import p from"styled-components";const{colors:m}=l,g=p.div`
-  display: flex;
-  flex-direction: column;
-  width: 400px;
-  > div:first-child {
-    border-bottom: ${e=>!e.open&&`1px solid ${m.ui.background__medium.rgba}`};
-    > p {
-      color: ${e=>e.open?m.interactive.primary__resting.rgba:m.text.static_icons__default.rgba};
-    }
-    > button > span > svg {
-      fill: ${e=>e.open?m.interactive.primary__resting.rgba:m.text.static_icons__default.rgba};
-    }
-  }
-  > p {
-    padding: 0 ${c.large};
-    text-align: justify;
-  }
-`,f=p.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: ${c.medium};
-`,u=i((({text:i},l)=>{const[c,p]=r(!1);return e(g,{ref:l,open:c,children:[e(f,{children:[t(o,{children:"More details"}),t(a,{variant:"ghost_icon",onClick:()=>p(!c),"data-testid":"show-details",children:t(n,{data:c?s:d})})]}),c&&t(o,{group:"paragraph",variant:"body_long","data-testid":"details-text",children:i})]})}));u.displayName="ErrorPage.Details";export{u as Details};

package/dist/esm/components/Feedback/ErrorPage/ErrorPage.js

@@ -1,14 +0,0 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import r from"./illustrations/GlitchAnimation.js";import{spacings as o}from"../../../style/spacings.js";import n from"styled-components";const m=n.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: ${o.medium};
-  margin: auto;
-  align-items: center;
-  h3,
-  h4 {
-    text-align: center;
-    white-space: pre-line;
-  }
-  width: 500px;
-`,l=e((({children:e,illustration:o=t(r,{})},n)=>i(m,{ref:n,children:[o,e]})));l.displayName="ErrorPage";export{l as ErrorPage};

package/dist/esm/components/Feedback/ErrorPage/MissingAccesses.js

@@ -1,11 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Typography as t,Button as i,Icon as s}from"@equinor/eds-core-react";import{external_link as a}from"@equinor/eds-icons";import{tokens as n}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import c from"styled-components";import{spacings as l}from"../../../style/spacings.js";const{colors:d}=n,p=c.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${l.small};
-  > div {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: ${l.medium};
-  }
-`,m=r((({accesses:r=[],text:n},c)=>e(p,{ref:c,children:[o(t,{group:"paragraph",variant:"body_long_bold",children:n??"You can apply for access to the app in AccessIT:"}),r?.map(((r,n)=>e("div",{children:[o(t,{group:"paragraph",variant:"body_short",children:r.title}),r.url&&o(i,{"data-testid":`missing-access-button-${r.title}`,variant:"ghost_icon",onClick:()=>window.open(r.url,"_blank"),children:o(s,{data:a,color:d.text.static_icons__default.rgba})})]},n)))]})));m.displayName="ErrorPage.MissingAccesses";export{m as MissingAccesses};

package/dist/esm/components/Feedback/ErrorPage/Title.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Typography as e}from"@equinor/eds-core-react";const i=t((({title:t="Oops! Something went wrong."},i)=>r("div",{ref:i,children:r(e,{variant:"h3","data-testid":"title",children:t})})));i.displayName="ErrorPage.Title";export{i as Title};

package/dist/esm/components/Feedback/ErrorPage/illustrations/GlitchAnimation.js

@@ -1,18 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import i,{keyframes as e}from"styled-components";const o=e`
-  100% { background-position: calc(-32640px/1.8); }
-`,n=i.div`
-  width: 400px;
-  height: 200px;
-  position: relative;
-`,r=i.div`
-  height: 300px; // 540 / 1.8 size of the image
-  width: calc(32640px / (1.8 * 34));
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: url('https://raw.githubusercontent.com/equinor/amplify-components/main/static/Glitch_spritesheet.png')
-    left center;
-  background-size: cover;
-  animation: ${o} 4s steps(34) infinite;
-`,s=()=>t(n,{children:t(r,{})});export{s as default};

package/dist/esm/components/Feedback/ErrorPage/illustrations/QuestioningAnimation.js

@@ -1,18 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import i,{keyframes as e}from"styled-components";const o=e`
-  100% { background-position: calc(-19516px/2); }
-`,n=i.div`
-  width: 400px;
-  height: 200px;
-  position: relative;
-`,r=i.div`
-  height: 307px;
-  width: calc(19516px / (2 * 34));
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: url('https://raw.githubusercontent.com/equinor/amplify-components/main/static/Questioning_spritesheet.png')
-    left center;
-  background-size: cover;
-  animation: ${o} 2.5s steps(34) infinite;
-`,s=()=>t(n,{children:t(r,{})});export{s as default};

package/dist/esm/components/Feedback/ErrorPage/index.js

@@ -1 +0,0 @@
-import{Action as s}from"./Action.js";import{Description as r}from"./Description.js";import{Details as i}from"./Details.js";import{ErrorPage as o}from"./ErrorPage.js";import{MissingAccesses as t}from"./MissingAccesses.js";import{Title as e}from"./Title.js";const m=o;m.Title=e,m.Description=r,m.Action=s,m.Details=i,m.MissingAccesses=t;export{m as default};

package/dist/esm/components/Feedback/FileProgress/CompactFileProgress.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as o,useMemo as i}from"react";import{Icon as a}from"@equinor/eds-core-react";import{error_outlined as n,clear as s}from"@equinor/eds-icons";import{tokens as c}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Rejection as l,ImageWrapper as d,LoadingWrapper as m,CircularProgress as h,CompactFileProgressContainer as p,FileTooltip as u,AdditionalText as g,CloseButton as f}from"./CompactFileProgress.styles.js";import{readUploadedFileAsText as v}from"./FileProgress.utils.js";const{colors:x}=c,_=({file:c,progressPercent:_,isError:E,shortErrorText:b,showCompleteState:j,fullErrorText:w,handleOnClick:C})=>{const[k,q]=t("");o((()=>{E||(async r=>{const e=await v(r);q(e)})(c)}),[E,c]);const y=i((()=>E?w&&w.length>0?w:"An error has occurred with the file":""),[w,E]),P=i((()=>E?r(l,{children:[e(a,{data:n,color:x.interactive.warning__text.rgba}),e("div",{children:b&&b.length>0?b:"Error occurred"})]}):j?e(d,{children:e("img",{src:k,alt:` ${c.name}`})}):e(m,{children:e(h,{variant:void 0===_?"indeterminate":"determinate",value:_,size:24})})),[c.name,j,E,_,b,k]);return r(p,{$isError:E,children:[e(u,{title:y,children:P}),e(g,{group:"paragraph",variant:"meta",children:c.name}),!j&&e(g,{group:"paragraph",variant:"meta",children:"Loading..."}),e(f,{"data-testid":"attachment-delete-button",onClick:C,children:e(a,{color:x.text.static_icons__tertiary.rgba,data:s,size:24})})]})};export{_ as default};

package/dist/esm/components/Feedback/FileProgress/CompactFileProgress.styles.js

@@ -1,86 +0,0 @@
-import{Typography as r,Tooltip as i,CircularProgress as e}from"@equinor/eds-core-react";import{tokens as t}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";import{spacings as s}from"../../../style/spacings.js";const{colors:n}=t,a=o.div`
-  border-radius: 4px;
-  margin: 10px 0;
-  width: 88px;
-  height: 88px;
-  box-sizing: border-box;
-  position: relative;
-  transition: 0.3s;
-  ${({$isError:r})=>r&&`&:hover { \n        background: ${n.ui.background__warning.rgba}\n    }`}
-`;o(r)`
-  margin: ${s.small} ${s.small} 0 ${s.small};
-  color: ${n.text.static_icons__tertiary.rgba};
-`;const d=o.div`
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  border: 1px dashed ${n.ui.background__medium.rgba};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 4px;
-`,c=o.div`
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  border: 1px solid ${n.ui.background__light.rgba};
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  > img {
-    width: 100%;
-    overflow: hidden;
-    text-align: center;
-  }
-`,g=o.div`
-  display: grid;
-  grid-template-rows: 1fr 1fr 1fr;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-  font-size: 11px;
-  justify-items: center;
-  text-align: center;
-  border-radius: 4px;
-  border: 1px dashed ${n.interactive.warning__text.rgba};
-  gap: 0;
-  > svg {
-    grid-row: 2/3;
-  }
-  > div {
-    grid-row: 3/4;
-    color: ${n.interactive.warning__text.rgba};
-  }
-`,l=o.div`
-  background-color: ${n.text.static_icons__tertiary.rgba};
-  border-radius: 50%;
-  border: 2px solid ${n.text.static_icons__primary_white.rgba};
-  position: absolute;
-  width: 18px;
-  height: 18px;
-  right: -10px;
-  cursor: pointer;
-  top: -10px;
-  > svg {
-    width: 18px;
-    height: 18px;
-    fill: ${n.text.static_icons__primary_white.rgba};
-  }
-`,p=o(r)`
-  font-size: 10px;
-  padding-top: ${s.x_small};
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,h=o(i)`
-  white-space: pre;
-`,x=o(e)`
-  circle {
-    stroke: ${n.interactive.primary__resting.rgba};
-  }
-  circle:first-child {
-    stroke: ${n.interactive.primary__hover_alt.rgba};
-  }
-`;export{p as AdditionalText,x as CircularProgress,l as CloseButton,a as CompactFileProgressContainer,h as FileTooltip,c as ImageWrapper,d as LoadingWrapper,g as Rejection};

package/dist/esm/components/Feedback/FileProgress/FileProgress.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import r from"./CompactFileProgress.js";import t from"./RegularFileProgress.js";const s=s=>{const n=e((()=>!!(s.isError??void 0===s.isDone)||s.isDone),[s.isError,s.isDone]),i=()=>{!n&&s.onCancel?s.onCancel():s.onDelete()};return s.compact?o(r,{...s,showCompleteState:n,handleOnClick:i}):o(t,{...s,showCompleteState:n,handleOnClick:i})};export{s as default};

package/dist/esm/components/Feedback/FileProgress/RegularFileProgress.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useMemo as i}from"react";import{Icon as t,Typography as o,Button as n}from"@equinor/eds-core-react";import{file as s,delete_to_trash as a,close_circle_outlined as l,refresh as c}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../utils/auth_environment.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"../../../types/Errors.js";import"html2canvas";import"proj4";import d from"../../../utils/size.js";import{Container as u,RegularFileProgressWrapper as p,FileName as h,ProgressWrapper as g,LinearProgress as v,RegularFileProgressDetails as f}from"./RegularFileProgress.styles.js";const{colors:_}=m,{formatBytes:z}=d,j=({onRetry:m,file:d,progressPercent:j,customLoadingText:x,customCompleteText:y,isError:E,fullErrorText:b,showCompleteState:C,handleOnClick:k})=>{const P=i((()=>{if(!d?.size||!j)return 1;const r=d.size/100*j;return z(r,1)}),[d?.size,j]),q=i((()=>{if(E)return b??"An error has occurred";return C?y??"File uploaded!":x??"loading..."}),[y,x,b,C,E]);return r(u,{$isError:E,children:[e(t,{data:s,color:E?_.interactive.danger__hover.rgba:_.interactive.primary__resting.rgba,size:32}),r(p,{children:[r(h,{children:[e(o,{variant:"caption",children:d.name}),r("div",{children:[e(n,{variant:"ghost_icon",onClick:k,children:e(t,{data:C?a:l,color:_.text.static_icons__tertiary.rgba,size:24})}),E&&m&&e(n,{variant:"ghost_icon",onClick:m,children:e(t,{data:c,color:_.text.static_icons__tertiary.rgba,size:24})})]})]}),e(g,{children:!C&&e(v,{variant:void 0===j?"indeterminate":"determinate",value:j})}),r(f,{children:[e(o,{variant:"overline",children:q}),d?.size&&e(o,{variant:"overline",children:C?z(d.size,1):`${P} of ${z(d.size,1)}`})]})]})]})};export{j as default};

package/dist/esm/components/Feedback/FileProgress/RegularFileProgress.styles.js

@@ -1,32 +0,0 @@
-import{LinearProgress 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 t from"styled-components";const{colors:o}=i,n=t.div`
-  max-width: 555px;
-  padding: ${r.medium} ${r.large};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: ${r.medium};
-  border: 1px solid
-    ${({$isError:e})=>e?o.ui.background__danger.rgba:o.ui.background__medium.rgba};
-  border-radius: 4px;
-`,s=t.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,a=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,d=t.div`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding-top: ${r.small};
-`,m=t.div`
-  min-height: 4px;
-`,c=t(e)`
-  background-color: ${o.interactive.primary__hover_alt.rgba};
-
-  div {
-    background-color: ${o.interactive.primary__resting.rgba};
-  }
-`;export{n as Container,a as FileName,c as LinearProgress,m as ProgressWrapper,d as RegularFileProgressDetails,s as RegularFileProgressWrapper};

package/dist/esm/components/Feedback/FullPageSpinner.js

@@ -1,18 +0,0 @@
-import{jsx as e,Fragment as r,jsxs as i}from"react/jsx-runtime";import{Progress as t,Scrim as o,StarProgress as n}from"@equinor/eds-core-react";import{tokens as c}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import s from"styled-components";const{colors:d}=c,l=s.div`
-  width: 100vw;
-  height: 100vh;
-  position: fixed;
-  z-index: 500;
-  top: 0;
-  left: 0;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-`,a=s(t.Circular)`
-  circle {
-    stroke: ${d.interactive.primary__resting.rgba};
-  }
-  circle:first-child {
-    stroke: ${d.interactive.primary__hover_alt.rgba};
-  }
-`,m=({variant:c,withoutScrim:s})=>{const d=()=>i(r,{children:[("equinor"===c||!c)&&e(n,{}),"circle"===c&&e(a,{}),"dots"===c&&e(t.Dots,{})]});return e(r,{children:s?e(l,{children:d()}):e(o,{open:!0,children:d()})})};export{m as default};

package/dist/esm/components/Feedback/FullPageStatus.js

@@ -1,18 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Progress as i,Icon as t,Typography as o}from"@equinor/eds-core-react";import{warning_filled as n}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"styled-components";import{spacings as c}from"../../style/spacings.js";const{colors:l}=s,d=a.div`
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`,m=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${c.large};
-`,p=a(i.Circular)`
-  circle {
-    stroke: ${l.interactive.primary__resting.rgba};
-  }
-  circle:first-child {
-    stroke: ${l.interactive.primary__hover_alt.rgba};
-  }
-`,g=({loading:i,error:s,errorMessage:a})=>r(d,{children:[i&&e(p,{}),s&&!i&&r(m,{children:[e(t,{data:n,size:48,color:l.interactive.warning__resting.rgba}),e(o,{variant:"h5",children:a})]})]});export{g as default};

package/dist/esm/components/Feedback/PageNotFound.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useNavigate as o}from"react-router";import i from"./ErrorPage/index.js";import{ErrorType as e}from"../../types/Errors.js";import{environment as m}from"../../utils/auth_environment.js";import{getErrorContent as s}from"../../utils/errors.js";import"html2canvas";import"proj4";const{getAppName:n}=m,p=()=>{const m=s(n(import.meta.env.VITE_NAME),e.ERROR_404),p=o();return t(i,{illustration:m.illustration,children:[r(i.Title,{title:m.title}),r(i.Description,{text:m.description}),r(i.Action,{onClick:()=>p(-1)})]})};export{p as default};

package/dist/esm/components/Feedback/Skeleton/SkeletonBase/SkeletonBase.js

@@ -1,28 +0,0 @@
-import{COLORS as t}from"../Skeleton.styles.js";import e,{keyframes as n}from"styled-components";const o=n`
-  to {
-    transform: translateX(100%);
-  }
-`,i=e.div`
-  background: ${t.START};
-  overflow: hidden;
-  position: relative;
-  z-index: 2;
-  &:after {
-    background: linear-gradient(
-      90deg,
-      ${t.START} 0%,
-      ${t.END} 50%,
-      ${t.START} 100%
-    );
-    animation: ${o} 1.5s infinite;
-    content: '';
-    height: 100%;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translateX(-100%);
-    z-index: 1;
-    ${t=>t.$offset&&`\n    animation-delay: ${t.$offset}ms;\n  `};
-  }
-`;export{i as default,o as skeletonBaseloading};

package/dist/esm/components/Feedback/Skeleton/SkeletonGradient/SkeletonGradient.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{COLORS as o}from"../Skeleton.styles.js";const r=({duration:r="1.5s"})=>t("linearGradient",{id:"skeleton-gradient",x1:"0%",x2:"100%",gradientTransform:"translate(-0.1)",children:[e("stop",{stopColor:o.START,offset:"0%"}),e("stop",{stopColor:o.END,offset:"50%"}),e("stop",{stopColor:o.START,offset:"100%"}),e("animateTransform",{attributeName:"gradientTransform",type:"translate",begin:"0s",dur:r,repeatCount:"indefinite",values:"-1; 1; 1"})]});export{r as default};