@equinor/amplify-component-lib 8.18.1 → 8.19.0

package/dist/atoms/hooks/useSelect.js

@@ -1 +1 @@
-import{useState as e,useRef as n,useMemo as r,useEffect as t}from"react";import{flattenOptions as l}from"../../molecules/Select/Select.utils.js";const u=u=>{const{loading:a,disabled:c,sortValues:o,onSearchChange:d,onOpenCallback:s}=u,[i,v]=e(!1),[h,m]=e(""),f=n(null),g=n([]),p=n(-1),[y,k]=e(void 0),S=n(!1),I=n(0),A=r((()=>{let e,n=[];return"values"in u?n=u.values:u.value&&(n=[u.value]),o?(e="groups"in u&&u.groups?u.groups.flatMap((e=>e.items)):u.items.flatMap((e=>[{...e},...e.children||[]])),n.sort(((n,r)=>e.findIndex((e=>e.value===n.value))-e.findIndex((e=>e.value===r.value))))):n}),[u,o]);t((()=>{void 0!==s&&s(i)}),[s,i]),t((()=>{S.current&&I.current!==A.length&&(I.current=A.length,S.current=!1,f.current?.focus())}),[A.length]);const O=()=>{i||c||a||(f.current?.focus(),v(!0))},w=()=>{v(!1),m(""),p.current=0},C=e=>{!("values"in u)||a||c||u.onSelect(u.values.filter((n=>n.value!==e.value)),e)};return{handleOnAddItem:()=>{"onAddItem"in u&&u.onAddItem&&(u.onAddItem(h),m(""))},handleOnItemSelect:e=>{"value"in u?u.onSelect(e):u.onSelect(((e,n)=>{const r=structuredClone(e);return r.some((e=>e.value===n.value))?r.filter((e=>e.value!==n.value)):"values"in u&&void 0!==u.syncParentChildSelection&&!u.syncParentChildSelection?[n,...r]:[n,...r.filter((e=>(!(void 0===n.children||n.children.length>0)||!l([n]).some((n=>n.value===e.value)))&&(void 0===e.children||0===e.children.length||l([e]).every((e=>e.value!==n.value)))))]})(u.values,e),e),""!==h&&m(""),S.current=!0},handleOnItemKeyDown:e=>{"ArrowDown"===e.key&&p.current<g.current.length-1?(p.current+=1,g.current.at(p.current)?.focus()):"ArrowUp"===e.key&&p.current>0?(p.current-=1,g.current.at(p.current)?.focus()):"ArrowUp"===e.key&&0===p.current&&(p.current=-1,f.current?.focus())},handleOnSearchKeyDown:e=>{"Enter"===e.key&&""!==h&&"onAddItem"in u&&u.onAddItem?(e.preventDefault(),u.onAddItem(h),m("")):"Space"===e.key||"Enter"===e.key?O():"Escape"===e.key?(f.current?.blur(),w()):"ArrowDown"!==e.key&&"ArrowUp"!==e.key||!g.current.at(0)?"Backspace"===e.key&&void 0===y&&"values"in u&&""===h?(k(A?.at(-1)),setTimeout((()=>{f.current?.focus()}))):"Backspace"===e.key&&y&&(C(y),k(void 0)):(g.current[0]?.focus(),p.current=0)},handleOnClear:()=>{"value"in u?u.onSelect(void 0):u.onSelect([])},handleOnSearchChange:e=>{" "===e.target.value||a||c||(m(e.target.value),d?.(e.target.value),i||v(!0),A.length>0&&""!==e.target.value&&setTimeout((()=>{f.current?.focus()})))},handleToggleOpen:()=>{c||a||(i?w():O())},handleOnClose:w,handleOnOpen:O,handleOnRemoveItem:C,search:h,searchRef:f,itemRefs:g,selectedValues:A,open:i,tryingToRemoveItem:y}};export{u as useSelect};
+import{useState as e,useRef as n,useMemo as r,useEffect as t}from"react";import{flattenOptions as l}from"../../molecules/Select/Select.utils.js";const u=u=>{const{loading:a,disabled:c,sortValues:o,onSearchChange:d,onOpenCallback:s}=u,[v,i]=e(!1),[h,m]=e(""),f=n(null),g=n([]),p=n(-1),[y,S]=e(void 0),k=n(!1),I=n(0),A=r((()=>{let e,n=[];return"values"in u?n=u.values:u.value&&(n=[u.value]),o?(e="groups"in u&&u.groups?u.groups.flatMap((e=>e.items)):u.items.flatMap((e=>[{...e},...e.children||[]])),n.sort(((n,r)=>e.findIndex((e=>e.value===n.value))-e.findIndex((e=>e.value===r.value))))):n}),[u,o]);t((()=>{void 0!==s&&s(v)}),[s,v]),t((()=>{k.current&&I.current!==A.length&&(I.current=A.length,k.current=!1,f.current?.focus())}),[A.length]);const O=()=>{v||c||a||(f.current?.focus(),i(!0))},w=()=>{i(!1),m(""),p.current=0},C=e=>{!("values"in u)||a||c||u.onSelect(u.values.filter((n=>n.value!==e.value)),e)};return{handleOnAddItem:()=>{"onAddItem"in u&&u.onAddItem&&(u.onAddItem(h),m(""))},handleOnItemSelect:e=>{"value"in u?u.value?.value===e.value?u.onSelect(void 0):u.onSelect(e):u.onSelect(((e,n)=>{const r=structuredClone(e);return r.some((e=>e.value===n.value))?r.filter((e=>e.value!==n.value)):"values"in u&&void 0!==u.syncParentChildSelection&&!u.syncParentChildSelection?[n,...r]:[n,...r.filter((e=>(!(void 0===n.children||n.children.length>0)||!l([n]).some((n=>n.value===e.value)))&&(void 0===e.children||0===e.children.length||l([e]).every((e=>e.value!==n.value)))))]})(u.values,e),e),""!==h&&m(""),k.current=!0},handleOnItemKeyDown:e=>{"ArrowDown"===e.key&&p.current<g.current.length-1?(p.current+=1,g.current.at(p.current)?.focus()):"ArrowUp"===e.key&&p.current>0?(p.current-=1,g.current.at(p.current)?.focus()):"ArrowUp"===e.key&&0===p.current&&(p.current=-1,f.current?.focus())},handleOnSearchKeyDown:e=>{"Enter"===e.key&&""!==h&&"onAddItem"in u&&u.onAddItem?(e.preventDefault(),u.onAddItem(h),m("")):"Space"===e.key||"Enter"===e.key?O():"Escape"===e.key?(f.current?.blur(),w()):"ArrowDown"!==e.key&&"ArrowUp"!==e.key||!g.current.at(0)?"Backspace"===e.key&&void 0===y&&"values"in u&&""===h?(S(A?.at(-1)),setTimeout((()=>{f.current?.focus()}))):"Backspace"===e.key&&y&&(C(y),S(void 0)):(g.current[0]?.focus(),p.current=0)},handleOnClear:()=>{"value"in u?u.onSelect(void 0):u.onSelect([])},handleOnSearchChange:e=>{" "===e.target.value||a||c||(m(e.target.value),d?.(e.target.value),v||i(!0),A.length>0&&""!==e.target.value&&setTimeout((()=>{f.current?.focus()})))},handleToggleOpen:()=>{c||a||(v?w():O())},handleOnClose:w,handleOnOpen:O,handleOnRemoveItem:C,search:h,searchRef:f,itemRefs:g,selectedValues:A,open:v,tryingToRemoveItem:y}};export{u as useSelect};

package/dist/molecules/DatePicker/DatePicker.styles.js

@@ -13,5 +13,8 @@ import{colors as t}from"../../atoms/style/colors.js";import o from"styled-compon
 
   div:has(> button) {
     outline-width: 1px;
+    > button:focus-visible {
+      outline: none;
+    }
   }
 `;export{e as DatePickerWrapper};

package/dist/molecules/FileProgress/CompactFileProgress.js

@@ -1 +1 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as i,useMemo as o}from"react";import{Icon as s,Typography as n}from"@equinor/eds-core-react";import{error_outlined as a,clear as m}from"@equinor/eds-icons";import{Rejection as p,DoneWrapper as l,LoadingWrapper as c,CircularProgress as d,CompactFileProgressContainer as j,FileTooltip as h,AdditionalText as u,CloseButton as v}from"./CompactFileProgress.styles.js";import{isFileImage as g,getFileIcon as S,readUploadedFileAsText as P}from"./FileProgress.utils.js";import{colors as f}from"../../atoms/style/colors.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Banner/Banner.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"./RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import{OptionalTooltip as E}from"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";const k=({file:k,progressPercent:y,isError:T,shortErrorText:x,showCompleteState:C,fullErrorText:A,handleOnClick:B,isDeleting:R})=>{const[M,b]=e("");i((()=>{T||(async r=>{const t=await P(r);b(t)})(k)}),[T,k]);const F=o((()=>T?A&&A.length>0?A:"An error has occurred with the file":""),[A,T]),w=o((()=>T?r(p,{children:[t(s,{data:a,color:f.interactive.warning__text.rgba}),t("div",{children:x&&x.length>0?x:"Invalid file type"})]}):C&&!R&&g(k.name)?t(l,{children:t("img",{src:M,alt:` ${k.name}`})}):C&&!R?t(l,{children:t(s,{data:S(k.name)})}):r(c,{children:[t(d,{variant:void 0===y||R?"indeterminate":"determinate",value:y,size:24}),t(n,{variant:"meta",children:"Uploading..."})]})),[T,C,R,y,x,M,k.name]);return r(j,{$isError:T,children:[t(h,{title:F,children:w}),t(E,{title:k.name,children:t(u,{group:"paragraph",variant:"meta",children:k.name})}),!R&&t(v,{"data-testid":"attachment-delete-button",onClick:B,children:t(s,{color:f.text.static_icons__tertiary.rgba,data:m})})]})};export{k as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as i,useMemo as o}from"react";import{Icon as s,Typography as n}from"@equinor/eds-core-react";import{error_outlined as a,clear as m}from"@equinor/eds-icons";import{Rejection as p,DoneWrapper as l,LoadingWrapper as c,CircularProgress as d,CompactFileProgressContainer as h,FileTooltip as j,AdditionalText as u,CloseButton as g}from"./CompactFileProgress.styles.js";import{isFileImage as v,getFileIcon as S,readUploadedFileAsText as x}from"./FileProgress.utils.js";import{colors as f}from"../../atoms/style/colors.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Banner/Banner.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"./RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import{OptionalTooltip as k}from"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";const P=({file:P,progressPercent:w,isError:y,shortErrorText:E,showCompleteState:T,fullErrorText:B,handleOnClick:C,isDeleting:A})=>{const[b,R]=e("");i((()=>{y||(async r=>{const t=await x(r);R(t)})(P)}),[y,P]);const M=o((()=>y?B&&B.length>0?B:"An error has occurred with the file":""),[B,y]),_=o((()=>y?r(p,{children:[t(s,{data:a,color:f.interactive.warning__text.rgba}),t("div",{children:E&&E.length>0?E:"Invalid file type"}),t("svg",{width:"88",height:"88",viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("rect",{x:"1",y:"1",width:"86",height:"86",rx:"7",stroke:f.interactive.warning__text.rgba,strokeWidth:"2",strokeDasharray:"4 4"})})]}):T&&!A&&v(P.name)?t(l,{children:t("img",{src:b,alt:` ${P.name}`})}):T&&!A?t(l,{children:t(s,{data:S(P.name)})}):r(c,{children:[t(d,{variant:void 0===w||A?"indeterminate":"determinate",value:w,size:24}),t(n,{variant:"meta",children:"Uploading..."}),t("svg",{width:"88",height:"88",viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("rect",{x:"1",y:"1",width:"86",height:"86",rx:"7",stroke:f.ui.background__medium.rgba,strokeWidth:"2",strokeDasharray:"4 4"})})]})),[y,T,A,w,E,b,P.name]);return r(h,{$isError:y,children:[t(j,{title:M,children:_}),t(k,{title:P.name,children:t(u,{group:"paragraph",variant:"meta",children:P.name})}),!A&&t(g,{"data-testid":"attachment-delete-button",onClick:C,children:t(s,{color:f.text.static_icons__tertiary.rgba,data:m})})]})};export{P as default};

package/dist/molecules/FileProgress/CompactFileProgress.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const BORDER_RADIUS = "8px";
+export declare const BORDER_RADIUS = "7px";
 interface ContainerProps {
     $isError?: boolean;
 }

package/dist/molecules/FileProgress/CompactFileProgress.styles.js

@@ -1,53 +1,57 @@
-import{Typography as i,Tooltip as r,CircularProgress as t}from"@equinor/eds-core-react";import{animation as e}from"../../atoms/style/animation.js";import{colors as o}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import s,{css as n}from"styled-components";const d="8px",l=s.div`
-  border-radius: 4px;
+import{Typography as i,Tooltip as t,CircularProgress as r}from"@equinor/eds-core-react";import{animation as e}from"../../atoms/style/animation.js";import{colors as o}from"../../atoms/style/colors.js";import{spacings as s}from"../../atoms/style/spacings.js";import a,{css as n}from"styled-components";const l="7px",d=a.div`
   margin: 10px 0;
   width: 88px;
   height: 88px;
   box-sizing: border-box;
   position: relative;
   transition: ${e.transitionMS};
+  border-radius: ${l};
   ${({$isError:i})=>i&&n`
       &:hover {
         background: ${o.ui.background__warning.rgba};
       }
     `}
-`;s(i)`
-  margin: ${a.small} ${a.small} 0 ${a.small};
+`;a(i)`
+  margin: ${s.small} ${s.small} 0 ${s.small};
   color: ${o.text.static_icons__tertiary.rgba};
-`;const c=s.div`
+`;const c=a.div`
   height: 100%;
   width: 100%;
   overflow: hidden;
-  border: 2px dashed ${o.ui.background__medium.rgba};
   display: flex;
   flex-direction: column;
-  gap: ${a.small};
+  gap: ${s.small};
   justify-content: center;
   align-items: center;
-  border-radius: ${d};
-`,g=s.div`
+  border-radius: ${l};
+  > svg:last-child {
+    position: absolute;
+  }
+`,p=a.div`
   height: 100%;
   width: 100%;
   overflow: hidden;
   border: 2px solid ${o.ui.background__medium.rgba};
-  border-radius: ${d};
+  border-radius: ${l};
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
+
   > img {
     object-fit: cover;
     width: 88px;
     height: 88px;
   }
+
   > svg {
     width: 40px;
     height: 40px;
   }
-`,p=s.div`
+`,g=a.div`
   display: flex;
   flex-direction: column;
-  gap: ${a.small};
+  gap: ${s.small};
   align-items: center;
   justify-content: center;
   height: 100%;
@@ -55,12 +59,14 @@ import{Typography as i,Tooltip as r,CircularProgress as t}from"@equinor/eds-core
   font-size: 11px;
   justify-items: center;
   text-align: center;
-  border-radius: ${d};
-  border: 2px dashed ${o.interactive.warning__text.rgba};
+  border-radius: ${l};
+  > svg:last-child {
+    position: absolute;
+  }
   > div {
     color: ${o.interactive.warning__text.rgba};
   }
-`,h=s.div`
+`,h=a.div`
   background-color: ${o.text.static_icons__tertiary.rgba};
   border-radius: 50%;
   border: 2px solid ${o.ui.background__light.rgba};
@@ -75,20 +81,20 @@ import{Typography as i,Tooltip as r,CircularProgress as t}from"@equinor/eds-core
     height: 14px;
     fill: ${o.ui.background__light.rgba};
   }
-`,x=s(i)`
+`,m=a(i)`
   font-size: 10px;
-  padding-top: ${a.x_small};
+  padding-top: ${s.x_small};
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-`,m=s(r)`
+`,x=a(t)`
   white-space: pre;
-`,b=s(t)`
+`,b=a(r)`
   circle {
     stroke: ${o.interactive.primary__resting.rgba};
   }
   circle:first-child {
     stroke: ${o.interactive.primary__hover_alt.rgba};
   }
-`;export{x as AdditionalText,d as BORDER_RADIUS,b as CircularProgress,h as CloseButton,l as CompactFileProgressContainer,g as DoneWrapper,m as FileTooltip,c as LoadingWrapper,p as Rejection};
+`;export{m as AdditionalText,l as BORDER_RADIUS,b as CircularProgress,h as CloseButton,d as CompactFileProgressContainer,p as DoneWrapper,x as FileTooltip,c as LoadingWrapper,g as Rejection};

package/dist/molecules/FileProgress/FileProgress.utils.js

@@ -1 +1 @@
-import{file as e,microsoft_excel as r,microsoft_powerpoint as n,microsoft_word as t,library_pdf as s}from"@equinor/eds-icons";function o(e){const r=new FileReader;return new Promise(((n,t)=>{r.onerror=()=>{r.abort(),t(new DOMException("Problem parsing input file."))},r.onload=()=>{n(r.result)},r.readAsDataURL(e)}))}function c(e){return/\.(jpe?g|png|gif|bmp)$/i.test(e)}function a(o){switch(o.split(".").pop()){case"pdf":return s;case"doc":case"docx":return t;case"ppt":case"pptx":return n;case"xls":case"xlsx":case"csv":return r;default:return e}}export{a as getFileIcon,c as isFileImage,o as readUploadedFileAsText};
+import{file_description as e,library_pdf as n}from"@equinor/eds-icons";function r(e){const n=new FileReader;return new Promise(((r,o)=>{n.onerror=()=>{n.abort(),o(new DOMException("Problem parsing input file."))},n.onload=()=>{r(n.result)},n.readAsDataURL(e)}))}function o(e){return/\.(jpe?g|png|gif|bmp)$/i.test(e)}function t(r){return"pdf"===r.split(".").pop()?n:e}export{t as getFileIcon,o as isFileImage,r as readUploadedFileAsText};

package/dist/molecules/RichTextEditor/RichTextEditor.styles.js

@@ -1,10 +1,10 @@
-import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EditorContent as o}from"@tiptap/react";import e from"styled-components";import"react";import"./custom-extensions/AmplifyKit.js";import"./RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{colors as t}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"react/jsx-runtime";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const{spacings:i,typography:a,shape:n,colors:s}=r,d=e(o)`
+import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EditorContent as o}from"@tiptap/react";import t from"styled-components";import"react";import"./custom-extensions/AmplifyKit.js";import"./RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{colors as e}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"react/jsx-runtime";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const{spacings:i,typography:a,shape:n,colors:s}=r,d=t(o)`
   display: grid;
   grid-template-rows: 1fr;
   overflow-y: auto;
   min-height: ${r=>r.$minHeight||"auto"};
   max-height: ${r=>r.$maxHeight||"auto"};
-`,p=e.div`
+`,p=t.div`
   display: grid;
   background: ${s.ui.background__default.rgba};
   border-radius: ${n.corners.borderRadius} ${n.corners.borderRadius} 0 0;
@@ -25,7 +25,7 @@ import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     background: ${r=>r.$lightBackground?`${s.ui.background__default.rgba}`:`${s.ui.background__light.rgba}`};
 
     &[contenteditable='true'] {
-      box-shadow: ${({$highlighted:r})=>r?`inset 0 -2px ${t.dataviz.darkblue.darker}`:`inset 0 -1px ${s.ui.background__medium.rgba}`};
+      box-shadow: ${({$highlighted:r})=>r?`inset 0 -2px ${e.dataviz.darkblue.darker}`:`inset 0 -1px ${s.ui.background__medium.rgba}`};
     }
 
     padding: ${r=>{switch(r.$padding){case"sm":return i.comfortable.small;case"md":return i.comfortable.medium;case"lg":return i.comfortable.large;default:return 0}}};
@@ -90,7 +90,7 @@ import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
       }
 
       th {
-        background-color: #f1f3f5;
+        background-color: ${({$lightBackground:r})=>r?"#f1f3f5":s.ui.background__default.rgba};
         font-weight: bold;
         text-align: left;
       }

package/dist/molecules/Select/GroupedSelectMenu.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{Menu as i}from"@equinor/eds-core-react";import{NoItemsFoundText as m}from"./Select.styles.js";import{getCumulativeArrayFromNumberedArray as l}from"./Select.utils.js";import{SelectMenuItem as n}from"./SelectMenuItem.js";const r=r=>{const{onItemSelect:o,onItemKeyDown:s,itemRefs:c,groups:a,search:f,onSearchFilter:u}=r,p=t((()=>{if(""===f)return a;const e=new RegExp(f,"i");return a.map((t=>({title:t.title,items:t.items.filter((t=>void 0!==u?u(f,t):t.label.match(e)))}))).filter((e=>e.items.length>0))}),[a,u,f]),d=t((()=>{const e=p.map((e=>e.items.length));return l(e)}),[p]);return 0===p.length?e(m,{children:"No items found"}):"values"in r?p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+d[m],childOffset:0,item:i,multiselect:!0,itemRefs:c,onItemKeyDown:s,onItemSelect:o,values:r.values},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`))):p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+d[m],childOffset:0,item:i,itemRefs:c,onItemKeyDown:s,onItemSelect:o},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`)))};export{r as GroupedSelectMenu};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{Menu as i}from"@equinor/eds-core-react";import{NoItemsFoundText as m}from"./Select.styles.js";import{getCumulativeArrayFromNumberedArray as l}from"./Select.utils.js";import{SelectMenuItem as n}from"./SelectMenuItem.js";const r=r=>{const{onItemSelect:o,onItemKeyDown:s,itemRefs:c,groups:a,search:u,onSearchFilter:f}=r,p=t((()=>{if(""===u)return a;const e=new RegExp(u,"i");return a.map((t=>({title:t.title,items:t.items.filter((t=>void 0!==f?f(u,t):t.label.match(e)))}))).filter((e=>e.items.length>0))}),[a,f,u]),d=t((()=>{const e=p.map((e=>e.items.length));return l(e)}),[p]);return 0===p.length?e(m,{children:"No items found"}):"values"in r?p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+d[m],childOffset:0,item:i,multiselect:!0,itemRefs:c,onItemKeyDown:s,onItemSelect:o,values:r.values},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`))):p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+d[m],childOffset:0,item:i,itemRefs:c,onItemKeyDown:s,onItemSelect:o,value:r.value},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`)))};export{r as GroupedSelectMenu};

package/dist/molecules/Select/ListSelectMenu.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useMemo as m}from"react";import{Menu as i}from"@equinor/eds-core-react";import{AddTagItem as o}from"./AddTagItem.js";import{NoItemsFoundText as r,NoTagFoundText as l}from"./Select.styles.js";import{flattenOptions as s,getChildOffset as d}from"./Select.utils.js";import{SelectMenuItem as c}from"./SelectMenuItem.js";const a=a=>{const{search:u,items:f,onItemSelect:h,itemRefs:I,onItemKeyDown:p,onSearchFilter:x}=a,S=m((()=>{if(""===u)return f;const e=new RegExp(u,"i");return s(f).filter((t=>void 0!==x?x(u,t):t.label.match(e)))}),[f,x,u]);if(0===S.length&&!a.onAddItem)return e(r,{children:"No items found"});const g=S.some((e=>e.children&&e.children.length>0));if("values"in a){const m=S.map(((e,t)=>({childOffset:d(S,t),index:t,item:e,itemRefs:I,onItemKeyDown:p,onItemSelect:h,itemValue:e.value,values:a.values,parentHasNestedItems:g})));return"onAddItem"in a&&a.onAddItem&&""!==u?t(n,{children:[e(i.Section,{title:"Add tag",index:0,children:e(o,{index:0,itemRefs:I,onItemKeyDown:p,onAddItem:a.onAddItem,children:u})}),e(i.Section,{title:"Tag search results",index:1,children:m.length>0?m.map(((t,n)=>e(c,{multiselect:!0,...t,index:n+1},`menu-item-${n}-${t.itemValue}`))):t(l,{children:['No tag for "',u,'" found.']})})]}):m.map(((t,n)=>e(c,{multiselect:!0,...t},`menu-item-${n}-${t.itemValue}`)))}return S.map(((t,n)=>e(c,{childOffset:d(S,n),index:n,item:t,itemRefs:I,onItemKeyDown:p,onItemSelect:h,parentHasNestedItems:g},`menu-item-${n}-${t.value}`)))};export{a as ListSelectMenu};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useMemo as m}from"react";import{Menu as i}from"@equinor/eds-core-react";import{AddTagItem as o}from"./AddTagItem.js";import{NoItemsFoundText as r,NoTagFoundText as l}from"./Select.styles.js";import{flattenOptions as s,getChildOffset as d}from"./Select.utils.js";import{SelectMenuItem as c}from"./SelectMenuItem.js";const a=a=>{const{search:u,items:f,onItemSelect:h,itemRefs:I,onItemKeyDown:p,onSearchFilter:x}=a,S=m((()=>{if(""===u)return f;const e=new RegExp(u,"i");return s(f).filter((t=>void 0!==x?x(u,t):t.label.match(e)))}),[f,x,u]);if(0===S.length&&!a.onAddItem)return e(r,{children:"No items found"});const g=S.some((e=>e.children&&e.children.length>0));if("values"in a){const m=S.map(((e,t)=>({childOffset:d(S,t),index:t,item:e,itemRefs:I,onItemKeyDown:p,onItemSelect:h,itemValue:e.value,values:a.values,parentHasNestedItems:g})));return"onAddItem"in a&&a.onAddItem&&""!==u?t(n,{children:[e(i.Section,{title:"Add tag",index:0,children:e(o,{index:0,itemRefs:I,onItemKeyDown:p,onAddItem:a.onAddItem,children:u})}),e(i.Section,{title:"Tag search results",index:1,children:m.length>0?m.map(((t,n)=>e(c,{multiselect:!0,...t,index:n+1},`menu-item-${n}-${t.itemValue}`))):t(l,{children:['No tag for "',u,'" found.']})})]}):m.map(((t,n)=>e(c,{multiselect:!0,...t},`menu-item-${n}-${t.itemValue}`)))}return S.map(((t,n)=>e(c,{childOffset:d(S,n),index:n,item:t,itemRefs:I,onItemKeyDown:p,onItemSelect:h,parentHasNestedItems:g,value:a.value},`menu-item-${n}-${t.value}`)))};export{a as ListSelectMenu};

package/dist/molecules/Select/Select.styles.d.ts

@@ -50,6 +50,7 @@ declare const ComboBoxChip: import("styled-components/dist/types").IStyledCompon
 }))) & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 interface CustomMenuItemProps {
     $paddedLeft?: boolean;
+    $selected?: boolean;
 }
 declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
     as?: import("react").ElementType | undefined;

package/dist/molecules/Select/Select.styles.js

@@ -93,7 +93,7 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
       width: calc(100% - 24px);
     }
   }
-`,u=d.section`
+`,h=d.section`
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -135,7 +135,7 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
       }
     }
   }
-`,h=d(t)`
+`,u=d(t)`
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
@@ -154,10 +154,9 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
   background: ${({$tryingToRemove:t,$lightBackground:e})=>t?o.interactive.primary__hover_alt.rgba:e?o.ui.background__light.rgba:o.ui.background__default.rgba} !important;
 `,x=d(e.Item)`
   flex-grow: 1;
-  border-radius: 2px;
   ${({$paddedLeft:t})=>t&&"margin-left: 36px"};
   padding-left: 10px;
-
+  
   > div {
     grid-auto-columns: auto;
     justify-content: flex-start;
@@ -170,16 +169,24 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
   &:focus-visible {
     outline: 2px dashed ${o.interactive.primary__resting.rgba};
   }
+
+    ${({$selected:t})=>t?c`
+            background: ${o.interactive.primary__selected_highlight.rgba};
+
+            &:hover {
+              background: ${o.interactive.primary__selected_hover.rgba};
+            }
+          `:""}}
 `,_=d.hr`
   height: calc(100% + ${s.medium} * 2);
   justify-self: center;
   width: ${s.x_large};
-`,f=d(r)`
+`,$=d(r)`
   position: absolute;
   color: ${o.text.static_icons__tertiary.rgba};
   top: calc(50%);
   transform: translate(0, -50%);
-`,$=d(f)`
+`,f=d($)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -200,8 +207,7 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
 `,k=d.div`
   display: flex;
   align-items: center;
-  padding: 0 ${s.small};
 `,j=d(t)`
   width: 36px;
   height: 36px;
-`;export{h as ClearButton,m as ComboBoxChip,b as Container,g as HelperWrapper,_ as MenuItemSpacer,k as MenuItemWrapper,w as NoItemsFoundText,v as NoTagFoundText,f as PlaceholderText,u as Section,j as SmallButton,y as StyledMenu,x as StyledMenuItem,$ as ValueText,p as Wrapper};
+`;export{u as ClearButton,m as ComboBoxChip,b as Container,g as HelperWrapper,_ as MenuItemSpacer,k as MenuItemWrapper,w as NoItemsFoundText,v as NoTagFoundText,$ as PlaceholderText,h as Section,j as SmallButton,y as StyledMenu,x as StyledMenuItem,f as ValueText,p as Wrapper};

package/dist/molecules/Select/Select.types.d.ts

@@ -54,7 +54,7 @@ export type SingleSelectMenuItemProps<T extends SelectOptionRequired> = {
     multiselect?: undefined;
     isParentSelected?: boolean;
     parentHasNestedItems?: boolean;
-} & Omit<SelectMenuProps<T>, 'search'> & SelectMenuItemProps<T>;
+} & Omit<SelectMenuProps<T>, 'search'> & SelectMenuItemProps<T> & Pick<SingleSelectCommon<T>, 'value'>;
 export type MultiSelectMenuItemProps<T extends SelectOptionRequired> = {
     isParentSelected?: boolean;
     parentHasNestedItems?: boolean;

package/dist/molecules/Select/SelectMenuItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as c,useMemo as o}from"react";import{Icon as i}from"@equinor/eds-core-react";import{checkbox_outline as l,chevron_down as a,chevron_right as s,checkbox as u}from"@equinor/eds-icons";import{tokens as d}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{getChildOffset as m}from"./Select.utils.js";import{getParentIcon as p}from"./SelectMenuItem.utils.js";import{MenuItemSpacer as h,MenuItemWrapper as f,SmallButton as y,StyledMenuItem as w}from"./Select.styles.js";const{colors:g}=d,k=d=>{const{index:v,childOffset:b,depth:x=0,item:C,multiselect:D,itemRefs:A,onItemKeyDown:I,onItemSelect:$,parentHasNestedItems:_=!1}=d,[j,K]=n(!1),S=c(-1),O=c([]),q=("values"in d?d.values.map((({value:e})=>e)):[]).includes(C.value),M=o((()=>D?p(C,d.values):l),[C,D,d]),R=o((()=>new Array(x).fill(0).map(((r,t)=>e(h,{},`spacer-${r+t}`)))),[x]),H=e=>{e.preventDefault(),$(C)},L=e=>{e.stopPropagation(),K((e=>!e))},N=e=>{"ArrowDown"===e.key?S.current+=1:"ArrowUp"===e.key&&(S.current-=1),S.current<=-1?(A.current[v]?.focus(),S.current=-1):S.current+b===O.current.length?(S.current=-1,I(e),K(!1)):S.current>=0&&S.current<O.current.length-b&&O.current[S.current+b]?.focus()},U=e=>{!j&&"ArrowDown"===e.key||"ArrowUp"===e.key?I(e):"ArrowRight"===e.key||"ArrowLeft"===e.key?K((e=>!e)):j&&"ArrowDown"===e.key&&-1===S.current&&(S.current=0,O.current[S.current+b]?.focus())};return C.children&&C.children.length>0&&D?r(t,{children:[r(f,{children:[R,e(y,{variant:"ghost_icon",onClick:L,"data-testid":"toggle-button",children:e(i,{color:g.interactive.primary__resting.rgba,data:j?a:s})}),r(w,{$depth:x,ref:e=>{A.current[v]=e},index:v,closeMenuOnClick:!1,onKeyDownCapture:U,onClick:H,children:[e(i,{color:g.interactive.primary__resting.rgba,data:M}),e("span",{children:C.label})]})]}),j&&C.children.map(((r,t)=>e(k,{index:b+t,childOffset:b+m(C.children,t),depth:x+1,multiselect:!0,item:r,itemRefs:O,values:d.values,onItemKeyDown:N,onItemSelect:$,parentHasNestedItems:!0},`child-${t}-${r.value}-${C.value}`)))]}):D?r(f,{children:[R,r(w,{$depth:x,$paddedLeft:_,ref:e=>{A.current[v]=e},index:v,tabIndex:x,closeMenuOnClick:!1,onKeyDownCapture:I,onClick:H,children:[e(i,{color:g.interactive.primary__resting.rgba,data:q?u:l}),e("span",{children:C.label})]})]}):e(f,{children:e(w,{$depth:x,ref:e=>{A.current[v]=e},index:v,onKeyDownCapture:I,onClick:H,children:e("span",{children:C.label})})})};export{k as SelectMenuItem};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as o,useMemo as c}from"react";import{Icon as i}from"@equinor/eds-core-react";import{checkbox_outline as l,chevron_down as a,chevron_right as s,checkbox as u}from"@equinor/eds-icons";import{tokens as d}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{getChildOffset as m}from"./Select.utils.js";import{getParentIcon as p}from"./SelectMenuItem.utils.js";import{spacings as h}from"../../atoms/style/spacings.js";import{MenuItemSpacer as f,MenuItemWrapper as y,SmallButton as v,StyledMenuItem as g}from"./Select.styles.js";const{colors:w}=d,k=d=>{const{index:b,childOffset:x,depth:C=0,item:D,multiselect:$,itemRefs:A,onItemKeyDown:I,onItemSelect:_,parentHasNestedItems:j=!1}=d,[K,S]=n(!1),O=o(-1),q=o([]),L=("values"in d?d.values.map((({value:e})=>e)):[]).includes(D.value),M=c((()=>$?p(D,d.values):l),[D,$,d]),R=c((()=>new Array(C).fill(0).map(((r,t)=>e(f,{},`spacer-${r+t}`)))),[C]),H=e=>{e.preventDefault(),_(D)},N=e=>{e.stopPropagation(),S((e=>!e))},U=e=>{"ArrowDown"===e.key?O.current+=1:"ArrowUp"===e.key&&(O.current-=1),O.current<=-1?(A.current[b]?.focus(),O.current=-1):O.current+x===q.current.length?(O.current=-1,I(e),S(!1)):O.current>=0&&O.current<q.current.length-x&&q.current[O.current+x]?.focus()},P=e=>{!K&&"ArrowDown"===e.key||"ArrowUp"===e.key?I(e):"ArrowRight"===e.key||"ArrowLeft"===e.key?S((e=>!e)):K&&"ArrowDown"===e.key&&-1===O.current&&(O.current=0,q.current[O.current+x]?.focus())};return D.children&&D.children.length>0&&$?r(t,{children:[r(y,{style:{paddingLeft:0===C?h.small:0},children:[R,e(v,{variant:"ghost_icon",onClick:N,"data-testid":"toggle-button",children:e(i,{color:w.interactive.primary__resting.rgba,data:K?a:s})}),r(g,{$depth:C,ref:e=>{A.current[b]=e},index:b,closeMenuOnClick:!1,onKeyDownCapture:P,onClick:H,children:[e(i,{color:w.interactive.primary__resting.rgba,data:M}),e("span",{children:D.label})]})]}),K&&D.children.map(((r,t)=>e(k,{index:x+t,childOffset:x+m(D.children,t),depth:C+1,multiselect:!0,item:r,itemRefs:q,values:d.values,onItemKeyDown:U,onItemSelect:_,parentHasNestedItems:!0},`child-${t}-${r.value}-${D.value}`)))]}):$?r(y,{children:[R,r(g,{$depth:C,$paddedLeft:j,ref:e=>{A.current[b]=e},index:b,tabIndex:C,closeMenuOnClick:!1,onKeyDownCapture:I,onClick:H,children:[e(i,{color:w.interactive.primary__resting.rgba,data:L?u:l}),e("span",{children:D.label})]})]}):e(y,{children:e(g,{$depth:C,$selected:d.value&&D.value===d.value.value,ref:e=>{A.current[b]=e},index:b,onKeyDownCapture:I,onClick:H,children:e("span",{children:D.label})})})};export{k as SelectMenuItem};

package/dist/organisms/Filter/Filter.styles.js

@@ -1,61 +1,62 @@
-import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{shape as r,typography as t,elevation as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"react/jsx-runtime";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as o}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import a,{css as s}from"styled-components";import{colors as n}from"../../atoms/style/colors.js";import{spacings as d}from"../../atoms/style/spacings.js";const m=a.div`
+import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{shape as r,typography as t}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"react/jsx-runtime";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as i}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import o,{css as a}from"styled-components";import{colors as s}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";const d=o.div`
   width: 100%;
-`,p=a.div`
+  border: 1px solid ${s.ui.background__heavy.rgba};
+  border-radius: ${r.corners.borderRadius};
+  overflow: hidden;
+`,l=o.div`
   display: flex;
-  background: ${n.ui.background__default.rgba};
+  background: ${s.ui.background__default.rgba};
   align-items: center;
   width: 100%;
-  height: 36px;
-  padding-left: ${d.small};
-  border-bottom: 1px solid ${n.ui.background__medium.rgba};
-  border-top-left-radius: ${r.corners.borderRadius};
-  border-top-right-radius: ${r.corners.borderRadius};
-  transition: border-bottom 200ms;
+  padding-left: ${n.small};
+  outline: 1px solid ${s.ui.background__medium.rgba};
   cursor: pointer;
   > section {
-    margin-left: ${d.small};
+    min-height: 24px;
+    align-items: center;
     flex-grow: 1;
     display: flex;
     flex-wrap: wrap;
-    gap: ${d.x_small};
+    gap: ${n.x_small};
+    margin: calc(${n.xx_small} + ${n.x_small}) 0
+      calc(${n.xx_small} + ${n.x_small}) ${n.small};
   }
-  > button {
-    height: 35px;
-    padding: 0 ${d.small} 0 ${d.medium_small};
+  > button:not([data-testid='clear-all-x']) {
+    padding: 0 ${n.small} 0 ${n.medium_small};
     display: flex;
-    gap: ${d.x_small};
+    gap: ${n.x_small};
     align-items: center;
     justify-content: center;
-    border-left: 1px solid ${n.ui.background__medium.rgba};
-    color: ${n.interactive.primary__resting.rgba};
+    border-left: 1px solid ${s.ui.background__medium.rgba};
+    color: ${s.interactive.primary__resting.rgba};
     span {
-      color: ${n.interactive.primary__resting.rgba};
+      color: ${s.interactive.primary__resting.rgba};
     }
 
     &:hover {
-      background: ${n.interactive.primary__hover_alt.rgba};
+      background: ${s.interactive.primary__hover_alt.rgba};
     }
   }
   > button[data-testid='clear-all-x'] {
     width: 24px;
     height: 24px;
     border-left: none;
-    margin-right: ${d.small};
+    margin-right: ${n.xx_small};
     &:after {
       width: 24px;
       height: 24px;
     }
   }
   > button:last-child {
-    border-left: 1px solid ${n.ui.background__medium.rgba};
+    border-left: 1px solid ${s.ui.background__medium.rgba};
     width: 36px;
     padding: 0;
+    align-self: stretch;
     &:hover {
-      border-top-right-radius: ${r.corners.borderRadius};
-      background: ${n.interactive.primary__hover_alt.rgba};
+      background: ${s.interactive.primary__hover_alt.rgba};
     }
   }
-`,l=a.input`
+`,m=o.input`
   background: transparent;
   width: 0;
   flex-grow: 1;
@@ -63,34 +64,33 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
   font-family: 'Equinor', sans-serif;
   font-size: ${t.input.text.fontSize};
   font-weight: ${t.input.text.fontWeight};
-  color: ${n.text.static_icons__default.rgba};
+  color: ${s.text.static_icons__default.rgba};
   outline: none;
   border: none;
   &::placeholder {
     opacity: 1;
-    color: ${n.text.static_icons__tertiary.rgba};
+    color: ${s.text.static_icons__tertiary.rgba};
   }
   &::-webkit-search-cancel-button,
   &::-webkit-search-results-button,
   &::-webkit-search-results-decoration {
     display: none;
   }
-`,u=a(e.div)`
+`,p=o(e.div)`
   border-bottom-left-radius: ${r.corners.borderRadius};
   border-bottom-right-radius: ${r.corners.borderRadius};
-  background: ${n.ui.background__default.rgba};
-  box-shadow: ${i.raised};
+  background: ${s.ui.background__default.rgba};
   overflow: hidden;
   > section {
-    padding: ${d.medium};
+    padding: ${n.medium};
     display: flex;
     flex-direction: column;
-    gap: ${d.medium};
-    ${({$showClearFilterButton:r})=>{if(r)return s`
+    gap: ${n.medium};
+    ${({$showClearFilterButton:r})=>{if(r)return a`
           > div:last-child {
             display: grid;
             grid-template-columns: 1fr auto;
-            gap: ${d.medium};
+            gap: ${n.medium};
 
             > button {
               align-self: flex-end;
@@ -98,8 +98,8 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
           }
         `}}
   }
-`,c=a(o)`
-  ${({$tryingToRemove:r})=>{if(r)return s`
-        background: ${n.interactive.primary__hover_alt.rgba};
+`,c=o(i)`
+  ${({$tryingToRemove:r})=>{if(r)return a`
+        background: ${s.interactive.primary__hover_alt.rgba};
       `}}
-`;export{p as Container,u as Content,l as SearchField,c as StyledChip,m as Wrapper};
+`;export{l as Container,p as Content,m as SearchField,c as StyledChip,d as Wrapper};

package/dist/organisms/TableOfContents/TableOfContents.styles.js

@@ -2,10 +2,12 @@ import{Link as t}from"react-router-dom";import{tokens as e}from"../../node_modul
   &:hover {
     background: ${s.interactive.primary__hover_alt.rgba};
   }
-  &:focus {
-    outline: 2px dashed ${s.interactive.focus.rgba};
-    outline-offset: -4px;
-  }
+  ${({$active:t})=>t?"":n`
+      &:focus:not(:hover) {
+        outline: 2px dashed ${s.interactive.focus.rgba};
+        outline-offset: -4px;
+      }
+    `}
   position: relative;
   display: grid;
   grid-template-columns: auto 1fr;
@@ -111,7 +113,6 @@ import{Link as t}from"react-router-dom";import{tokens as e}from"../../node_modul
         `}}}
 `,u=a.div`
   display: flex;
-  flex-direction:;
   position: relative;
   &:after {
     position: absolute;
@@ -170,8 +171,7 @@ import{Link as t}from"react-router-dom";import{tokens as e}from"../../node_modul
             background: ${s.ui.background__medium.rgba};
           }
         `}}}
-  data-testid="table-of-contents-container"
-`,b=a(r.div)`
+`,$=a(r.div)`
   display: flex;
   flex-direction: column;
   ${({$shouldShowChildren:t})=>t?null:n`
@@ -187,4 +187,4 @@ import{Link as t}from"react-router-dom";import{tokens as e}from"../../node_modul
   }
 
   ${({$variant:t})=>"buttons"===t&&`gap:${i.x_small};`}
-`;export{f as BorderItemsContainer,u as BorderItemsHorizontalContainer,d as Button,b as ChildContainer,c as Link,g as TableOfContentsContainer,p as TableOfContentsItemContainer};
+`;export{f as BorderItemsContainer,u as BorderItemsHorizontalContainer,d as Button,$ as ChildContainer,c as Link,g as TableOfContentsContainer,p as TableOfContentsItemContainer};

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

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { SettingsSection } from './Settings.types';
 export interface SettingsProps {
     allSettings?: SettingsSection[];
+    children?: ReactNode | ReactNode[];
 }
 export declare const Settings: FC<SettingsProps>;

package/dist/organisms/TopBar/Settings.js

@@ -1,25 +1,25 @@
-import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as i,useContext as l,useMemo as a}from"react";import{Icon as n,Typography as s,Radio as m}from"@equinor/eds-core-react";import{settings as d}from"@equinor/eds-icons";import{tokens as p}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TopBarButton as c}from"./TopBar.styles.js";import{TopBarMenu as h}from"./TopBarMenu.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import{Theme as u}from"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../../atoms/style/colors.js";import{spacings as f}from"../../atoms/style/spacings.js";import{ThemeProviderContext as g}from"../../providers/ThemeProvider/ThemeProvider.js";import v from"styled-components";const{elevation:x}=p,$=v.div`
+import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as i,useContext as l,useMemo as a}from"react";import{Icon as n,Typography as m,Radio as s}from"@equinor/eds-core-react";import{settings as d}from"@equinor/eds-icons";import{TopBarButton as p}from"./TopBar.styles.js";import{TopBarMenu as c}from"./TopBarMenu.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import{Theme as h}from"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import{elevation as u}from"../../atoms/style/index.js";import{ThemeProviderContext as f}from"../../providers/ThemeProvider/ThemeProvider.js";import g from"styled-components";import{spacings as x}from"../../atoms/style/spacings.js";const v=g.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: ${f.x_small};
-  padding: 0 ${f.large} 0 ${f.small};
+  gap: ${x.x_small};
+  padding: 0 ${x.large} 0 ${x.small};
   justify-content: space-between;
   > span {
-    padding: ${f.small} ${f.x_small};
+    padding: ${x.small} ${x.x_small};
   }
-`,b=v.div`
+`,$=g.div`
   width: 64px;
   height: 32px;
   background-color: ${e=>e.$color};
-  box-shadow: ${x.raised};
+  box-shadow: ${u.raised};
   border-radius: 4px;
-`,j=v.div`
+`,b=g.div`
   display: flex;
   flex-direction: column;
-  gap: ${f.medium};
+  gap: ${x.medium};
   > div > p {
-    padding-top: ${f.small};
-    padding-left: ${f.medium};
+    padding-top: ${x.small};
+    padding-left: ${x.medium};
   }
-`,T=({allSettings:p})=>{const f=t(null),[v,x]=i(!1),T=l(g),y=a((()=>T?[{title:"Theme",value:T.theme,onChange:e=>T.setTheme(e),items:[{label:"Light Mode",name:"theme-group",value:u.LIGHT,colorBox:"#ffffff"},{label:"Dark Mode",name:"theme-group",value:u.DARK,colorBox:"#243746"}]},...p??[]]:p??[]),[p,T]);if(0===y.length)throw new Error("Empty settings in TopBar.Settings!");return e(o,{children:[r(c,{variant:"ghost_icon",onClick:()=>x(!v),ref:f,children:r(n,{data:d,size:24})}),r(h,{open:v,title:"Settings",onClose:()=>x(!1),anchorEl:f.current,children:r(j,{children:y.map(((o,t)=>e("div",{children:[r(s,{variant:"overline",children:o.title}),o.items.map(((t,i)=>e($,{children:[r(m,{id:t.label,disabled:t.disabled,label:t.label,name:o.title,value:`${t.label}-${i}`,checked:o.value===t.value,onChange:()=>o.onChange?.(t.value)}),t.colorBox&&r(b,{$color:t.colorBox,"data-testid":`colorbox-${t.colorBox}`}),t.text&&r(s,{variant:"h6",children:t.text}),t.element&&t.element]},i)))]},t)))})})]})};T.displayName="TopBar.Settings";export{T as Settings};
+`,j=({allSettings:u,children:g})=>{const x=t(null),[j,T]=i(!1),y=l(f),B=a((()=>y?[{title:"Theme",value:y.theme,onChange:e=>y.setTheme(e),items:[{label:"Light Mode",name:"theme-group",value:h.LIGHT,colorBox:"#ffffff"},{label:"Dark Mode",name:"theme-group",value:h.DARK,colorBox:"#243746"}]},...u??[]]:u??[]),[u,y]);if(0===B.length)throw new Error("Empty settings in TopBar.Settings!");return e(o,{children:[r(p,{variant:"ghost_icon",onClick:()=>T(!j),ref:x,children:r(n,{data:d,size:24})}),e(c,{open:j,title:"Settings",onClose:()=>T(!1),anchorEl:x.current,children:[r(b,{children:B.map(((o,t)=>e("div",{children:[r(m,{variant:"overline",children:o.title}),o.items.map(((t,i)=>e(v,{children:[r(s,{id:t.label,disabled:t.disabled,label:t.label,name:o.title,value:`${t.label}-${i}`,checked:o.value===t.value,onChange:()=>o.onChange?.(t.value)}),t.colorBox&&r($,{$color:t.colorBox,"data-testid":`colorbox-${t.colorBox}`}),t.text&&r(m,{variant:"h6",children:t.text}),t.element&&t.element]},i)))]},t)))}),g]})]})};j.displayName="TopBar.Settings";export{j as Settings};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "8.18.1",
+  "version": "8.19.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",