@equinor/amplify-component-lib 0.0.1 → 8.0.0

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

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

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+interface TopBarMenuContentProps {
+    open: boolean;
+    title?: string;
+    onClose: () => void;
+    children: ReactNode;
+    anchorEl: HTMLElement | null;
+    contentPadding?: boolean;
+    isNotification?: boolean;
+    withGap?: boolean;
+}
+export declare const TopBarMenu: React.ForwardRefExoticComponent<TopBarMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/organisms/TopBar/TopBarMenu.js

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

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface PortalTransitProps {
+    onClose: () => void;
+    applicationName: string;
+    url: string;
+}
+export declare const TransferToAppDialog: FC<PortalTransitProps>;
+export {};

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

@@ -0,0 +1,22 @@
+import { Account } from './Account/Account';
+import { ApplicationDrawer } from './ApplicationDrawer/ApplicationDrawer';
+import { FieldMenu } from './FieldMenu/FieldMenu';
+import { GuidelineSections } from './Guidelines/Guidelines';
+import { Notifications } from './Notifications/Notifications';
+import { Resources } from './Resources/Resources';
+import { Actions } from './Actions';
+import { Guidelines } from './Guidelines';
+import { Settings, SettingsProps } from './Settings';
+import { TopBar as BaseTopBar } from './TopBar';
+type TopBarType = typeof BaseTopBar & {
+    Account: typeof Account;
+    Actions: typeof Actions;
+    Guidelines: typeof Guidelines;
+    Settings: typeof Settings;
+    Notifications: typeof Notifications;
+    FieldSelector: typeof FieldMenu;
+    Resources: typeof Resources;
+    ApplicationDrawer: typeof ApplicationDrawer;
+};
+export declare const TopBar: TopBarType;
+export type { GuidelineSections, SettingsProps, TopBarType };

package/dist/organisms/index.d.ts

@@ -0,0 +1,15 @@
+export { DataGrid } from './DataGrid/DataGrid';
+export type { EdsDataGridProps as DataGridProps } from '@equinor/eds-data-grid-react';
+export { FieldSelector } from './FieldSelector/FieldSelector';
+export type { FieldSelectorProps } from './FieldSelector/FieldSelector';
+export { SideBar } from './SideBar/SideBar';
+export { TopBar } from './TopBar/TopBar';
+export { FullPageStatus } from './FullPageStatus/FullPageStatus';
+export { ErrorPage } from './ErrorPage/ErrorPage';
+export * from './ErrorPage/collections';
+export { TableOfContents } from './TableOfContents/TableOfContents';
+export type { TableOfContentsProps } from './TableOfContents/TableOfContents';
+export { Template } from './Template/Template';
+export type { ContentProps, TemplateType } from './Template/Template';
+export { Card, } from '@equinor/eds-core-react';
+export type { CardProps } from '@equinor/eds-core-react';

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

@@ -0,0 +1,17 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { AccountInfo } from '@azure/msal-browser';
+export type AuthState = 'loading' | 'authorized' | 'unauthorized';
+export interface AuthContextType {
+    account: AccountInfo | undefined;
+    photo: string | undefined;
+    roles: string[] | undefined;
+    logout: () => void;
+}
+export declare const useAuth: () => AuthContextType;
+interface AuthProviderProps {
+    children: ReactNode;
+    loadingComponent?: ReactElement;
+    unauthorizedComponent?: ReactElement;
+}
+export declare const AuthProvider: FC<AuthProviderProps>;
+export {};

package/dist/providers/AuthProvider/AuthProvider.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as r,useMemo as n}from"react";import{MsalProvider as i}from"@azure/msal-react";import{AuthProviderInner as c}from"./AuthProviderInner.js";import{auth as m,environment as s}from"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";const{msalApp:a}=m,{getIsMock:u}=s,l=t(void 0),d=()=>{const o=e(l);if(void 0===o)throw new Error("useAuth must be used within a AuthContext provider");return o},h=({children:t,loadingComponent:e,unauthorizedComponent:m})=>{const[s,d]=r(void 0),[h,p]=r(),[g,v]=r("loading"),[A,k]=r(),j=n((()=>u(import.meta.env.VITE_IS_MOCK)),[]);return o(l.Provider,j?{value:{roles:["mock"],account:{homeAccountId:"mock-home-account-id",environment:"mock",tenantId:"mock-tenant-id",username:"MockUser@euquinor.com",localAccountId:"mock-local-account-id",name:"Mock mocksnes"},photo:A,logout:()=>console.log("Logged out the user!")},children:t}:{value:{roles:h,account:s,photo:A,logout:()=>a.logoutRedirect()},children:o(i,{instance:a,children:o(c,{loadingComponent:e,unauthorizedComponent:m,account:s,setAccount:d,setRoles:p,setPhoto:k,authState:g,setAuthState:v,children:t})})})};export{h as AuthProvider,d as useAuth};

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

@@ -0,0 +1,15 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { AccountInfo } from '@azure/msal-common';
+import { AuthState } from './AuthProvider';
+export interface AuthProviderInnerProps {
+    children: ReactNode;
+    account: AccountInfo | undefined;
+    setAccount: (val: AccountInfo | undefined) => void;
+    setPhoto: (val: string | undefined) => void;
+    setRoles: (val: string[] | undefined) => void;
+    authState: AuthState;
+    setAuthState: (val: AuthState) => void;
+    loadingComponent?: ReactElement;
+    unauthorizedComponent?: ReactElement;
+}
+export declare const AuthProviderInner: FC<AuthProviderInnerProps>;

package/dist/providers/AuthProvider/AuthProviderInner.js

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

package/dist/providers/ReleaseNotesProvider.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, FC, ReactNode, SetStateAction } from 'react';
+import { ReleaseNote } from '@equinor/subsurface-app-management';
+import { SieveOption, SieveValue } from '../molecules/Sieve/Sieve.types';
+import { TableOfContentsItemType } from './TableOfContentsProvider';
+interface ReleaseNotesContextState {
+    search: SieveValue;
+    setSearch: Dispatch<SetStateAction<SieveValue>>;
+    selectedReleaseNoteTypes?: SieveOption[];
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    filteredData: ReleaseNote[];
+    releaseNotesYears: TableOfContentsItemType[];
+}
+export declare const useReleaseNotes: () => ReleaseNotesContextState;
+interface ReleaseNotesContextProviderProps {
+    children: ReactNode;
+    enabled?: boolean;
+}
+export declare const ReleaseNotesProvider: FC<ReleaseNotesContextProviderProps>;
+export {};

package/dist/providers/ReleaseNotesProvider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useMemo as s}from"react";import{useReleaseNotesQuery as a}from"../atoms/hooks/useReleaseNotesQuery.js";import{extractDatesFromReleaseNotes as o,sortReleaseNotesByDate as l}from"../atoms/utils/releaseNotes.js";const i={filterValues:void 0,searchValue:void 0,sortValue:void 0},u=r(void 0),c=({children:r,enabled:c})=>{const{data:n}=a({enabled:c}),[m,d]=t(i),[h,p]=t(!1),f=s((()=>o(n??[])),[n]),v=m.filterValues?.Type,V=s((()=>{let e=n??[];if(v&&v.length>0&&(e=e.filter((e=>e.tags?.some((e=>v.map((e=>e.value)).includes(e)))))),m?.searchValue&&""!==m?.searchValue?.trim()){const r=m.searchValue.trim().toLowerCase().split(" ");e=e.filter((e=>Object.values(e).join(" ").toLowerCase().includes(r.join(" "))))}return l(e),e}),[n,m.searchValue,v]),j={search:m,setSearch:d,selectedReleaseNoteTypes:v,open:h,setOpen:p,toggle:()=>{p((e=>!e))},filteredData:V,releaseNotesYears:f};return e(u.Provider,{value:j,children:r})};export{c as ReleaseNotesProvider};

package/dist/providers/SideBarProvider.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+interface SideBarContextType {
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+export declare function useSideBar(): SideBarContextType;
+export declare const SideBarProvider: FC<{
+    children: ReactNode;
+}>;
+export {};

package/dist/providers/SideBarProvider.js

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

package/dist/providers/TableOfContentsProvider.d.ts

@@ -0,0 +1,26 @@
+import { FC, ReactNode } from 'react';
+export interface TableOfContentsItemType {
+    label: string;
+    value: string;
+    count?: number;
+    disabled?: boolean;
+    children?: TableOfContentsItemType[];
+}
+interface SetSelectedOptions {
+    behavior?: ScrollBehavior | undefined;
+    shouldInstantlyJumpOnMount?: boolean;
+}
+interface TableOfContentsContextType {
+    items: TableOfContentsItemType[];
+    selected: string | undefined;
+    setSelected: (value: string, options?: SetSelectedOptions) => void;
+    isActive: (item: TableOfContentsItemType) => boolean;
+}
+export declare function useTableOfContents(): TableOfContentsContextType;
+export interface TableOfContentsProviderProps {
+    items: TableOfContentsItemType[];
+    children: ReactNode;
+    hashNavigation?: boolean;
+}
+export declare const TableOfContentsProvider: FC<TableOfContentsProviderProps>;
+export {};

package/dist/providers/TableOfContentsProvider.js

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

package/dist/providers/TableOfContentsProvider.utils.d.ts

@@ -0,0 +1,2 @@
+import { TableOfContentsItemType } from './TableOfContentsProvider';
+export declare function getValues(previousValues: string[], item: TableOfContentsItemType): string[];

package/dist/providers/TutorialStepsProvider.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+interface TutorialContextState {
+    tutorialStep: string;
+    setTutorialStep: (val: string) => void;
+    showTutorialIntro: boolean;
+    setShowTutorialIntro: (val: boolean) => void;
+}
+/**
+ * @deprecated since version 6.3.0. We use TutorialProvider instead, and add tutorials to a database on amplify-portal.
+ * You can read a small guide in the front-end docs on the JS devops (JS devops -> Overview -> Wiki -> Documentation ->
+ * Front-end docs -> Guides -> Creating tutorial for TutorialProvider)
+ */
+export declare const useTutorialSteps: () => TutorialContextState;
+/**
+ * @deprecated since version 6.3.0. We use TutorialProvider instead, and add tutorials to a database on amplify-portal.
+ * You can read a small guide in the front-end docs on the JS devops (JS devops -> Overview -> Wiki -> Documentation ->
+ * Front-end docs -> Guides -> Creating tutorial for TutorialProvider)
+ */
+export declare const TutorialStepsProvider: FC<{
+    children: ReactNode;
+    startOpen?: boolean;
+}>;
+export {};

package/dist/providers/TutorialStepsProvider.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{createContext as r,useContext as o,useState as e,useEffect as s}from"react";const i="tutorialstepscontext",a=()=>{const t=localStorage.getItem(i);return t?JSON.parse(t):{step:"",showTutorialIntro:!1}},n=r(void 0),u=()=>{const t=o(n);if(void 0===t)throw new Error("useTutorialSteps must be used within a TutorialStepsProvider");return t},l=({children:r,startOpen:o=!1})=>{const[u,l]=e(a().step),[p,c]=e(o||a().showTutorialIntro);return s((()=>{var t;t={step:u,showTutorialIntro:p},localStorage.setItem(i,JSON.stringify(t))}),[p,u]),t(n.Provider,{value:{tutorialStep:u,setTutorialStep:l,showTutorialIntro:p,setShowTutorialIntro:c},children:r})};export{l as TutorialStepsProvider,u as useTutorialSteps};

package/dist/providers/index.d.ts

@@ -0,0 +1,7 @@
+export { AuthProvider } from './AuthProvider/AuthProvider';
+export { SideBarProvider } from './SideBarProvider';
+export { SnackbarProvider } from './SnackbarProvider';
+export { TableOfContentsProvider } from './TableOfContentsProvider';
+export { ReleaseNotesProvider } from './ReleaseNotesProvider';
+export { TutorialStepsProvider } from './TutorialStepsProvider';
+export type { TableOfContentsItemType } from './TableOfContentsProvider';

package/dist/tests/test-utils.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { render, RenderOptions } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+declare const customRender: (ui: ReactElement, options?: RenderOptions) => ReturnType<typeof render>;
+export declare function fakeSelectItem(): {
+    label: string;
+    value: string;
+};
+export declare function fakeSelectItems(count?: number): {
+    label: string;
+    value: string;
+}[];
+export * from '@testing-library/react';
+export { customRender as render, userEvent };

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "0.0.1",
+  "version": "8.0.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "type": "module",
   "author": "Amplify Team",
   "license": "ISC",
-  "homepage": "https://github.com/equinor/amplify-components#readme",
+  "homepage": "https://github.com/equinor/amplify-component-lib#readme",
   "bugs": {
-    "url": "https://github.com/equinor/amplify-components/issues"
+    "url": "https://github.com/equinor/amplify-component-lib/issues"
   },
   "files": [
     "dist/*"
@@ -93,6 +94,7 @@
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.21.0",
+    "@equinor/subsurface-app-management": "^1.0.9",
     "@faker-js/faker": "^8.4.1",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
@@ -169,6 +171,7 @@
   },
   "peerDependencies": {
     "@equinor/eds-icons": "*",
+    "@equinor/subsurface-app-management": "*",
     "@tanstack/react-query": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

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

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

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

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

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

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

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

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

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

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

@@ -1,17 +0,0 @@
-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.styles.js

@@ -1,72 +0,0 @@
-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/DataCard.js

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

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

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

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

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