@equinor/amplify-component-lib 9.6.0 → 9.7.1

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useMemo as i}from"react";import{Card as r,Typography as l,Button as s,Icon as n}from"@equinor/eds-core-react";import{arrow_forward as a}from"@equinor/eds-icons";import{tokens as c}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as m}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../molecules/DatePicker/DatePicker.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Skeleton/Skeleton.styles.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import u from"styled-components";const{elevation:d,colors:h,shape:g}=c,j=u(r)`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useMemo as i}from"react";import{Card as r,Typography as l,Button as s,Icon as n}from"@equinor/eds-core-react";import{arrow_forward as a}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as c}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import"../../../molecules/Button/Button.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../molecules/DatePicker/DatePicker.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Skeleton/Skeleton.styles.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import u from"styled-components";const{elevation:d,colors:h,shape:g}=m,j=u(r)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7,35 +7,35 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useMemo a
   transform: translate(-50%, -50%);
   width: 25rem;
   height: auto;
-  padding: ${m.large};
+  padding: ${c.large};
   box-shadow: ${d.above_scrim};
   border-radius: ${g.corners.borderRadius};
   display: flex;
   flex-direction: column;
-  gap: ${m.large};
+  gap: ${c.large};
   > h3 {
     color: ${h.text.static_icons__default.rgba};
   }
   > div {
     display: flex;
     flex-direction: column;
-    gap: ${m.large};
+    gap: ${c.large};
     section {
       display: grid;
       grid-template-columns: 1fr auto;
       align-items: flex-end;
-      grid-gap: ${m.medium};
+      grid-gap: ${c.medium};
     }
   }
 `,f=u.div`
   display: flex;
   flex-direction: column;
-  gap: ${m.small};
+  gap: ${c.small};
   > h6 {
     text-transform: capitalize;
   }
 `,x=u.a`
-  padding: ${m.small} ${m.medium};
+  padding: ${c.small} ${c.medium};
   transition: background-color 200ms ease;
   font-size: 14px;
   line-height: 16px;
@@ -54,4 +54,4 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useMemo a
     background-color: ${h.interactive.primary__hover_alt.rgba};
     cursor: pointer;
   }
-`,S=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[u,d]=t(),h=i((()=>{const e=[];for(const o of r)o.name?e.push({label:o.name,value:o.name,...o}):console.error("Field with no name found!:",o);return e}),[r]);return e(j,{children:[o(l,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[o(p,{lightBackground:!0,value:u,items:h,placeholder:"Select a field",onSelect:e=>{d(e)}}),o(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===u,onClick:()=>{void 0!==u&&c({name:u.name,uuid:u.uuid,country:u.country})},children:o(n,{data:a})})]}),m&&e(f,{children:[o(l,{variant:"overline",children:"Missing a field?"}),o(x,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{S as SelectorCard};
+`,S=({availableFields:r,onSelect:m,itemNameSingular:c,showAccessITLink:u=!0})=>{const[d,h]=t(),g=i((()=>{const e=[];for(const o of r)o.name?e.push({label:o.name,value:o.name,...o}):console.error("Field with no name found!:",o);return e}),[r]);return e(j,{children:[e(l,{variant:"h3",children:["Please select a ",c]}),e("div",{children:[e("section",{children:[o(p,{lightBackground:!0,value:d,items:g,placeholder:`Select a ${c}...`,onSelect:e=>{h(e)}}),o(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===d,onClick:()=>{void 0!==d&&m({name:d.name,uuid:d.uuid,country:d.country})},children:o(n,{data:a})})]}),u&&e(f,{children:[e(l,{variant:"overline",children:["Missing a ",c,"?"]}),o(x,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{S as SelectorCard};

package/dist/organisms/Filter/Filter.d.ts

@@ -7,16 +7,9 @@ import { FilterProps } from './Filter.types';
  * @param onClearFilter - Function to call when the user clicks the delete button on a chip
  * @param onClearAllFilters - Function to call when the user clicks the clear filters button
  * @param children - ReactNode or ReactNode[] to display below when the filter is open
+ * @param inlineContent - ReactNode or ReactNode[] to display inline with the search field, but before the open/close button
  * @param initialOpen - Whether the filter should be open by default, defaults to false
  * @param placeholder - Placeholder text for the search input, defaults to 'Search...'
  * @param id - ID for the search field
- * @param showClearFiltersButton - Whether to show the clear filters button, defaults to true
- * - Sorting props
- * @param sortValue - The current sort value
- * @param onSortChange - Callback when a sorting is selected in the menu
- * @param sortItems - Array of sort items ({ value: S, label: string }[])
- * - Quick filter props
- * @param onQuickFilter - Callback when a quick filter is selected in the menu
- * @param quickFilterItems - Array of quick filter items ({ value: Q, label: string }[])
  */
-export declare function Filter<T, S, Q>({ values, search, onSearchChange, onSearchEnter, onClearFilter, onClearAllFilters, children, initialOpen, placeholder, id, showClearFiltersButton, ...rest }: FilterProps<T, S, Q>): import("react/jsx-runtime").JSX.Element;
+export declare function Filter<T extends string>({ values, search, onSearchChange, onSearchEnter, onClearFilter, onClearAllFilters, children, topContent, inlineContent, initialOpen, placeholder, id, }: FilterProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Filter/Filter.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as i}from"react";import{Icon as o,Button as n}from"@equinor/eds-core-react";import{filter_list as a,clear as l,arrow_drop_up as c,arrow_drop_down as s}from"@equinor/eds-icons";import{Wrapper as h,Container as d,StyledChip as m,SearchField as u,Content as g}from"./Filter.styles.js";import{colors as p}from"../../atoms/style/colors.js";import{QuickFilter as f}from"./QuickFilter.js";import{Sorting as y}from"./Sorting.js";import{AnimatePresence as C}from"framer-motion";function k({values:k,search:_,onSearchChange:b,onSearchEnter:v,onClearFilter:F,onClearAllFilters:x,children:j,initialOpen:S=!1,placeholder:$="Search...",id:q="filter-search",showClearFiltersButton:w=!0,...A}){const[B,D]=r(S),[E,I]=r(-1),z=i(S?"auto":0),K=()=>{D((e=>!e)),"auto"===z.current&&(z.current=0)},O=()=>{x()};return e(h,{children:[e(d,{children:[t(o,{onClick:K,data:a,color:p.text.static_icons__tertiary.rgba}),e("section",{children:[k.map((({key:e,label:r,icon:i},o)=>t(m,{onDelete:()=>F(e),leadingIconData:i,$tryingToRemove:E===o,children:r},`${r}-${o}`))),t(u,{id:q,type:"search",value:_,placeholder:$,onChange:b,onKeyDownCapture:e=>{"Enter"===e.key&&""!==_?v(_):"Backspace"===e.key&&""===_&&(k.length>0&&-1===E?I(k.length-1):-1!==E&&(F(k[E].key),I(-1)))},onFocus:()=>{B||D(!0)}})]}),k.length>0&&t(n,{variant:"ghost_icon",onClick:O,"data-testid":"clear-all-x",children:t(o,{data:l,size:16,color:p.text.static_icons__tertiary.rgba})}),"quickFilterItems"in A&&t(f,{...A}),"sortValue"in A&&t(y,{...A}),t("button",{onClick:K,"data-testid":"toggle-open-button",children:t(o,{data:B?c:s,color:p.text.static_icons__tertiary.rgba})})]}),t(C,{children:B&&t(g,{$showClearFilterButton:w,animate:{height:"auto"},initial:{height:z.current},exit:{height:0},children:t("section",{children:Array.isArray(j)?j.map(((r,i)=>e("div",{children:[r,i===j.length-1&&w&&t(n,{variant:"outlined",onClick:O,disabled:0===k.length,children:"Clear filters"})]},i))):e("div",{children:[j,w&&t(n,{variant:"outlined",onClick:O,disabled:0===k.length,children:"Clear filters"})]})})})})]})}export{k as Filter};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as o}from"react";import{Icon as i,Button as n,Typography as a}from"@equinor/eds-core-react";import{search as c,clear as l,arrow_drop_up as s,arrow_drop_down as d,info_circle as h}from"@equinor/eds-icons";import{Wrapper as u,Container as p,Section as g,StyledChip as m,SearchField as f,Content as y}from"./Filter.styles.js";import{colors as _}from"../../atoms/style/colors.js";import{AnimatePresence as b,motion as v}from"framer-motion";function k({values:k,search:C,onSearchChange:x,onSearchEnter:j,onClearFilter:F,onClearAllFilters:O,children:$,topContent:D,inlineContent:S,initialOpen:q=!1,placeholder:w="Search...",id:z="filter-search"}){const E=r(null),[R,T]=o(q),[A,B]=o(void 0),I=r(q?"auto":0),K=Object.values(k).some((e=>e.length>0));return e(u,{children:[D,e(p,{children:[e(g,{onClick:()=>{E.current?.focus()},children:[t(i,{data:c,color:_.text.static_icons__tertiary.rgba}),Object.keys(k).flatMap((e=>k[e].map((({label:r,icon:o},i,n)=>t(m,{onDelete:()=>F(e,i),leadingIconData:o,$tryingToRemove:A===e&&i===n.length-1,children:r},`${r}-${i}-${e}`))))),t(f,{ref:E,id:z,type:"search",value:C,placeholder:K?void 0:w,onChange:x,onKeyDownCapture:e=>{if("Enter"===e.key&&""!==C)j(C);else if("Backspace"===e.key&&""===C){if(void 0===A){for(const e of Object.keys(k).toReversed())if(k[e].length>0){B(e);break}return}F(A,k[A].length-1),B(void 0)}},onFocus:()=>{R||T(!0)}}),Object.values(k).some((e=>e.length>0))&&t(n,{variant:"ghost_icon",onClick:O,"data-testid":"clear-all-x",children:t(i,{data:l,size:18,color:_.text.static_icons__tertiary.rgba})})]}),S,e("button",{onClick:()=>{T((e=>!e)),"auto"===I.current&&(I.current=0)},"data-testid":"toggle-open-button",children:[t(a,{variant:"button",group:"navigation",as:"span",children:"Filters"}),t(i,{data:R?s:d,color:_.text.static_icons__tertiary.rgba})]})]}),t(b,{children:R&&t(v.div,{animate:{height:"auto"},initial:{height:I.current},exit:{height:0},children:e(y,{children:[e("span",{children:[t(i,{data:h,size:16,color:_.text.static_icons__tertiary.rgba}),t(a,{variant:"label",group:"input",color:_.text.static_icons__tertiary.rgba,children:"Type a keyword and press enter"})]}),$]})})})]})}export{k as Filter};

package/dist/organisms/Filter/Filter.styles.d.ts

@@ -1,10 +1,8 @@
 export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const SearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-interface ContentProps {
-    $showClearFilterButton: boolean;
-}
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, ContentProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
 interface StyledChipProps {
     $tryingToRemove: boolean;
 }

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

@@ -1,26 +1,14 @@
-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{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"html2canvas";import"proj4";import"@equinor/eds-icons";import{Chip as e}from"../../molecules/Chip/Chip.js";import{motion as i}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`
+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"react-router-dom";import{shape as r,typography as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import{Chip as t}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%;
   border: 1px solid ${s.ui.background__heavy.rgba};
+  background: ${s.ui.background__default.rgba};
   border-radius: ${r.corners.borderRadius};
   overflow: hidden;
-`,l=o.div`
+`,m=o.div`
   display: flex;
-  background: ${s.ui.background__default.rgba};
   align-items: center;
   width: 100%;
-  padding-left: ${n.small};
   outline: 1px solid ${s.ui.background__medium.rgba};
-  cursor: pointer;
-  > section {
-    min-height: 24px;
-    align-items: center;
-    flex-grow: 1;
-    display: flex;
-    flex-wrap: wrap;
-    gap: ${n.x_small};
-    margin: calc(${n.xx_small} + ${n.x_small}) 0
-      calc(${n.xx_small} + ${n.x_small}) ${n.small};
-  }
   > button:not([data-testid='clear-all-x']) {
     padding: 0 ${n.small} 0 ${n.medium_small};
     display: flex;
@@ -38,32 +26,54 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
       background: ${s.interactive.primary__hover_alt.rgba};
     }
   }
+
+  > button:last-child {
+    border-left: 1px solid ${s.ui.background__medium.rgba};
+    > span {
+      color: ${s.text.static_icons__secondary.rgba};
+    }
+    &:hover {
+      background: ${s.interactive.primary__hover_alt.rgba};
+    }
+  }
+`,l=o.section`
+  > svg:first-child {
+    flex-shrink: 0;
+  }
+  min-height: calc(48px - (2 * ${n.medium_small}));
+  align-items: center;
+  flex-grow: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${n.x_small};
+  padding: ${n.medium_small} ${n.small};
+  cursor: text;
+  &:hover {
+    background: ${s.ui.background__light_medium.rgba};
+  }
+  &:focus-within {
+    border-bottom: 1px solid ${s.interactive.primary__resting.rgba};
+    padding-bottom: calc(${n.medium_small} - 1px);
+  }
   > button[data-testid='clear-all-x'] {
     width: 24px;
     height: 24px;
     border-left: none;
     margin-right: ${n.xx_small};
+    flex-shrink: 0;
     &:after {
       width: 24px;
       height: 24px;
     }
   }
-  > button:last-child {
-    border-left: 1px solid ${s.ui.background__medium.rgba};
-    width: 36px;
-    padding: 0;
-    &:hover {
-      background: ${s.interactive.primary__hover_alt.rgba};
-    }
-  }
-`,m=o.input`
+`,p=o.input`
   background: transparent;
   width: 0;
   flex-grow: 1;
   padding: 0;
   font-family: 'Equinor', sans-serif;
-  font-size: ${t.input.text.fontSize};
-  font-weight: ${t.input.text.fontWeight};
+  font-size: ${i.input.text.fontSize};
+  font-weight: ${i.input.text.fontWeight};
   color: ${s.text.static_icons__default.rgba};
   outline: none;
   border: none;
@@ -76,30 +86,21 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
   &::-webkit-search-results-decoration {
     display: none;
   }
-`,p=o(i.div)`
+`,c=o(e.div)`
   border-bottom-left-radius: ${r.corners.borderRadius};
   border-bottom-right-radius: ${r.corners.borderRadius};
   background: ${s.ui.background__default.rgba};
   overflow: hidden;
-  > section {
-    padding: ${n.medium};
+  display: flex;
+  flex-direction: column;
+  gap: ${n.medium};
+  padding: ${n.medium};
+  > span {
     display: flex;
-    flex-direction: column;
-    gap: ${n.medium};
-    ${({$showClearFilterButton:r})=>{if(r)return a`
-          > div:last-child {
-            display: grid;
-            grid-template-columns: 1fr auto;
-            gap: ${n.medium};
-
-            > button {
-              align-self: flex-end;
-            }
-          }
-        `}}
+    gap: ${n.x_small};
   }
-`,c=o(e)`
+`,u=o(t)`
   ${({$tryingToRemove:r})=>{if(r)return a`
         background: ${s.interactive.primary__hover_alt.rgba};
       `}}
-`;export{l as Container,p as Content,m as SearchField,c as StyledChip,d as Wrapper};
+`;export{m as Container,c as Content,p as SearchField,l as Section,u as StyledChip,d as Wrapper};

package/dist/organisms/Filter/Filter.types.d.ts

@@ -1,38 +1,21 @@
 import { ChangeEvent, ReactNode } from 'react';
 import { IconData } from '@equinor/eds-icons';
-export interface CommonFilterProps<T> {
-    values: {
-        key: T;
-        label: string;
+import { SelectOptionRequired } from '../../molecules';
+interface CommonFilterProps<T extends string> {
+    values: Record<T, Array<SelectOptionRequired & {
         icon?: IconData;
-    }[];
-    onClearFilter: (key: T) => void;
+    }>>;
+    onClearFilter: (key: T, index: number) => void;
     onClearAllFilters: () => void;
     search: string;
     onSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
     onSearchEnter: (value: string) => void;
     children: ReactNode | ReactNode[];
+    inlineContent?: ReactNode | ReactNode[];
+    topContent?: ReactNode | ReactNode[];
     initialOpen?: boolean;
     placeholder?: string;
     id?: string;
-    showClearFiltersButton?: boolean;
 }
-export interface SortingProps<S> {
-    sortValue: S;
-    onSortChange: (value: S) => void;
-    sortItems: {
-        value: S;
-        label: string;
-    }[];
-}
-type FilterWithSortingProps<T, S> = CommonFilterProps<T> & SortingProps<S>;
-export interface QuickFilterProps<Q> {
-    onQuickFilter: (value: Q) => void;
-    quickFilterItems: {
-        value: Q;
-        label: string;
-    }[];
-}
-type FilterWithQuickFilterProps<T, Q> = CommonFilterProps<T> & QuickFilterProps<Q>;
-export type FilterProps<T, S, Q> = CommonFilterProps<T> | FilterWithSortingProps<T, S> | FilterWithQuickFilterProps<T, Q> | (FilterWithSortingProps<T, S> & FilterWithQuickFilterProps<T, Q>);
+export type FilterProps<T extends string> = CommonFilterProps<T>;
 export {};

package/dist/organisms/Filter/QuickFilter.d.ts

@@ -1,2 +1,9 @@
-import { QuickFilterProps } from './Filter.types';
-export declare function QuickFilter<Q>({ quickFilterItems, onQuickFilter, }: QuickFilterProps<Q>): import("react/jsx-runtime").JSX.Element;
+import { FilterProps } from './Filter.types';
+import { SelectOptionRequired } from '../../molecules';
+interface QuickFilterProps<T extends string> {
+    values: FilterProps<T>['values'];
+    items: Record<T, SelectOptionRequired[]>;
+    onQuickFilter: (key: T, value: SelectOptionRequired) => void;
+}
+export declare function QuickFilter<T extends string>({ values, items, onQuickFilter, }: QuickFilterProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/organisms/Filter/QuickFilter.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import{Typography as i,Icon as n,Menu as o}from"@equinor/eds-core-react";import{arrow_drop_up as a,arrow_drop_down as m}from"@equinor/eds-icons";import{ButtonWithMenu as c}from"./ButtonWithMenu.js";function u({quickFilterItems:u,onQuickFilter:l}){const[p,s]=t(!1);return r(c,{onOpenChange:s,menuItems:u.map((r=>e(o.Item,{onClick:()=>l(r.value),children:r.label},r.label))),children:[e(i,{as:"span",variant:"button",group:"navigation",children:"Quick filter"}),e(n,{data:p?a:m})]})}export{u as QuickFilter};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r}from"react";import{Typography as o,Icon as i,Menu as n}from"@equinor/eds-core-react";import{arrow_drop_up as a,arrow_drop_down as m}from"@equinor/eds-icons";import{ButtonWithMenu as c}from"./ButtonWithMenu.js";function u({values:u,items:l,onQuickFilter:s}){const[p,f]=r(!1);return e(c,{onOpenChange:f,menuItems:Object.keys(l).flatMap((e=>l[e].map((r=>t(n.Item,{active:u[e]?.some((e=>e.value===r.value)),onClick:()=>s(e,r),children:r.label},r.label))))),children:[t(o,{as:"span",variant:"button",group:"navigation",children:"Quick filter"}),t(i,{data:p?a:m})]})}export{u as QuickFilter};

package/dist/organisms/Filter/SortMenu.d.ts

@@ -0,0 +1,10 @@
+interface SortMenuProps<S> {
+    value: S;
+    onChange: (value: S) => void;
+    items: {
+        value: S;
+        label: string;
+    }[];
+}
+export declare function SortMenu<S>({ value, onChange, items }: SortMenuProps<S>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/organisms/Filter/{Sorting.js → SortMenu.js}

@@ -1,5 +1,5 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Menu as t,Typography as e,Icon as i}from"@equinor/eds-core-react";import{sort as s,radio_button_selected as m,radio_button_unselected as a}from"@equinor/eds-icons";import{ButtonWithMenu as n}from"./ButtonWithMenu.js";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{colors as p}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import c from"styled-components";const d=c(t.Item)`
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Menu as t,Typography as e,Icon as i}from"@equinor/eds-core-react";import{sort as s,radio_button_selected as m,radio_button_unselected as a}from"@equinor/eds-icons";import{ButtonWithMenu as n}from"./ButtonWithMenu.js";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"react-router-dom";import{colors as p}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import c from"styled-components";const d=c(t.Item)`
   > div {
     grid-template-columns: 1fr auto;
   }
-`;function l({sortValue:t,onSortChange:c,sortItems:l}){const u=l.find((r=>r.value===t));return r(n,{menuItems:l.map((e=>r(d,{onClick:()=>{var r;r=e.value,c(r)},children:[e.label,o(i,{color:e.value===t?p.interactive.primary__resting.rgba:p.text.static_icons__tertiary.rgba,data:e.value===t?m:a})]},e.label))),children:[r(e,{as:"span",variant:"button",group:"navigation",children:["Sort by ",u?.label]}),o(i,{data:s})]})}export{l as Sorting};
+`;function u({value:t,onChange:c,items:u}){const l=u.find((r=>r.value===t));return r(n,{menuItems:u.map((e=>r(d,{onClick:()=>{(r=>{c(r)})(e.value)},children:[e.label,o(i,{color:e.value===t?p.interactive.primary__resting.rgba:p.text.static_icons__tertiary.rgba,data:e.value===t?m:a})]},e.label))),children:[r(e,{as:"span",variant:"button",group:"navigation",children:["Sort by ",l?.label]}),o(i,{data:s})]})}export{u as SortMenu};

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

@@ -0,0 +1,9 @@
+import { Filter as BaseFilter } from './Filter';
+import { QuickFilter } from './QuickFilter';
+import { SortMenu } from './SortMenu';
+type FilterType = typeof BaseFilter & {
+    QuickFilter: typeof QuickFilter;
+    SortMenu: typeof SortMenu;
+};
+export declare const Filter: FilterType;
+export type { FilterType };

package/dist/organisms/Filter/index.js

@@ -0,0 +1 @@
+import{Filter as r}from"./Filter.js";import{QuickFilter as t}from"./QuickFilter.js";import{SortMenu as o}from"./SortMenu.js";const i=r;i.QuickFilter=t,i.SortMenu=o;export{i as Filter};

package/dist/organisms/PageTitle/PageTitle.js

@@ -1 +1 @@
-import{useEffect as r}from"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{environment as o}from"../../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"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";const t=o.getAppName(import.meta.env.VITE_NAME),i=({title:o,children:i})=>(r((()=>{document.title!==o&&(document.title=`${t} - ${o}`)}),[o]),i);export{i as PageTitle};
+import{useEffect as r}from"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{environment as o}from"../../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"react-router-dom";import"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";const t=o.getAppName(import.meta.env.VITE_NAME),e=({title:o,children:e})=>(r((()=>{document.title!==o&&(document.title=`${t} - ${o}`)}),[o]),e);export{e as PageTitle};

package/dist/organisms/ReleaseNote/MetaTags.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+import { ReleaseNote } from '@equinor/subsurface-app-management';
+type MetaTagsProps = {
+    children?: ReactNode;
+} & Pick<ReleaseNote, 'tags'>;
+export declare const MetaTags: FC<MetaTagsProps>;
+export {};

package/dist/organisms/ReleaseNote/MetaTags.js

@@ -0,0 +1,9 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Icon as t}from"@equinor/eds-core-react";import{comment_notes as o}from"@equinor/eds-icons";import{ReleaseNoteType as i}from"@equinor/subsurface-app-management";import{colors as a}from"../../atoms/style/colors.js";import{spacings as m}from"../../atoms/style/spacings.js";import{Chip as s}from"../../molecules/Chip/Chip.js";import n from"styled-components";const p={[i.FEATURE]:a.dataviz.lightblue.darker,[i.IMPROVEMENT]:a.interactive.warning__resting.rgba,[i.BUG_FIX]:a.interactive.danger__resting.rgba},l=n.div`
+  display: flex;
+  gap: ${m.small};
+  margin-bottom: 1px; // Make room for the outline on the chips
+`,c=n.span`
+  width: 10px !important;
+  height: 10px !important;
+  border-radius: 50%;
+`,d=({children:i,tags:a})=>r(l,{children:[r(s,{children:[e(t,{data:o}),"Release Note"]}),a?.map((t=>r(s,{children:[e(c,{style:{background:p[t]}}),t]},t))),i]});export{d as MetaTags};

package/dist/organisms/ReleaseNote/ReleaseNote.constants.d.ts

@@ -0,0 +1 @@
+export declare const RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT = 85;

package/dist/organisms/ReleaseNote/ReleaseNote.constants.js

@@ -0,0 +1 @@
+const o=85;export{o as RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT};

package/dist/organisms/ReleaseNote/ReleaseNote.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+import { ReleaseNote as ReleaseNoteDto } from '@equinor/subsurface-app-management';
+export type ReleaseNoteProps = {
+    actionMenu?: ReactNode;
+    startExpanded?: boolean;
+} & ReleaseNoteDto;
+export declare const ReleaseNote: FC<ReleaseNoteProps>;

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -0,0 +1,26 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as r}from"react";import{Typography as i}from"@equinor/eds-core-react";import{ReleaseNotesService as s}from"@equinor/subsurface-app-management";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as l}from"./ReleaseNote.constants.js";import{timeToRead as m,usingReleaseNoteDate as a}from"./ReleaseNote.utils.js";import{ToggleExpanded as n}from"./ToggleExpanded.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";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"react-router-dom";import{shape as p}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import{formatRelativeDateTime as c}from"../../atoms/utils/date.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as u}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import{colors as d}from"../../atoms/style/colors.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import{spacings as j}from"../../atoms/style/spacings.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import{MetaTags as h}from"./MetaTags.js";import{motion as g}from"framer-motion";import f from"styled-components";const v=f.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${j.medium};
+  position: relative;
+  background: ${d.ui.background__default.rgba};
+  border: 1px solid ${d.ui.background__heavy.rgba};
+  border-radius: ${p.corners.borderRadius};
+  min-width: 800px;
+  overflow: hidden;
+  > h4 {
+    margin-top: ${j.large};
+    margin-bottom: ${j.medium};
+  }
+  padding-bottom: calc(
+    68px + ${j.medium}
+  ); // Space for the expand button
+`,x=f.header`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,y=f.section`
+  display: flex;
+  gap: ${j.medium};
+  align-items: center;
+`,S=({applicationName:p,releaseDate:j,createdDate:f,tags:S,version:b,title:P,body:T,actionMenu:k,startExpanded:E=!1})=>{const R=a({releaseDate:j,createdDate:f}),[B,C]=t(null),M=r(E?"auto":l),[D,_]=t(E),A=(B?.firstElementChild&&B.firstElementChild.clientHeight>l)??!0;return e(v,{children:[e(x,{children:[e(y,{children:[o(i,{variant:"caption",color:d.text.static_icons__secondary.rgba,children:p}),e(i,{variant:"overline",color:d.text.static_icons__tertiary.rgba,children:[c(R),b?` ・ ${b}`:""," ・ ",m(T)]})]}),o(h,{tags:S,children:k})]}),o(i,{variant:"h4",children:P}),o(g.div,{ref:C,initial:{height:M.current},animate:{height:D?"auto":l},children:o(u,{value:T,onImageRead:s.getReleaseNoteImage,padding:"none"})}),A&&o(n,{expanded:D,onToggleExpanded:()=>{_((e=>!e)),"auto"===M.current&&(M.current=l)}})]})};export{S as ReleaseNote};

package/dist/organisms/ReleaseNote/ReleaseNote.utils.d.ts

@@ -0,0 +1,4 @@
+import { ReleaseNote } from '@equinor/subsurface-app-management';
+export declare const WORDS_PER_MINUTE = 238;
+export declare function timeToRead(body: string): string;
+export declare function usingReleaseNoteDate(releaseNote: Pick<ReleaseNote, 'releaseDate' | 'createdDate'>): string;

package/dist/organisms/ReleaseNote/ReleaseNote.utils.js

@@ -0,0 +1 @@
+const e=238;function t(e){const t=e.split(/\s/g).length;return`${Math.ceil(t/238)} min read`}function n(e){return e.releaseDate??e.createdDate}export{e as WORDS_PER_MINUTE,t as timeToRead,n as usingReleaseNoteDate};

package/dist/organisms/ReleaseNote/ToggleExpanded.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface ToggleExpandedProps {
+    expanded: boolean;
+    onToggleExpanded: () => void;
+}
+export declare const ToggleExpanded: FC<ToggleExpandedProps>;
+export {};

package/dist/organisms/ReleaseNote/ToggleExpanded.js

@@ -0,0 +1,13 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as t}from"@equinor/eds-core-react";import{arrow_drop_up as l,arrow_drop_down as s}from"@equinor/eds-icons";import{colors as r}from"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import{Button as m}from"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"react";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import n from"styled-components";const c=n.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  gap: ${i.medium};
+  padding: ${i.medium};
+  background: linear-gradient(
+    color-mix(in srgb, ${r.ui.background__default.rgba} 10%, transparent)
+      0%,
+    ${r.ui.background__default.rgba} 15%
+  );
+  width: 100%;
+`,p=({expanded:r,onToggleExpanded:i})=>e(c,{children:o(m,{variant:"ghost",onClick:i,children:["Show ",r?"less":"more",e(t,{data:r?l:s})]})});export{p as ToggleExpanded};

package/dist/organisms/SideBar/CreateItem.d.ts

@@ -3,6 +3,5 @@ export interface CreateItemProps {
     createLabel: string;
     onCreate: () => void;
     disabled?: boolean;
-    active?: boolean;
 }
 export declare const CreateItem: FC<CreateItemProps>;

package/dist/organisms/SideBar/CreateItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as r}from"@equinor/eds-icons";import{OptionalTooltip as o}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{MenuItemContainer as a,CreateButton as n}from"./CreateItem.styles.js";import{useSideBar as c}from"../../providers/SideBarProvider.js";const d=({createLabel:d,onCreate:l,disabled:s=!1,active:m=!1})=>{const{isOpen:p}=c(),v=s?void 0:l;return p?e(a,{$active:m,"data-testid":"create-item-container",onClick:v,children:t(n,{$open:!0,variant:"contained",disabled:s,children:[e(i,{data:r}),d]})}):e(o,{title:d,placement:"right",children:e(a,{$active:m,"data-testid":"create-item-container",onClick:v,children:e(n,{variant:"contained",disabled:s,children:e(i,{data:r})})})})};export{d as CreateItem};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as r}from"@equinor/eds-icons";import{OptionalTooltip as o}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{MenuItemContainer as a,CreateButton as n}from"./CreateItem.styles.js";import{useSideBar as d}from"../../providers/SideBarProvider.js";const c=({createLabel:c,onCreate:l,disabled:s=!1})=>{const{isOpen:m}=d(),p=s?void 0:l;return m?e(a,{"data-testid":"create-item-container",children:t(n,{$open:!0,variant:"contained",disabled:s,onClick:p,children:[e(i,{data:r}),c]})}):e(o,{title:c,placement:"right",children:e(a,{"data-testid":"create-item-container",children:e(n,{variant:"contained",disabled:s,onClick:p,children:e(i,{data:r})})})})};export{c as CreateItem};

package/dist/organisms/SideBar/CreateItem.styles.d.ts

@@ -1,8 +1,5 @@
 import { ButtonProps } from '@equinor/eds-core-react';
-interface MenuItemContainerProps {
-    $active?: boolean;
-}
-export declare const MenuItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuItemContainerProps>> & string;
+export declare const MenuItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 interface CreateButtonProps extends ButtonProps {
     $open?: boolean;
 }
@@ -15,8 +12,8 @@ export declare const CreateButton: import("styled-components/dist/types").IStyle
     disabled?: boolean;
     type?: string;
     fullWidth?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "variant" | "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "fullWidth">, CreateButtonProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<ButtonProps, HTMLButtonElement> & {
-    Group: typeof import("@equinor/eds-core-react/dist/types/components/Button/ButtonGroup").ButtonGroup;
-    Toggle: typeof import("@equinor/eds-core-react/dist/types/components/Button/ToggleButton/ToggleButton").ToggleButton;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "variant" | "href" | "fullWidth" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, CreateButtonProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<ButtonProps, HTMLButtonElement> & {
+    Group: typeof import("@equinor/eds-core-react").ButtonGroup;
+    Toggle: typeof import("@equinor/eds-core-react").ToggleButton;
 }, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/organisms/SideBar/CreateItem.styles.js

@@ -1,30 +1,16 @@
-import{Button as r}from"@equinor/eds-core-react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:i,shape:t}=e,a=o.div`
+import{Button as r}from"@equinor/eds-core-react";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"react-router-dom";import{shape as o}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import i from"styled-components";import{spacings as t}from"../../atoms/style/spacings.js";const e=i.div`
   display: flex;
   align-self: stretch;
-  align-items: center;
-  min-height: 64px;
-  height: 64px;
-  padding: 0 14px;
-  border-bottom: 1px solid ${i.ui.background__medium.rgba};
   box-sizing: border-box;
-  cursor: pointer;
-
-  ${({$active:r})=>r&&`background: ${i.interactive.primary__selected_highlight.rgba};`}
-  &:hover {
-    background: ${({$active:r})=>r?i.interactive.primary__selected_hover.rgba:i.interactive.primary__hover_alt.rgba};
-
-    > button {
-      border-color: ${i.interactive.primary__hover.rgba};
-      background: ${i.interactive.primary__hover.rgba};
-    }
-  }
-`,n=o(r)`
+  padding-top: ${t.medium_small};
+  padding-left: 14px;
+`,s=i(r)`
   width: ${r=>r.$open?"fit-content":"36px"};
   height: 36px;
-  border-radius: ${t.icon_button.borderRadius};
+  border-radius: ${o.icon_button.borderRadius};
   transition: 0.1s ease-out;
   &:hover {
-    border-radius: ${t.icon_button.borderRadius};
+    border-radius: ${o.icon_button.borderRadius};
   }
   &:disabled {
     border: 0 solid transparent;
@@ -32,4 +18,4 @@ import{Button as r}from"@equinor/eds-core-react";import{tokens as e}from"../../n
   > span {
     ${r=>r.$open&&"margin-left: -11px"};
   }
-`;export{n as CreateButton,a as MenuItemContainer};
+`;export{s as CreateButton,e as MenuItemContainer};

package/dist/organisms/SideBar/MenuItem/BasicMenuItem.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { BasicSideBarMenuItem } from '../../../atoms/types/SideBar';
+export type BasicMenuItemProps = {
+    disabled?: boolean;
+} & BasicSideBarMenuItem;
+export declare const BasicMenuItem: FC<BasicMenuItemProps>;

package/dist/organisms/SideBar/MenuItem/BasicMenuItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as t,useMemo as i}from"react";import{useLocation as o}from"react-router-dom";import{Icon as a}from"@equinor/eds-core-react";import{Feature as n}from"@equinor/subsurface-app-management";import{OptionalTooltip as l}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{MenuItemWrapper as d,Link as m,IconContainer as c,ItemText as p}from"./MenuItem.styles.js";import{isCurrentUrl as s,canNavigate as u}from"./MenuItem.utils.js";import{useSideBar as f}from"../../../providers/SideBarProvider.js";const b=({icon:b,link:h,onClick:v,replace:j=!1,name:k,disabled:$=!1,featureUuid:g,...U})=>{const{pathname:x}=o(),I=s({currentUrl:x,link:h}),{isOpen:O}=f(),q=u({currentUrl:x,link:h,replace:j,disabled:$}),C=t((e=>{q?v&&v():e.preventDefault()}),[q,v]),M=i((()=>e(l,{title:k,placement:"right",children:e(d,{children:r(m,{to:h,$active:I,"aria-disabled":$,$disabled:$,onClick:C,tabIndex:0,$open:!0,"data-testid":"sidebar-menu-item",replace:j,...U,children:[e(c,{"data-testid":"icon-container",children:e(a,{data:b,size:24})}),O&&e(p,{$active:I,$disabled:$,variant:"button",group:"navigation",children:k})]})})})),[$,C,b,I,O,h,k,U,j]);return g?e(n,{featureUuid:g,children:M}):M};export{b as BasicMenuItem};