@equinor/amplify-component-lib 9.15.2 → 9.15.3

package/dist/providers/StepperProvider.d.ts

@@ -0,0 +1,59 @@
+import { FC, ReactNode } from "react";
+
+//#region src/providers/StepperProvider.d.ts
+interface SubStep {
+  title: string;
+  description?: string;
+}
+interface CommonStep {
+  label: string;
+  title?: string;
+  description?: string;
+}
+interface StepWithSubSteps extends CommonStep {
+  subSteps: SubStep[];
+}
+interface StepWithoutSubSteps extends CommonStep {
+  subSteps?: undefined;
+}
+type Step = StepWithSubSteps | StepWithoutSubSteps;
+interface StepperContextType {
+  steps: Step[];
+  currentStep: number;
+  currentSubStep: number;
+  setCurrentStep: (value: number) => void;
+  goToNextStep: () => void;
+  goToPreviousStep: () => void;
+  isStepAtIndexDisabled: (stepIndex: number) => boolean;
+}
+declare function useStepper(): StepperContextType;
+interface StepperProviderProps {
+  steps: Step[];
+  children: ReactNode;
+  isStepDisabled?: ({
+    step,
+    stepIndex,
+    currentStep,
+    currentStepIndex
+  }: {
+    step: Step;
+    stepIndex: number;
+    currentStep: Step;
+    currentStepIndex: number;
+  }) => boolean;
+}
+interface StepperProviderSyncedToURLParamProps extends StepperProviderProps {
+  syncToURLParam: true;
+}
+interface StepperProviderWithoutSyncToURLParamProps extends StepperProviderProps {
+  syncToURLParam?: undefined;
+  initialStep?: number;
+}
+/**
+ * @param steps - Which steps the stepper should have
+ * @param syncToURLParam - Assumes step param is at end of path, syncs current step to the URL param
+ * @param initialStep - Initial step to start the stepper at, can't be set if you use syncToURLParam
+ */
+declare const StepperProvider: FC<StepperProviderSyncedToURLParamProps | StepperProviderWithoutSyncToURLParamProps>;
+//#endregion
+export { StepperProvider, useStepper };

package/dist/providers/StepperProvider.js

@@ -0,0 +1 @@
+import{createContext as e,useCallback as t,useContext as n,useState as r}from"react";import{jsx as i}from"react/jsx-runtime";import{useLocation as a,useNavigate as o,useParams as s}from"react-router";const c=e(void 0);function l(){let e=n(c);if(!e)throw Error(`useStepper must be used within a StepperProvider`);return e}const u=({steps:e,children:n,isStepDisabled:l,...u})=>{let{step:d}=s(),f=o(),p=a().pathname.split(`/`).slice(0,-1).join(`/`),m=u.syncToURLParam?Number(d):u?.initialStep??0;if(u.syncToURLParam&&d&&isNaN(Number(d)))throw Error(`Step URL param must be a valid number when using "syncToURLParam"`);if(e.length<2)throw Error(`Stepper must have at least 2 steps`);let[h,g]=r(m),_=u.syncToURLParam?Number(d):h,[v,y]=r(0);if(m>=e.length||m<0)throw Error(`initialStep must be a valid index of the steps array`);let b=e=>{u.syncToURLParam?f(`${p}/${e}`):g(e)},x=()=>{v!==0&&y(0)},S=()=>{if(`subSteps`in e[_]&&e[_].subSteps&&v<e[_].subSteps.length-1){y(e=>e+1);return}_!==e.length-1&&(b(_+1),x())},C=()=>{if(v>0&&`subSteps`in e[_]&&e[_].subSteps&&e[_].subSteps.length>0){y(e=>e-1);return}if(_===0)return;b(_-1);let t=e.at(_-1);t&&`subSteps`in t&&t.subSteps&&y(t.subSteps.length-1)},w=t(t=>l?l({step:e[t],stepIndex:t,currentStep:e[_],currentStepIndex:_}):!1,[l,_,e]);return i(c.Provider,{value:{steps:e,currentStep:_,currentSubStep:v,setCurrentStep:b,goToNextStep:S,goToPreviousStep:C,isStepAtIndexDisabled:w},children:n})};export{u as StepperProvider,l as useStepper};

package/dist/providers/TableOfContentsProvider.d.ts

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from "react";
+
+//#region src/providers/TableOfContentsProvider.d.ts
+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;
+}
+declare function useTableOfContents(): TableOfContentsContextType;
+interface TableOfContentsProviderProps {
+  items: TableOfContentsItemType[];
+  children: ReactNode;
+  hashNavigation?: boolean;
+}
+declare const TableOfContentsProvider: FC<TableOfContentsProviderProps>;
+//#endregion
+export { TableOfContentsItemType, TableOfContentsProvider, useTableOfContents };

package/dist/providers/TableOfContentsProvider.js

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

package/dist/providers/TableOfContentsProvider.utils.js

@@ -0,0 +1 @@
+function e(t,n){if(n.children){let r=[...t,n.value];for(let t of n.children)r.push(...e([],t));return r}return[...t,n.value]}export{e as getValues};

package/dist/providers/ThemeProvider/ThemeProvider.constants.js

@@ -0,0 +1 @@
+const e=`acl-theme`;export{e as THEME_LOCALSTORAGE_KEY};

package/dist/providers/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from "../../atoms/enums/Theme.js";
+import { FC, ReactNode } from "react";
+
+//#region src/providers/ThemeProvider/ThemeProvider.d.ts
+interface ThemeProviderContextType {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+}
+declare function useThemeProvider(): ThemeProviderContextType;
+interface ThemeProviderProps {
+  children: ReactNode;
+}
+declare const ThemeProvider: FC<ThemeProviderProps>;
+//#endregion
+export { ThemeProvider, useThemeProvider };

package/dist/providers/ThemeProvider/ThemeProvider.js

@@ -0,0 +1 @@
+import{useLocalStorage as e}from"../../atoms/hooks/useLocalStorage.js";import{THEME_LOCALSTORAGE_KEY as t}from"./ThemeProvider.constants.js";import{Theme as n}from"../../atoms/enums/Theme.js";import{createContext as r,useContext as i,useEffect as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=r(void 0);function c(){let e=i(s);if(e===void 0)throw Error(`ThemeProvider must be used within Provider`);return e}const l=({children:r})=>{let[i,c]=e(t,n.LIGHT);a(()=>{document.documentElement.setAttribute(`data-theme`,i)},[i]);let l=e=>{c(e)};return o(s.Provider,{value:{theme:i,setTheme:l},children:r})};export{l as ThemeProvider,s as ThemeProviderContext,c as useThemeProvider};

package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProvider.constants.js

@@ -0,0 +1 @@
+const e={initial:{opacity:0},animate:{opacity:1},transition:{delay:.5,duration:.5}};export{e as TUTORIAL_HIGHLIGHT_ANIMATION_PROPS};

package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProvider.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactElement, RefObject } from "react";
+
+//#region src/providers/TutorialHighlightingProvider/TutorialHighlightingProvider.d.ts
+
+interface TutorialHighlightingProviderProps {
+  children: ReactElement | ReactElement[];
+  contentRef: RefObject<HTMLElement | null>;
+  customStepContent?: Record<string, ReactElement>;
+}
+declare const TutorialHighlightingProvider: FC<TutorialHighlightingProviderProps>;
+//#endregion
+export { TutorialHighlightingProvider };

package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProvider.js

@@ -0,0 +1 @@
+import{TutorialHighlightingProviderInner as e}from"./TutorialHighlightingProviderInner.js";import{createContext as t,useContext as n}from"react";import{jsx as r}from"react/jsx-runtime";import{TutorialProvider as i}from"@equinor/subsurface-app-management";const a=t(void 0);function o(){let e=n(a);if(!e)throw Error(`useTutorialHighlighting must be used within a TutorialHighlightingProvider`);return e}const s=({children:t,contentRef:n,customStepContent:o})=>r(a.Provider,{value:{customStepContent:o??{}},children:r(i,{children:r(e,{contentRef:n,children:t})})});export{s as TutorialHighlightingProvider,o as useTutorialHighlighting};

package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProviderInner.js

@@ -0,0 +1,24 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{getHighlightElementBoundingBox as t}from"../../atoms/utils/tutorials.js";import{useReversedScrollY as n}from"./hooks/useReversedScrollY.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as r}from"./TutorialHighlightingProvider.constants.js";import{TutorialPopover as i}from"./TutorialPopover/TutorialPopover.js";import{useEffect as a,useState as o}from"react";import s from"styled-components";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{motion as d}from"framer-motion";import{useTutorials as f}from"@equinor/subsurface-app-management";import{useIsFetching as p}from"@tanstack/react-query";const m=s.svg`
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100vw;
+  z-index: 9999999;
+  background: none;
+  pointer-events: none;
+`,h=s.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  gap: ${e.medium};
+  z-index: 99999999;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100vh;
+  background: none;
+  pointer-events: none;
+`,g=({children:e,contentRef:s})=>{let{activeTutorial:g,activeStep:_,unseenTutorialsOnThisPage:v}=f(),y=p()>0,b=n(s),[x,S]=o({width:window.innerWidth,height:window.innerHeight});a(()=>{let e=()=>{S({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let[C,w]=o([]);a(()=>{if(y)return;let e=async()=>{if(g&&_!==void 0){if(!g.steps[_].highlightElement)return w([]);let e=await t(g.id,_,x);return w(e?[e]:[])}let e=await Promise.all(v.map(e=>{if(e.steps.at(0)?.highlightElement)return t(e.id,0,x)}));return w(e.filter(e=>e!==void 0))};e()},[_,g,y,v,x]);let T=g?[g]:v.filter(e=>e.steps[0].highlightElement&&C.some(e=>e.id)||!e.steps[0].highlightElement);return T.length>0?u(c,{children:[e,l(h,{children:T.map(e=>{let t=C.find(t=>t.id===e.id);return l(i,{isHighlighting:C.length>0,contentRef:s,...e,...t},e.id)})}),u(m,{children:[u(`mask`,{id:`tutorials-rectangles`,children:[l(`rect`,{width:`100%`,height:`100%`,fill:`white`}),l(d.g,{style:{translateY:b},children:C.map(e=>l(d.path,{"data-testid":`tutorial-mask-${e.id}`,initial:{opacity:0,d:`M ${e.left} ${e.top} h ${e.width} v ${e.height} h -${e.width} Z`},animate:{opacity:1,d:`M ${e.left} ${e.top} h ${e.width} v ${e.height} h -${e.width} Z`},fill:`black`},e.id))})]}),l(d.rect,{width:`100%`,height:`100%`,fill:`rgba(111, 111, 111, 0.35)`,mask:`url(#tutorials-rectangles)`,...r})]})]}):l(c,{children:e})};export{g as TutorialHighlightingProviderInner};

package/dist/providers/TutorialHighlightingProvider/TutorialPopover/StepIndicator.js

@@ -0,0 +1,20 @@
+import{animation as e}from"../../../atoms/style/animation.js";import{colors as t}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{shape as r}from"../../../atoms/style/index.js";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";import{useTutorials as o}from"@equinor/subsurface-app-management";const s=i.div`
+  display: grid;
+  gap: ${n.x_small};
+`,c=i.span`
+  overflow: hidden;
+  height: 4px;
+  width: 100%;
+  background: ${t.interactive.tutorial__inactive_step.rgba};
+  border-radius: ${r.rounded.borderRadius};
+  position: relative;
+  &:after {
+    content: '';
+    position: absolute;
+    background: ${t.interactive.tutorial__active_step.rgba};
+    width: 100%;
+    height: 100%;
+    transition: left ${e.transitionMS};
+    left: calc(${({$index:e,$activeIndex:t})=>(t-e)*100}%);
+  }
+`,l=({stepAmount:e})=>{let{activeStep:t}=o();return a(s,{style:{gridTemplateColumns:`repeat(${e}, 1fr)`},children:Array.from({length:e}).map((e,n)=>a(c,{$index:n,$activeIndex:t},n))})};export{l as StepIndicator};

package/dist/providers/TutorialHighlightingProvider/TutorialPopover/TutorialPopover.js

@@ -0,0 +1,75 @@
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{elevation as n}from"../../../atoms/style/index.js";import{TUTORIAL_HIGHLIGHT_ANIMATION_PROPS as r}from"../TutorialHighlightingProvider.constants.js";import{useTutorialPopoverPosition as i}from"./hooks/useTutorialPopoverPosition.js";import{StepIndicator as a}from"./StepIndicator.js";import{useTutorialHighlighting as o}from"../TutorialHighlightingProvider.js";import{useState as s}from"react";import{Button as c,Card as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import f,{css as p}from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{info_circle as _}from"@equinor/eds-icons";import{motion as v}from"framer-motion";import{useTutorialStepImage as y,useTutorials as b}from"@equinor/subsurface-app-management";function x(e){switch(e){case`top`:return p`
+        left: 50%;
+        top: 0;
+        transform: translate(-50%, 0) rotate(45deg);
+      `;case`top-right`:return p`
+        right: 0;
+        top: 0;
+        transform: translate(-50%, 0) rotate(45deg);
+      `;case`right`:return p`
+        right: 0;
+        top: 50%;
+        transform: translate(0, -50%) rotate(45deg);
+      `;case`bottom-right`:return p`
+        right: 0;
+        bottom: 0;
+        transform: translate(-50%, 0) rotate(45deg);
+      `;case`bottom`:return p`
+        left: 50%;
+        bottom: 0;
+        transform: translate(-50%, 0) rotate(45deg);
+      `;case`bottom-left`:return p`
+        left: 24px;
+        bottom: 0;
+        transform: translate(-50%, 0) rotate(45deg);
+      `;case`left`:return p`
+        left: 0;
+        top: 50%;
+        transform: translate(0, -50%) rotate(45deg);
+      `;case`top-left`:return p`
+        left: 24px;
+        top: 0;
+        transform: translate(-50%, 0) rotate(45deg);
+      `}}const S=f(v(l))`
+  width: 360px;
+  padding: ${t.medium};
+  background: ${e.ui.background__tutorial_card.rgba};
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+  transition:
+    top 400ms,
+    left 400ms;
+  box-shadow: ${n.above_scrim};
+  pointer-events: auto;
+  > header {
+    display: flex;
+    gap: ${t.small};
+    align-items: center;
+  }
+  > img {
+    max-height: 170px;
+    object-fit: contain;
+  }
+  ${({$highlightingElement:t,$caretPosition:n})=>t&&p`
+      transform: translateX(-50%);
+      &:before {
+        z-index: -1;
+        content: '';
+        width: 32px;
+        height: 32px;
+        background: ${e.ui.background__tutorial_card.rgba};
+        position: absolute;
+        ${x(n)}
+      }
+    `}
+`,C=f.div`
+  display: flex;
+  justify-content: flex-end;
+  gap: ${t.small};
+  &:has(> :last-child:nth-child(3)) {
+    > button:first-child {
+      margin-right: auto;
+    }
+  }
+`,w=({contentRef:t,isHighlighting:n,id:l,top:f,left:p,width:v,height:x,name:w,steps:T})=>{let{customStepContent:E}=o(),{activeTutorial:D,activeStep:O,skipTutorial:k,startTutorial:A,goToNextStep:j,goToPreviousStep:M}=b(),{data:N}=y(D?.steps.at(O)?.imgUrl??void 0),[P,F]=s(void 0),{style:I,highlightingElement:L,caretPosition:R}=i({contentRef:t,top:f,left:p,width:v,height:x,popoverSize:P}),z=e=>{if(!e){F(void 0);return}F({width:e.clientWidth,height:e.clientHeight})},B=()=>{k(l)},V=()=>{A(l)};if(O!==void 0&&T[O].custom&&!E[T[O].id])throw Error(`[TutorialHighlightingProvider]: Custom step content not found, tutorial ID: ${l}, step ID: ${T[O].id}`);return!L&&n?null:!D||O===void 0?g(S,{ref:z,style:{...I},$highlightingElement:L,$caretPosition:R,...r,children:[g(`header`,{children:[h(u,{data:_,color:e.interactive.primary__resting.rgba}),h(d,{variant:`h6`,children:w})]}),g(C,{children:[h(c,{variant:`ghost`,onClick:B,children:`Skip`}),h(c,{onClick:V,children:`Start tour`})]})]}):g(S,{ref:z,style:{...I,width:T[O].custom?`auto`:void 0},$caretPosition:R,$highlightingElement:L,...r,children:[T[O].custom?E[T[O].id]:g(m,{children:[g(`header`,{children:[h(u,{data:_,color:e.interactive.primary__resting.rgba}),h(d,{variant:`h6`,children:T[O]?.title})]}),h(d,{variant:`body_short`,children:T[O]?.body}),N?h(`img`,{src:N,alt:T[O].title}):null]}),g(C,{children:[h(c,{variant:`outlined`,disabled:O===0,onClick:M,children:`Back`}),h(c,{variant:`ghost`,onClick:B,children:`Cancel`}),h(c,{onClick:j,children:O===T.length-1?`Finish`:`Next`})]}),h(a,{stepAmount:T.length})]})};export{w as TutorialPopover};

package/dist/providers/TutorialHighlightingProvider/TutorialPopover/hooks/useTutorialPopoverPosition.js

@@ -0,0 +1 @@
+import{useReversedScrollY as e}from"../../hooks/useReversedScrollY.js";import{useTransform as t}from"framer-motion";function n({top:n,left:r,width:i,height:a,popoverSize:o,contentRef:s}){let c=e(s),l=n&&a?n+a+16:void 0,u=r&&i?r+i/2:void 0,d=!!l&&!!u,f=`top`,p=(o?.width??0)/2+16,m=window.innerWidth-16,h=window.innerHeight-16,g=n!==void 0&&a!==void 0&&r!==void 0&&i!==void 0&&u!==void 0&&o!==void 0&&u<o.width/2,_=n!==void 0&&a!==void 0&&r!==void 0&&i!==void 0&&u!==void 0&&o!==void 0&&u+o.width>window.innerWidth;g?(u=r+i+o.width/2+16,l=n-o.height/2-16/4,f=`left`):_&&(u=r-o.width/2-16,l=n-o.height/2-16/4,f=`right`);let v=n!==void 0&&a!==void 0&&l!==void 0&&o!==void 0&&n+a/2+o.height>=window.innerHeight,y=n!==void 0&&a!==void 0&&l!==void 0&&o!==void 0&&l<o.height;y?l=n+a+16:v&&(l=n-o.height-a-32),g&&(y||v)?u=r+o?.width/2:_&&(y||v)&&(u=r+i-o?.width/2),y&&g?f=`top-left`:y&&_&&(f=`top-right`),v&&g?f=`bottom-left`:v&&_?f=`bottom-right`:v&&(f=`bottom`);let b=t(c,e=>{if(!d||!l)return null;let t=e+l;return t<32?32:t>h?h:t});return u&&u<p?u=p:u&&u>m&&(u=m),{style:{position:d?`absolute`:void 0,top:b,left:u},highlightingElement:d,caretPosition:f}}export{n as useTutorialPopoverPosition};

package/dist/providers/TutorialHighlightingProvider/hooks/useReversedScrollY.js

@@ -0,0 +1 @@
+import{useScroll as e,useTransform as t}from"framer-motion";function n(n){let{scrollY:r}=e({container:n});return t(r,e=>e>0?e*-1:0)}export{n as useReversedScrollY};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.15.2",
+  "version": "9.15.3",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
-  "types": "dist/src/index.d.ts",
+  "types": "dist/index.d.ts",
   "type": "module",
   "author": "Amplify Team",
   "license": "ISC",
@@ -30,7 +30,7 @@
     "test:ci": "CI=true vitest run",
     "test:coverage": "vitest run --coverage",
     "build": "npm run build-components",
-    "build-components": "rm -rf dist &&  tsc --project tsconfig.build.json && resolve-tspaths --project tsconfig.build.json && bun run build.ts",
+    "build-components": "tsdown && resolve-tspaths --project tsconfig.build.json",
     "build-and-use": "node tooling/build-and-use.mjs",
     "brute-coverage": "node tooling/brute-coverage.mjs"
   },
@@ -98,6 +98,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "resolve-tspaths": "^0.8.23",
     "storybook": "^9.1.1",
+    "tsdown": "^0.14.1",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.26.1",
     "uuid": "^11.1.0",

package/dist/src/atoms/enums/Environment.d.ts

@@ -1,6 +0,0 @@
-export declare enum EnvironmentType {
-    LOCALHOST = "localhost",
-    DEVELOP = "development",
-    STAGING = "staging",
-    PRODUCTION = "production"
-}

package/dist/src/atoms/enums/Errors.d.ts

@@ -1,8 +0,0 @@
-export declare enum ErrorType {
-    ERROR_400 = "400",
-    ERROR_401 = "401",
-    ERROR_403 = "403",
-    ERROR_404 = "404",
-    ERROR_500 = "500",
-    DEFAULT = "default"
-}

package/dist/src/atoms/enums/SpacingsMode.d.ts

@@ -1,5 +0,0 @@
-export declare enum SpacingsMode {
-    COMFORTABLE = "comfortable",
-    COMPACT = "compact",
-    EXTRA_COMPACT = "extra-compact"
-}

package/dist/src/atoms/enums/Theme.d.ts

@@ -1,4 +0,0 @@
-export declare enum Theme {
-    LIGHT = "light",
-    DARK = "dark"
-}

package/dist/src/atoms/enums/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Errors';
-export * from './Environment';
-export * from './Theme';
-export * from './SpacingsMode';

package/dist/src/atoms/hooks/index.d.ts

@@ -1,18 +0,0 @@
-export { useAmplifyKit } from './useAmplifyKit';
-export { useDebounce } from './useDebounce';
-export { useFakeProgress } from './useFakeProgress';
-export { useLocalStorage } from './useLocalStorage';
-export { usePrevious } from './usePrevious';
-export { useSelect } from './useSelect';
-export { useOnScreenMultiple } from './useOnScreenMultiple';
-export { useNotification } from '../../organisms/TopBar/Notifications/NotificationProvider';
-export { useAuth } from '../../providers/AuthProvider/AuthProvider';
-export { useReleaseNotes } from '../../providers/ReleaseNotesProvider';
-export { useSideBar } from '../../providers/SideBarProvider';
-export { useSnackbar } from '../../providers/SnackbarProvider/SnackbarProvider';
-export { useStepper } from '../../providers/StepperProvider';
-export { useTableOfContents } from '../../providers/TableOfContentsProvider';
-export { useThemeProvider } from '../../providers/ThemeProvider/ThemeProvider';
-export { useSearchParameter } from './useSearchParameter';
-export { usePrefetchRichTextImages } from './usePrefetchRichTextImages';
-export { useFaqsInApplication } from './useFaqsInApplication';

package/dist/src/atoms/hooks/useAmplifyKit.d.ts

@@ -1,7 +0,0 @@
-import { ImageExtensionFnProps, RichTextEditorFeatures } from '../../molecules/RichTextEditor/RichTextEditor.types';
-interface AmplifyKitProps extends ImageExtensionFnProps {
-    features?: RichTextEditorFeatures[];
-    placeholder?: string;
-}
-export declare const useAmplifyKit: ({ features, placeholder, onImageUpload, onImageRead, }: AmplifyKitProps) => import("@tiptap/core").Extension<import("../../molecules/RichTextEditor/custom-extensions/AmplifyKit").AmplifyKitOptions, any>;
-export {};

package/dist/src/atoms/hooks/useDebounce.d.ts

@@ -1 +0,0 @@
-export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/src/atoms/hooks/useFakeProgress.d.ts

@@ -1,10 +0,0 @@
-interface useFakeProgressProps {
-    onDone: () => void;
-    progressDelayMs?: number;
-    finishedTimeoutMs?: number;
-}
-export declare function useFakeProgress({ onDone, progressDelayMs, finishedTimeoutMs, }: useFakeProgressProps): {
-    finished: boolean;
-    progress: number;
-};
-export {};

package/dist/src/atoms/hooks/useFaqsInApplication.d.ts

@@ -1 +0,0 @@
-export declare function useFaqsInApplication(): import("@tanstack/react-query").UseQueryResult<import("@equinor/subsurface-app-management").FaqCategory[], Error>;

package/dist/src/atoms/hooks/useLocalStorage.d.ts

@@ -1,4 +0,0 @@
-export declare const LAST_UPDATED_KEY_SUFFIX = "-last-updated";
-export declare const getLocalStorage: <T>(key: string, defaultState: T, keepAliveMs?: number) => T;
-export declare const updateLocalStorage: <T>(key: string, state: T) => void;
-export declare const useLocalStorage: <T>(key: string, defaultState: T, keepAliveMs?: number) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, () => void];

package/dist/src/atoms/hooks/useOnScreenMultiple.d.ts

@@ -1 +0,0 @@
-export declare function useOnScreenMultiple(elements: (Element | null)[]): boolean[];

package/dist/src/atoms/hooks/usePrefetchRichTextImages.d.ts

@@ -1,9 +0,0 @@
-import { ImageExtensionFnProps } from '../../molecules/RichTextEditor/RichTextEditor.types';
-interface UsePrefetchRichTextImagesArgs {
-    richTextValues: string[];
-    onImageRead: NonNullable<ImageExtensionFnProps['onImageRead']>;
-}
-export declare function usePrefetchRichTextImages({ richTextValues, onImageRead, }: UsePrefetchRichTextImagesArgs): {
-    isPrefetching: boolean;
-};
-export {};

package/dist/src/atoms/hooks/usePrevious.d.ts

@@ -1 +0,0 @@
-export declare function usePrevious<T>(value: T): T | undefined;

package/dist/src/atoms/hooks/useRichTextImage.d.ts

@@ -1,2 +0,0 @@
-import { ImageExtensionFnProps } from '../../molecules/RichTextEditor/RichTextEditor.types';
-export declare function useRichTextImage(image: string, onImageRead: ImageExtensionFnProps['onImageRead'] | undefined): import("@tanstack/react-query").UseQueryResult<string, Error>;

package/dist/src/atoms/hooks/useSearchParameter.d.ts

@@ -1,5 +0,0 @@
-export declare function useSearchParameter<T>({ key, initialValue, parser, }: {
-    key: string;
-    initialValue?: T;
-    parser?: (value: string) => T;
-}): readonly [T | undefined, (action: ((value: T | undefined) => T) | T) => void];

package/dist/src/atoms/hooks/useSelect.d.ts

@@ -1,23 +0,0 @@
-import { ChangeEvent, KeyboardEvent } from 'react';
-import { SelectComponentProps } from '../../molecules/Select/Select';
-import { SelectOption } from '../../molecules/Select/Select.types';
-import { SelectOptionRequired } from '../../molecules/Select/Select.types';
-declare const useSelect: <T extends SelectOptionRequired>(props: SelectComponentProps<T>) => {
-    handleOnAddItem: () => void;
-    handleOnItemSelect: (item: SelectOption<T>) => void;
-    handleOnItemKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
-    handleOnSearchKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-    handleOnClear: () => void;
-    handleOnSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    handleToggleOpen: () => void;
-    handleOnClose: () => void;
-    handleOnOpen: () => void;
-    handleOnRemoveItem: (item: SelectOption<T>) => void;
-    search: string;
-    searchRef: import("react").RefObject<HTMLInputElement | null>;
-    itemRefs: import("react").RefObject<(HTMLButtonElement | null)[]>;
-    selectedValues: T[];
-    open: boolean;
-    tryingToRemoveItem: T | undefined;
-};
-export { useSelect };

package/dist/src/atoms/icons/drilling.d.ts

@@ -1,8 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const amplify_wellbore: IconData;
-export declare const amplify_wireline: IconData;
-export declare const amplify_wireline_open_hole: IconData;
-export declare const amplify_wireline_cased_hole: IconData;
-export declare const amplify_lwd: IconData;
-export declare const amplify_success: IconData;
-export declare const amplify_failure: IconData;

package/dist/src/atoms/icons/index.d.ts

@@ -1,4 +0,0 @@
-export * from './drilling';
-export * from './map';
-export * from './other';
-export * from './wysiwyg';

package/dist/src/atoms/icons/map.d.ts

@@ -1,4 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const amplify_sidebyside: IconData;
-export declare const amplify_overlay: IconData;
-export declare const amplify_calculator: IconData;

package/dist/src/atoms/icons/other.d.ts

@@ -1,14 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const amplify_aml: IconData;
-export declare const amplify_snail: IconData;
-export declare const amplify_sharepoint: IconData;
-export declare const amplify_tutorials: IconData;
-export declare const amplify_small_portal: IconData;
-export declare const amplify_sort_small: IconData;
-export declare const amplify_info_small: IconData;
-export declare const amplify_resources: IconData;
-export declare const amplify_overview: IconData;
-export declare const amplify_shield_person: IconData;
-export declare const amplify_merged: IconData;
-export declare const amplify_branch: IconData;
-export declare const amplify_arrow_up_down: IconData;

package/dist/src/atoms/icons/wysiwyg.d.ts

@@ -1,15 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const amplify_h1: IconData;
-export declare const amplify_h2: IconData;
-export declare const amplify_h3: IconData;
-export declare const amplify_h4: IconData;
-export declare const amplify_table_row_heading: IconData;
-export declare const amplify_table_column_heading: IconData;
-export declare const amplify_table_add_column_left: IconData;
-export declare const amplify_table_add_column_right: IconData;
-export declare const amplify_table_remove_column: IconData;
-export declare const amplify_table_add_row_above: IconData;
-export declare const amplify_table_add_row_below: IconData;
-export declare const amplify_table_remove_row: IconData;
-export declare const amplify_table_merge_cells: IconData;
-export declare const amplify_table_split_cell: IconData;

package/dist/src/atoms/index.d.ts

@@ -1,12 +0,0 @@
-export * from './hooks';
-export * from './style';
-export type * from './types';
-export * from './enums';
-export * from './icons';
-export * from './utils';
-import * as styleTemp from './style';
-/**
- * @deprecated - Use direct export instead
- */
-declare const style: typeof styleTemp;
-export { style };

package/dist/src/atoms/style/animation.d.ts

@@ -1,3 +0,0 @@
-export declare const animation: {
-    readonly transitionMS: "200ms";
-};