@equinor/amplify-component-lib 0.0.1

package/LICENSE.md

@@ -0,0 +1,7 @@
+ISC License
+
+Copyright 2023 equinor
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+
+<img alt="intro-logo" src="https://raw.githubusercontent.com/equinor/amplify-components/main/static/amplify_logo.png" width="300px" />
+
+This package contains components, utils, providers and hooks developed and used by the amplify team.
+
+# Quick links
+- [Storybook](https://storybook-amplify-components.app.radix.equinor.com/)
+
+# Building amplify-components
+
+Build and publish is done automatically when code is merged into `main` branch, if the package.json version number is higher.
+To increase the version number use `npm run version <type>` and specify what type of [versioning](https://github.com/theogravity/version-bump#quick-start-usage).
+
+# Using config files from amplify-components
+
+1. Navigate to your projects root folder, `~/Projects/recap` for instance
+
+2. Copy and run the following command
+```bash
+wget -q -O - https://raw.githubusercontent.com/equinor/amplify-components/main/config/install.sh | bash
+```
+
+
+This should have downloaded the `.eslintrc.cjs`, `.prettierignore`, `.prettierrc.jr`, `tsconfig.json`, `env.sh`, `Dockerfile`, `proxy/nginx.conf`, `proxy/securityheaders.conf` and github actions workflow files
+
+# Using github action workflows related to deploying from github from amplify-components
+
+1. Navigate to your projects root folder, `~/Projects/recap` for instance
+
+2. Copy and run the following command
+```bash
+wget -q -O - https://raw.githubusercontent.com/equinor/amplify-components/main/config/install-deployment-files.sh | bash
+```
+
+This should have downloaded the `build_deploy_radix.yaml`, `promote.yaml`, `notify.yaml`, `push.yaml`
+
+NOTE: These files should eventually be served from the same install script we use for getting other config files. We serve it from a different script so that applications which are not ready for the change in deployment process don't have to rush.
+
+## Notes
+
+This script assumes the following structure in the project
+```
+project
+│   README.md
+│
+└───client
+│   |   ...
+│   
+└───server
+    │   ...
+```
+
+# Installing pre-commit hook in an application
+
+1. Navigate to your projects root folder, `~/Projects/recap` for instance
+
+2. Copy and run the following command
+```bash
+wget -q -O - https://raw.githubusercontent.com/equinor/amplify-components/main/config/precommit/install.sh | bash
+```
+
+This should have downloaded a `package.json` file in the root of the project, created (if it didn't exist) the `tooling` folder.
+You should also see a `.husky` folder in the root of the project with a file called `pre-commit` inside
+
+# Latest version
+[![main](https://img.shields.io/npm/v/@equinor/amplify-components?color=%23c3f3d2&label=%40equinor%2Famplify-components&logo=npm&)](https://www.npmjs.com/package/@equinor/amplify-components)

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1 @@
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};export{e as commonjsGlobal};

package/dist/esm/_virtual/lodash.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/esm/api/core/ApiError.js

@@ -0,0 +1 @@
+class t extends Error{url;status;statusText;body;request;constructor(t,s,r){super(r),this.name="ApiError",this.url=s.url,this.status=s.status,this.statusText=s.statusText,this.body=s.body,this.request=t}}export{t as ApiError};

package/dist/esm/api/core/CancelablePromise.js

@@ -0,0 +1 @@
+class e extends Error{constructor(e){super(e),this.name="CancelError"}get isCancelled(){return!0}}class s{[Symbol.toStringTag];_isResolved;_isRejected;_isCancelled;_cancelHandlers;_promise;_resolve;_reject;constructor(e){this._isResolved=!1,this._isRejected=!1,this._isCancelled=!1,this._cancelHandlers=[],this._promise=new Promise(((s,t)=>{this._resolve=s,this._reject=t;const i=e=>{this._isResolved||this._isRejected||this._isCancelled||this._cancelHandlers.push(e)};return Object.defineProperty(i,"isResolved",{get:()=>this._isResolved}),Object.defineProperty(i,"isRejected",{get:()=>this._isRejected}),Object.defineProperty(i,"isCancelled",{get:()=>this._isCancelled}),e((e=>{this._isResolved||this._isRejected||this._isCancelled||(this._isResolved=!0,this._resolve?.(e))}),(e=>{this._isResolved||this._isRejected||this._isCancelled||(this._isRejected=!0,this._reject?.(e))}),i)}))}then(e,s){return this._promise.then(e,s)}catch(e){return this._promise.catch(e)}finally(e){return this._promise.finally(e)}cancel(){if(!(this._isResolved||this._isRejected||this._isCancelled)){if(this._isCancelled=!0,this._cancelHandlers.length)try{for(const e of this._cancelHandlers)e()}catch(e){return void console.warn("Cancellation threw an error",e)}this._cancelHandlers.length=0,this._reject?.(new e("Request aborted"))}}get isCancelled(){return this._isCancelled}}export{e as CancelError,s as CancelablePromise};

package/dist/esm/api/core/OpenAPI.js

@@ -0,0 +1 @@
+import{auth as o,environment as t}from"../../utils/auth_environment.js";import"react/jsx-runtime";import"../../components/Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../components/Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../types/Errors.js";import"html2canvas";import"proj4";import{request as r}from"./request.js";import{getLocalStorage as i,updateLocalStorage as e}from"../../hooks/useLocalStorage.js";import{jwtDecode as n}from"jwt-decode";const{getToken:E}=o,{getApiUrl:a,getEnvironmentName:m}=t,p=m(import.meta.env.VITE_ENVIRONMENT_NAME),l="localhost"===p?"development":p;class s{static getAmplifyPortalToken(){return r(u,{method:"GET",url:"/api/v1/Token/AmplifyPortal"})}static getAmplifyPortalProductionToken(){return r(u,{method:"GET",url:"/api/v1/Token/AmplifyPortal/Production"})}}const c=o=>{if(0===o.length)return!1;try{return!(o=>{const t=n(o),r=(new Date).getTime()/1e3;return t.exp&&r>t.exp})(o)}catch(o){return!1}},A=async(o,t)=>{const r=i(o,"");if(c(r))return r;const n=await t();return e(o,n),n},d=async()=>A(`amplify-portal-${p}`,s.getAmplifyPortalToken),u={BASE:a(import.meta.env.VITE_API_URL),VERSION:"1.0",WITH_CREDENTIALS:!1,CREDENTIALS:"include",TOKEN:E,USERNAME:void 0,PASSWORD:void 0,HEADERS:void 0,ENCODE_PATH:void 0},T={BASE:`https://api-amplify-portal-${l}.radix.equinor.com`,VERSION:"1.0",WITH_CREDENTIALS:!1,CREDENTIALS:"include",TOKEN:d,USERNAME:void 0,PASSWORD:void 0,HEADERS:void 0,ENCODE_PATH:void 0},S={BASE:"https://api-amplify-portal-production.radix.equinor.com",VERSION:"1.0",WITH_CREDENTIALS:!1,CREDENTIALS:"include",TOKEN:async()=>A("amplify-portal-production",s.getAmplifyPortalProductionToken),USERNAME:void 0,PASSWORD:void 0,HEADERS:void 0,ENCODE_PATH:void 0};export{u as OpenAPI,T as OpenAPI_Portal,S as OpenAPI_Portal_Prod,s as TokenService,d as getPortalToken};

package/dist/esm/api/core/request.js

@@ -0,0 +1 @@
+import{ApiError as e}from"./ApiError.js";import{CancelablePromise as t}from"./CancelablePromise.js";const r=e=>null!=e,o=e=>"string"==typeof e,n=e=>o(e)&&""!==e,a=e=>"object"==typeof e&&"string"==typeof e.type&&"function"==typeof e.stream&&"function"==typeof e.arrayBuffer&&"function"==typeof e.constructor&&"string"==typeof e.constructor.name&&/^(Blob|File)$/.test(e.constructor.name)&&/^(Blob|File)$/.test(e[Symbol.toStringTag]),s=e=>e instanceof FormData,i=e=>{const t=[],o=(e,n)=>{r(n)&&(Array.isArray(n)?n.forEach((t=>{o(e,t)})):"object"==typeof n?Object.entries(n).forEach((([t,r])=>{o(`${e}[${t}]`,r)})):((e,r)=>{t.push(`${encodeURIComponent(e)}=${encodeURIComponent(String(r))}`)})(e,n))};return Object.entries(e).forEach((([e,t])=>{o(e,t)})),t.length>0?`?${t.join("&")}`:""},c=async(e,t)=>"function"==typeof t?t(e):t,p=async(e,t)=>{const i=await c(t,e.TOKEN),p=await c(t,e.USERNAME),y=await c(t,e.PASSWORD),f=await c(t,e.HEADERS),d=Object.entries({Accept:"application/json",...f,...t.headers}).filter((([e,t])=>r(t))).reduce(((e,[t,r])=>({...e,[t]:String(r)})),{});if(n(i)&&(d.Authorization=`Bearer ${i}`),n(p)&&n(y)){const e=(e=>{try{return btoa(e)}catch(t){return Buffer.from(e).toString("base64")}})(`${p}:${y}`);d.Authorization=`Basic ${e}`}return t.body&&(t.mediaType?d["Content-Type"]=t.mediaType:a(t.body)?d["Content-Type"]=t.body.type||"application/octet-stream":o(t.body)?d["Content-Type"]="text/plain":s(t.body)||(d["Content-Type"]="application/json")),new Headers(d)},y=async(e,t,r,o,n,a,s)=>{const i=new XMLHttpRequest;return i.open(t.method,r,!0),i.withCredentials=e.WITH_CREDENTIALS,a.forEach(((e,t)=>{i.setRequestHeader(t,e)})),new Promise(((e,t)=>{i.onload=()=>e(i),i.onabort=()=>t(new Error("Request aborted")),i.onerror=()=>t(new Error("Network error")),i.send(o??n),s((()=>i.abort()))}))},f=(n,c)=>new t((async(t,f,d)=>{try{const f=((e,t)=>{const r=e.ENCODE_PATH||encodeURI,o=t.url.replace("{api-version}",e.VERSION).replace(/{(.*?)}/g,((e,o)=>t.path?.hasOwnProperty(o)?r(String(t.path[o])):e)),n=`${e.BASE}${o}`;return t.query?`${n}${i(t.query)}`:n})(n,c),b=(e=>{if(e.formData){const t=new FormData,n=(e,r)=>{o(r)||a(r)?t.append(e,r):t.append(e,JSON.stringify(r))};return Object.entries(e.formData).filter((([e,t])=>r(t))).forEach((([e,t])=>{Array.isArray(t)?t.forEach((t=>n(e,t))):n(e,t)})),t}})(c),l=(e=>{if(e.body)return e.mediaType?.includes("/json")?JSON.stringify(e.body):o(e.body)||a(e.body)||s(e.body)?e.body:JSON.stringify(e.body)})(c),h=await p(n,c);if(!d.isCancelled){const r=await y(n,c,f,l,b,h,d),a=(e=>{if(204!==e.status)try{const t=e.getResponseHeader("Content-Type");if(t)return t.toLowerCase().startsWith("application/json")?JSON.parse(e.responseText):e.responseText}catch(e){console.error(e)}})(r),s=((e,t)=>{if(t){const r=e.getResponseHeader(t);if(o(r))return r}})(r,c.responseHeader),i={url:f,ok:(u=r.status,u>=200&&u<300),status:r.status,statusText:r.statusText,body:s??a};((t,r)=>{const o={400:"Bad Request",401:"Unauthorized",403:"Forbidden",404:"Not Found",500:"Internal Server Error",502:"Bad Gateway",503:"Service Unavailable",...t.errors}[r.status];if(o)throw new e(t,r,o);if(!r.ok)throw new e(t,r,"Generic Error")})(c,i),t(i.body)}}catch(e){f(e)}var u}));export{f as request,y as sendRequest};

package/dist/esm/api/models/ServiceNowUrgency.js

@@ -0,0 +1 @@
+var r;!function(r){r.CRITICAL="Critical",r.MODERATE="Moderate",r.NORMAL="Normal"}(r||(r={}));export{r as ServiceNowUrgency};

package/dist/esm/api/models/TutorialPosition.js

@@ -0,0 +1 @@
+var T;!function(T){T.TOP_LEFT="TOP_LEFT",T.TOP_RIGHT="TOP_RIGHT",T.BOTTOM_LEFT="BOTTOM_LEFT",T.BOTTOM_RIGHT="BOTTOM_RIGHT",T.CENTER="CENTER"}(T||(T={}));export{T as TutorialPosition};

package/dist/esm/api/services/PortalService.js

@@ -0,0 +1 @@
+import{OpenAPI_Portal as e,OpenAPI_Portal_Prod as r}from"../core/OpenAPI.js";import{request as t}from"../core/request.js";import"../models/TutorialPosition.js";import"../models/ServiceNowUrgency.js";class o{static createIncident(r){return t(e,{method:"POST",url:"/api/v1/ServiceNow/incident",body:r})}static fileUpload(r){return t(e,{method:"POST",url:"/api/v1/Slack/fileUpload",body:r})}static postmessage(r){return t(e,{method:"POST",url:"/api/v1/Slack/postmessage",body:r})}static getFeatureToggleFromApplicationName(e){return t(r,{method:"GET",url:"/api/v1/FeatureToggle/{applicationName}",path:{applicationName:e},errors:{400:"Bad Request",404:"Not Found",500:"Server Error"}})}static userApplications(){return t(e,{method:"GET",url:"/api/v1/AmplifyApplication/userapplications",errors:{400:"Bad Request",500:"Server Error"}})}}export{o as PortalService};

package/dist/esm/api/services/ReleaseNotesService.js

@@ -0,0 +1 @@
+import{OpenAPI_Portal as e}from"../core/OpenAPI.js";import{request as t}from"../core/request.js";class a{static getReleasenoteList(a,r,s){return t(e,{method:"GET",url:"/api/v1/ReleaseNotes",query:{applicationName:a,version:r,tags:s}})}static getMyReleasenotes(){return t(e,{method:"GET",url:"/api/v1/ReleaseNotes/myreleasenotes"})}static getReleasenote(a,r){return t(e,{method:"GET",url:"/api/v1/ReleaseNotes/{applicationName}/{releaseId}",path:{applicationName:a,releaseId:r}})}static getContainerSasUri(){return t(e,{method:"GET",url:"/api/v1/ReleaseNotes/GetContainerSasUri",errors:{401:"Unauthorized"}})}}export{a as ReleaseNotesService};

package/dist/esm/api/services/TutorialService.js

@@ -0,0 +1 @@
+import{OpenAPI_Portal_Prod as t}from"../core/OpenAPI.js";import{request as o}from"../core/request.js";class r{static getTutorialsForApplication(r){return o(t,{method:"GET",url:"/api/v1/Tutorial/{applicationName}",path:{applicationName:r}})}static getTutorialSasToken(){return o(t,{method:"GET",url:"/api/v1/Tutorial/SASToken"})}}export{r as TutorialService};

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

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{Typography as r}from"@equinor/eds-core-react";import{Container as t}from"./Badge.styles.js";const e=({value:e,variant:i="default"})=>a(t,{"data-testid":"badge-container",$variant:i,children:a(r,{as:"span",variant:"label",group:"navigation",children:e})});export{e as Badge};

package/dist/esm/components/DataDisplay/Badge/Badge.styles.js

@@ -0,0 +1,17 @@
+import{tokens as t}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../style/spacings.js";import e from"styled-components";const{colors:i,shape:o}=t,a=t=>({light:{background:"rgba(235, 235, 235, 1)",color:i.text.static_icons__tertiary.rgba},danger:{background:i.interactive.danger__resting.rgba,color:i.text.static_icons__primary_white.rgba},empty:{background:i.interactive.disabled__fill.rgba,color:i.interactive.disabled__text.rgba},default:{background:i.text.static_icons__tertiary.rgba,color:i.text.static_icons__primary_white.rgba}}[t]),n=e.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > span {
+    font-weight: 500;
+    font-size: 12px;
+    color: ${({$variant:t})=>a(t).color};
+    padding: 0 ${r.x_small};
+    line-height: normal;
+  }
+  background: ${({$variant:t})=>a(t).background};
+  min-width: 16px;
+  width: fit-content;
+  height: 16px;
+  border-radius: ${o.rounded.borderRadius};
+`;export{n as Container};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Children as r,isValidElement as n,Fragment as i}from"react";import{InteractiveChip as s}from"./InteractiveChip.js";import{ReadOnlyChip as t}from"./ReadOnlyChip.js";const p=({children:p,variant:c,disabled:l,onClick:o,onDelete:a,...d})=>{const h={...d,children:p,variant:c,disabled:l,onClick:o,onDelete:a},m=s=>{const t=[];return r.map(s,((s,p)=>{if(n(s)){const c=s;c.type===i&&c.props.children?r.map(c.props.children,((r,i)=>{n(r)&&0===i?t.push(e("div",{className:"leading",children:r},`${p}-${i}`)):"string"==typeof r||"number"==typeof r?t.push(e("span",{children:r},`${p}-${i}`)):t.push(r)})):0===p?t.push(e("div",{className:"leading",children:c},p)):t.push(c)}else t.push(e("span",{children:s},p))})),t};if(o||a){const r={...h},n=m(p);return e(s,{...r,children:n})}{const r={...h},n=m(p);return e(t,{...r,children:n})}};p.displayName="Chip";export{p as Chip};

package/dist/esm/components/DataDisplay/Chip/Chip.styles.js

@@ -0,0 +1,72 @@
+import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import e,{css as o}from"styled-components";const{colors:a}=r,i={default:{color:`${a.interactive.primary__resting.rgba}`,background:`${a.ui.background__light.rgba}`,borderColor:`${a.ui.background__medium.rgba}`,hover:{background:`${a.interactive.primary__hover_alt.rgba}`,color:`${a.interactive.primary__hover.rgba}`,borderColor:`${a.interactive.primary__hover.rgba}`},disabled:{color:`${a.interactive.disabled__text.rgba}`,background:`${a.interactive.disabled__fill.rgba}`,borderColor:`${a.interactive.disabled__border.rgba}`}},active:{color:`${a.interactive.primary__resting.rgba}`,background:`${a.interactive.primary__selected_highlight.rgba}`,borderColor:`${a.interactive.primary__selected_hover.rgba}`,hover:{color:`${a.interactive.primary__hover.rgba}`,background:`${a.interactive.primary__selected_hover.rgba}`,borderColor:`${a.interactive.primary__hover.rgba}`},disabled:{color:`${a.interactive.disabled__text.rgba}`,background:`${a.interactive.disabled__fill.rgba}`,borderColor:`${a.interactive.disabled__border.rgba}`}},warning:{color:`${a.interactive.warning__text.rgba}`,background:`${a.ui.background__light.rgba}`,borderColor:`${a.interactive.warning__resting.rgba}`,hover:{color:`${a.interactive.warning__hover.rgba}`,background:`${a.ui.background__warning.rgba}`,borderColor:`${a.interactive.warning__hover.rgba}`},disabled:{color:`${a.interactive.disabled__text.rgba}`,background:`${a.interactive.disabled__fill.rgba}`,borderColor:`${a.interactive.disabled__border.rgba}`}},"warning-active":{color:`${a.interactive.warning__text.rgba}`,background:`${a.interactive.primary__selected_highlight.rgba}`,borderColor:`${a.interactive.warning__resting.rgba}`,hover:{color:`${a.interactive.warning__hover.rgba}`,background:`${a.interactive.primary__selected_hover.rgba}`,borderColor:`${a.interactive.warning__hover.rgba}`},disabled:{color:`${a.interactive.disabled__text.rgba}`,background:`${a.interactive.disabled__fill.rgba}`,borderColor:`${a.interactive.warning__highlight.rgba}`}},error:{color:`${a.interactive.danger__text.rgba}`,background:`${a.ui.background__light.rgba}`,borderColor:`${a.interactive.danger__resting.rgba}`,hover:{color:`${a.interactive.danger__hover.rgba}`,background:`${a.ui.background__danger.rgba}`,borderColor:`${a.interactive.danger__hover.rgba}`},disabled:{color:`${a.interactive.disabled__text.rgba}`,background:`${a.interactive.disabled__fill.rgba}`,borderColor:`${a.interactive.disabled__border.rgba}`}},"error-active":{color:`${a.interactive.danger__text.rgba}`,background:`${a.interactive.primary__selected_highlight.rgba}`,borderColor:`${a.interactive.danger__resting.rgba}`,hover:{color:`${a.interactive.danger__hover.rgba}`,background:`${a.interactive.primary__selected_hover.rgba}`,borderColor:`${a.interactive.danger__hover.rgba}`},disabled:{color:`${a.interactive.disabled__text.rgba}`,background:`${a.interactive.disabled__fill.rgba}`,borderColor:`${a.interactive.danger__highlight.rgba}`}}},t=o`
+  border: 1px solid ${a.ui.background__medium.rgba};
+  cursor: pointer;
+  display: flex;
+  width: fit-content;
+  border-radius: ${r.shape.rounded.borderRadius};
+  font-family: 'Equinor', sans-serif;
+  font-weight: 500;
+  font-size: ${r.typography.ui.chip__badge.fontSize};
+  line-height: 16px;
+  text-align: center;
+  transition:
+    background-color 150ms ease,
+    border 150ms ease,
+    color 150ms ease;
+  padding: ${r.spacings.comfortable.x_small};
+
+  .content {
+    padding: 0 ${r.spacings.comfortable.small};
+    display: flex;
+    align-items: center;
+    gap: ${r.spacings.comfortable.x_small};
+
+    .leading {
+      display: flex;
+      align-items: center;
+    }
+    .leading * {
+      width: 16px;
+      height: 16px;
+    }
+  }
+`,d=e.button`
+  ${t}
+
+  ${({variant:r})=>{const e=((r="default")=>i[r])(r);return o`
+      color: ${e.color};
+      background-color: ${e.background};
+      border: 1px solid ${e.borderColor};
+
+      &:hover {
+        background-color: ${e.hover.background};
+        color: ${e.hover.color};
+        border: 1px solid ${e.hover.borderColor};
+      }
+      &:disabled {
+        color: ${e.disabled?.color};
+        background-color: ${e.disabled?.background};
+        border: 1px solid ${e.disabled?.borderColor};
+        cursor: not-allowed;
+
+        &:hover {
+          border: 1px solid ${e.disabled?.borderColor};
+        }
+      }
+    `}};
+`,b=e.div`
+  ${t}
+  cursor: unset;
+  ${r=>r.disabled?o`
+          &.disabled {
+            background-color: ${a.interactive.disabled__fill.rgba};
+            color: ${a.interactive.disabled__text.rgba};
+            border: 1px solid ${a.interactive.disabled__border.rgba};
+            cursor: not-allowed;
+          }
+        `:o`
+          background-color: ${a.ui.background__light.rgba};
+          color: ${a.text.static_icons__default.rgba};
+          border: 1px solid ${a.ui.background__medium.rgba};
+        `}
+`;export{d as InteractiveChipStyle,b as ReadOnlyChipStyle};

package/dist/esm/components/DataDisplay/Chip/InteractiveChip.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Icon as r}from"@equinor/eds-core-react";import{close as t}from"@equinor/eds-icons";import{InteractiveChipStyle as n}from"./Chip.styles.js";const a=o(((o,a)=>{const{children:c,onDelete:d,disabled:s=!1,variant:l,onClick:m,leadingIconData:p,...v}=o,f=void 0!==d,h=!s&&void 0!==o.onClick,C=s?void 0:d,k=s?void 0:m;return e(n,{...v,ref:a,disabled:s,variant:l,onClick:f?d:m,onKeyDown:e=>{const{key:i}=e;"Enter"===i&&(f?C(e):h&&k(e))},children:i("div",{className:"content",children:[p&&e("div",{className:"leading",children:e(r,{role:"img",data:p,size:16})}),c,f&&e(r,{data:t,title:"close",size:16})]})})}));a.displayName="InteractiveChip";export{a as InteractiveChip};

package/dist/esm/components/DataDisplay/Chip/ReadOnlyChip.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{Icon as i}from"@equinor/eds-core-react";import{ReadOnlyChipStyle as d}from"./Chip.styles.js";const s=a(((a,s)=>{const{children:t,disabled:c,leadingIconData:l,...n}=a;return e(d,{...n,disabled:c,className:c?"disabled":"",ref:s,children:r("div",{className:"content",children:[l&&e("div",{className:"leading",children:e(i,{data:l,size:16})}),t]})})}));s.displayName="ReadOnlyChip";export{s as ReadOnlyChip};

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

@@ -0,0 +1,27 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Card as i,Typography as o,Tooltip as n,Icon as a}from"@equinor/eds-core-react";import{tokens as l}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import d from"styled-components";import{spacings as s}from"../../style/spacings.js";const{colors:c,elevation:m}=l,p=d(i)`
+  box-shadow: ${m.raised};
+  grid-gap: 0;
+  padding: ${s.medium};
+  transition: box-shadow 400ms;
+  ${e=>{if(e.onClick)return`&:hover {\n        box-shadow: ${m.overlay};\n        cursor: pointer;\n      }`}}
+`,h=d.div`
+  display: grid;
+  grid-template-columns: 80% auto;
+  overflow: hidden;
+`,f=d(o)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,u=d.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+`,v=d.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,g=d(o)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,x=t((({headerText:t,title:i,tooltipOnTitle:o=!1,rightIcon:l,rightElement:d,body:s,className:m,onClick:x,onContextMenu:w},y)=>{if(l&&d)throw new Error("Only use one; rightIcon or rightElement");return e(p,{ref:y,className:m??"",onClick:x,"data-testid":"dataCard",onContextMenu:e=>{w?.(e)},children:[e(h,{children:[e(u,{children:[r(f,{group:"paragraph",variant:"overline",children:t}),o?r(n,{title:i,placement:"top",children:r(g,{variant:"h6",children:i})}):r(g,{variant:"h6",children:i})]}),e(v,{children:[l&&r(a,{data:l,size:24,color:c.interactive.primary__resting.rgba}),d&&d]})]}),s&&s]})}));x.displayName="DataCard";export{x as default};

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

@@ -0,0 +1,21 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as i,useState as o,useRef as t,useEffect as n}from"react";import{Typography as d,Icon as a}from"@equinor/eds-core-react";import{chevron_up as s,chevron_down as c}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{motion as l,AnimatePresence as h}from"framer-motion";import f from"styled-components";import{spacings as p}from"../../style/spacings.js";const{colors:u,elevation:b,shape:v}=m,g=f(l.div)`
+  overflow: hidden;
+`,x=f.button`
+  display: flex;
+  gap: ${p.medium};
+  width: fit-content;
+  border: none;
+  background: none;
+  cursor: pointer;
+  &:hover {
+    > div {
+      box-shadow: ${b.overlay};
+    }
+  }
+`,y=f.div`
+  transition: box-shadow 200ms;
+  box-shadow: ${b.raised};
+  display: flex;
+  align-items: center;
+  border-radius: ${v.circle.borderRadius};
+`,w=i((({title:i,openByDefault:m=!1,id:l,children:f},p)=>{const[b,v]=o(m),w=t(m?"fit-content":0);return n((()=>{"fit-content"!==w.current||b||(w.current=0)}),[b]),e("div",{children:[e(x,{onClick:()=>v((e=>!e)),children:[r(d,{variant:"h6",ref:p,id:l,children:i}),r(y,{children:r(a,{data:b?s:c,color:u.interactive.primary__resting.rgba})})]}),r(h,{children:b&&r(g,{initial:{height:w.current},animate:{height:"fit-content"},exit:{height:0},children:f})})]})}));w.displayName="HeaderDrawer";export{w as default};

package/dist/esm/components/DataDisplay/InfoElement/CopyText.js

@@ -0,0 +1,41 @@
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useRef as e,useState as t,useEffect as i}from"react";import{Icon as n,Typography as a}from"@equinor/eds-core-react";import{copy as s}from"@equinor/eds-icons";import{tokens as d}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as c}from"../../../style/spacings.js";import m,{keyframes as p}from"styled-components";const{colors:u}=d,l=m.div`
+  position: relative;
+  pointer-events: auto;
+  width: fit-content;
+  &:hover {
+    cursor: pointer;
+  }
+`,g=p`
+  from {
+    opacity: 0;
+    background: none;
+  }
+
+  to {
+    opacity: 1;
+    background: ${u.ui.background__light.rgba};
+  }
+`,b=m.div`
+  position: absolute;
+  padding: ${c.xx_small};
+  z-index: 1000;
+  top: 50%;
+  right: -${c.x_small};
+  transform: translate(100%, -50%);
+  animation: ${g} 0.25s;
+  background: ${u.ui.background__light.rgba};
+  border: 1px solid ${u.ui.background__medium.rgba};
+  border-radius: 2px;
+  p,
+  svg {
+    color: ${u.interactive.primary__hover.rgba};
+  }
+  p {
+    font-weight: 700;
+    margin-top: 2px;
+  }
+  display: grid;
+  grid-template-columns: auto 2.75rem;
+  grid-gap: ${c.xx_small};
+  align-items: center;
+`,x=({children:d,textToCopy:c})=>{const m=e(!1),[p,u]=t(!1),[g,x]=t("Copy");return i((()=>(m.current=!0,()=>{m.current=!1})),[]),r(l,{onClick:()=>{navigator.clipboard.writeText(c),x("Copied!"),setTimeout((()=>{m.current&&x("Copy")}),3e3)},onMouseOver:()=>u(!0),onMouseOut:()=>u(!1),children:[d,p&&r(b,{children:[o(n,{data:s,size:16}),o(a,{variant:"overline",children:g})]})]})};export{x as default};

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Typography as o}from"@equinor/eds-core-react";import n from"./CopyText.js";const i=r((({title:r,content:i,copyableContent:a,capitalizeContent:p},c)=>{const l=p&&"string"==typeof i?i.toUpperCase():i;return e("div",{ref:c,children:[t(o,{group:"paragraph",variant:"overline",children:r?.toUpperCase()}),"string"==typeof i?a?t(n,{textToCopy:i,children:t(o,{variant:"h6",children:l})}):t(o,{variant:"h6",children:l}):i]})}));i.displayName="InfoElement";export{i as default};

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

@@ -0,0 +1,4 @@
+import{jsx as t,Fragment as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Tooltip as e}from"@equinor/eds-core-react";import i from"styled-components";const m=i(e)`
+  color: white;
+  text-transform: ${t=>t.textTransform};
+`,l=r((({title:r,children:e,...i},l)=>void 0===r?t(o,{children:e}):t(m,{ref:l,title:r,...i,children:e})));l.displayName="OptionalTooltip";export{l as default};

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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+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};