@equinor/amplify-component-lib 9.17.0-beta.0 → 10.0.0

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

@@ -151,7 +151,6 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
   background: ${({$tryingToRemove:e,$lightBackground:t})=>e?r.interactive.primary__hover_alt.rgba:t?r.ui.background__light.rgba:r.ui.background__default.rgba} !important;
 `,_=l(s.Item)`
   flex-grow: 1;
-  ${({$paddedLeft:e})=>e&&`margin-left: 36px`};
   padding-left: 10px;
   
   > div {

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

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type ListSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & ListSelectProps<T>;
@@ -16,6 +16,6 @@ type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProp
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { GroupedSingleSelectProps, ListSingleSelectProps, SingleSelect };

package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react97 from "react";
+import * as react94 from "react";
 import { CheckboxProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Checkbox$1: react97.ForwardRefExoticComponent<CheckboxProps$1 & react97.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react94.ForwardRefExoticComponent<CheckboxProps$1 & react94.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

package/dist/molecules/SelectionControls/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as react99 from "react";
+import * as react92 from "react";
 import { RadioProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Radio$1: react99.ForwardRefExoticComponent<RadioProps$1 & react99.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react92.ForwardRefExoticComponent<RadioProps$1 & react92.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Radio$1 as Radio, RadioProps$1 as RadioProps };

package/dist/molecules/SelectionControls/Switch/Switch.d.ts

@@ -1,10 +1,10 @@
-import * as react101 from "react";
+import * as react96 from "react";
 import { SwitchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Switch/Switch.d.ts
 interface SwitchProps$1 extends SwitchProps {
   outlined?: boolean;
 }
-declare const Switch$1: react101.ForwardRefExoticComponent<SwitchProps$1 & react101.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react96.ForwardRefExoticComponent<SwitchProps$1 & react96.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -1,5 +1,5 @@
-import * as react46 from "react";
-import * as styled_components_dist_types8 from "styled-components/dist/types";
+import * as react41 from "react";
+import * as styled_components_dist_types6 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<react46.DetailedHTMLProps<react46.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react41.DetailedHTMLProps<react41.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Stepper/Step/Step.js

@@ -4,12 +4,12 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   align-items: center;
   white-space: nowrap;
   ${({$disabled:e,$clickable:t})=>e?s`
-          &:hover {
-            cursor: not-allowed;
-          }
-        `:t&&s`
-          &:hover {
-            cursor: pointer;
-          }
-        `}
+        &:hover {
+          cursor: not-allowed;
+        }
+      `:t?s`
+        &:hover {
+          cursor: pointer;
+        }
+      `:``}
 `,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]),_=()=>{t<d&&!m&&f(t)};return l(u,{"data-testid":`step`,$clickable:t<d,onClick:_,$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as Step};

package/dist/molecules/Stepper/Stepper.js

@@ -1,8 +1,8 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import{Step as n}from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import{Step as n}from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o,{css as s}from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=o.div`
   display: flex;
   flex-direction: column;
   gap: ${e.xx_large};
-`,u=o.div`
+`,d=o.div`
   display: grid;
   grid-template-columns:
     repeat(${({$stepAmount:e})=>e-1}, auto 1fr)
@@ -10,5 +10,7 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}
   grid-gap: ${e.small};
   align-items: center;
   width: 100%;
-  ${({$maxWidth:e})=>e&&`max-width: ${e}`}
-`,d=({onlyShowCurrentStepLabel:e=!1,maxWidth:o})=>{let{steps:d,currentStep:f}=t(),p=a(()=>{let t=[];return d.forEach((i,a)=>{t.push(s(n,{index:a,onlyShowCurrentStepLabel:e,children:i.label},`step-${a}`)),a!==d.length-1&&t.push(s(r,{done:f>a},`step-line-${a}`))}),t},[f,e,d]);return c(l,{children:[s(u,{$stepAmount:d.length,$maxWidth:o,"data-testid":`stepper-container`,children:p}),s(i,{})]})};export{d as Stepper};
+  ${({$maxWidth:e})=>e?s`
+        max-width: ${e};
+      `:``}
+`,f=({onlyShowCurrentStepLabel:e=!1,maxWidth:o})=>{let{steps:s,currentStep:f}=t(),p=a(()=>{let t=[];return s.forEach((i,a)=>{t.push(c(n,{index:a,onlyShowCurrentStepLabel:e,children:i.label},`step-${a}`)),a!==s.length-1&&t.push(c(r,{done:f>a},`step-line-${a}`))}),t},[f,e,s]);return l(u,{children:[c(d,{$stepAmount:s.length,$maxWidth:o,"data-testid":`stepper-container`,children:p}),c(i,{})]})};export{f as Stepper};

package/dist/molecules/TextField/TextField.d.ts

@@ -0,0 +1,12 @@
+import { Variants } from "../../atoms/types/variants.js";
+import { FC, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
+import { TextFieldProps } from "@equinor/eds-core-react";
+
+//#region src/molecules/TextField/TextField.d.ts
+type TextFieldProps$1 = Omit<TextFieldProps, 'variant'> & {
+  variant?: Variants;
+  loading?: boolean;
+} & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
+declare const TextField$1: FC<TextFieldProps$1>;
+//#endregion
+export { TextField$1 as TextField, TextFieldProps$1 as TextFieldProps };

package/dist/molecules/TextField/TextField.js

@@ -1,4 +1,4 @@
-import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{SkeletonBase as a}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{getSkeletonHeight as o,getSkeletonTop as s}from"../../atoms/utils/skeleton.js";import{useRef as c}from"react";import{TextField as l}from"@equinor/eds-core-react";import u,{css as d}from"styled-components";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=u.div`
+import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useRef as c}from"react";import{TextField as l}from"@equinor/eds-core-react";import u,{css as d}from"styled-components";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=u.div`
   position: relative;
   input,
   textarea {
@@ -66,9 +66,9 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
         }
       }
     `}
-`,h=u(a)`
+`,h=u(s)`
   position: absolute;
   left: ${r.small};
   border-radius: ${i.corners.borderRadius};
   transform: translateY(${r.x_small});
-`,g=e=>{let t={...e,variant:e.variant===`dirty`?void 0:e.variant},n=e.loading?void 0:e.variant,r=s(e),i=o(e),a=c(`${Math.max(20,Math.random()*80)}%`);return p(m,{$variant:n,$disabled:e.loading?!1:e.disabled,children:[f(l,{...t,disabled:e.loading||e.disabled}),e.loading&&f(h,{className:`skeleton`,role:`progressbar`,style:{top:r,height:i,width:a.current}})]})};export{g as TextField};
+`,g=e=>{let t={...e,variant:e.variant===`dirty`?void 0:e.variant},n=e.loading?void 0:e.variant,r=o(e),i=a(e),s=c(`${Math.max(20,Math.random()*80)}%`);return p(m,{$variant:n,$disabled:e.loading?!1:e.disabled,children:[f(l,{...t,disabled:e.loading||e.disabled}),e.loading&&f(h,{className:`skeleton`,role:`progressbar`,style:{top:r,height:i,width:s.current}})]})};export{g as TextField};

package/dist/molecules/index.d.ts

@@ -7,7 +7,6 @@ import { Badge, BadgeProps } from "./Badge/Badge.js";
 import { Banner, BannerProps } from "./Banner/Banner.js";
 import { Button as Button$1, ButtonProps as ButtonProps$1 } from "./Button/Button.js";
 import { BaseChipProps, Chip as Chip$1 } from "./Chip/Chip.js";
-import { ContentMenu, ContentMenuProps } from "./ContentMenu/ContentMenu.js";
 import { DatePicker as DatePicker$1, DatePickerProps as DatePickerProps$1 } from "./DatePicker/DatePicker.js";
 import { DateRangePicker as DateRangePicker$1, DateRangePickerProps as DateRangePickerProps$1 } from "./DateRangePicker/DateRangePicker.js";
 import { Dialog as Dialog$1, DialogAction, DialogProps as DialogProps$1 } from "./Dialog/Dialog.js";
@@ -16,7 +15,7 @@ import { FileProgressProps } from "./FileProgress/FileProgress.types.js";
 import { FileProgress, FileProgressPropsExtension } from "./FileProgress/FileProgress.js";
 import { FileUploadArea, FileUploadAreaProps } from "./FileUploadArea/FileUploadArea.js";
 import { FullPageSpinner, FullPageSpinnerProps } from "./FullPageSpinner/FullPageSpinner.js";
-import { IconCellColors, IconCellStates, IconCellVariants } from "./IconCell/IconCell.types.js";
+import { IconCellColor, IconCellColorObject, IconCellColors, IconCellState, IconCellStates, IconCellVariant, IconCellVariants } from "./IconCell/IconCell.types.js";
 import { IconCell, IconCellProps } from "./IconCell/IconCell.js";
 import { InfoElement, InfoElementProps } from "./InfoElement/InfoElement.js";
 import { OptionalTooltip, OptionalTooltipProps } from "./OptionalTooltip/OptionalTooltip.js";
@@ -29,7 +28,6 @@ import { Tab } from "./Tabs/Tabs.types.js";
 import { Tabs, TabsProps } from "./Tabs/Tabs.js";
 import { TableMenuBar, TextTable } from "./RichTextEditor/MenuBar/Table/TableBar.js";
 import { Search as Search$1 } from "./Search/Search.js";
-import { SingleFilterMenu, SingleFilterMenuProps } from "./SingleFilterMenu/SingleFilterMenu.js";
 import { SkeletonBase, SkeletonBaseProps, skeletonBaseloading } from "./Skeleton/SkeletonBase/SkeletonBase.js";
 import { SkeletonGradient, SkeletonGradientProps } from "./Skeleton/SkeletonGradient/SkeletonGradient.js";
 import { Stepper, StepperProps } from "./Stepper/Stepper.js";
@@ -38,11 +36,12 @@ import { OptionDrawerSelectItem } from "./OptionDrawer/OptionDrawer.types.js";
 import { ComboBox, GroupedComboBoxProps, ListComboBoxProps } from "./Select/ComboBox/ComboBox.js";
 import { ComboBoxChip } from "./Select/Select.styles.js";
 import { GroupedSingleSelectProps, ListSingleSelectProps, SingleSelect } from "./Select/SingleSelect/SingleSelect.js";
+import { TextField as TextField$1, TextFieldProps as TextFieldProps$1 } from "./TextField/TextField.js";
 import { FeedBackIcon, FeedBackIconProps } from "./FeedBackIcon/FeedBackIcon.js";
 import { ListItem, ListItemProps } from "./ListItem/ListItem.js";
 import { Checkbox as Checkbox$1, CheckboxProps as CheckboxProps$1 } from "./SelectionControls/Checkbox/Checkbox.js";
 import { Radio as Radio$1, RadioProps as RadioProps$1 } from "./SelectionControls/Radio/Radio.js";
 import { Switch as Switch$1, SwitchProps as SwitchProps$1 } from "./SelectionControls/Switch/Switch.js";
 import { Waves } from "./Waves/Waves.js";
-import { Accordion, AccordionHeaderActionsProps, AccordionHeaderProps, AccordionHeaderTitleProps, AccordionItemProps, AccordionPanelProps, AccordionProps, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, CircularProgress as CircularProgress$1, CircularProgressProps, Dialog as EDSDialog, DialogProps as EDSDialogProps, Divider as Divider$1, DividerProps, DotProgress as DotProgress$1, DotProgressProps, Icon as Icon$1, IconProps, LinearProgress as LinearProgress$1, LinearProgressProps, Menu as Menu$1, MenuProps, SearchProps as SearchProps$1, TextField as TextField$1, TextFieldProps, Typography as Typography$1, TypographyProps } from "@equinor/eds-core-react";
-export { Accordion, type AccordionHeaderActionsProps, type AccordionHeaderProps, type AccordionHeaderTitleProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, CircularProgress$1 as CircularProgress, type CircularProgressProps, Divider$1 as Divider, type DividerProps, DotProgress$1 as DotProgress, type DotProgressProps, EDSDialog, type EDSDialogProps, Icon$1 as Icon, type IconProps, LinearProgress$1 as LinearProgress, type LinearProgressProps, Menu$1 as Menu, type MenuProps, type SearchProps$1 as SearchProps, TextField$1 as TextField, type TextFieldProps, Typography$1 as Typography, type TypographyProps };
+import { Accordion, AccordionHeaderActionsProps, AccordionHeaderProps, AccordionHeaderTitleProps, AccordionItemProps, AccordionPanelProps, AccordionProps, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, CircularProgress as CircularProgress$1, CircularProgressProps, Dialog as EDSDialog, DialogProps as EDSDialogProps, Divider as Divider$1, DividerProps, DotProgress as DotProgress$1, DotProgressProps, Icon as Icon$1, IconProps, LinearProgress as LinearProgress$1, LinearProgressProps, Menu as Menu$1, MenuProps, SearchProps as SearchProps$1, Typography as Typography$1, TypographyProps } from "@equinor/eds-core-react";
+export { Accordion, type AccordionHeaderActionsProps, type AccordionHeaderProps, type AccordionHeaderTitleProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, CircularProgress$1 as CircularProgress, type CircularProgressProps, Divider$1 as Divider, type DividerProps, DotProgress$1 as DotProgress, type DotProgressProps, EDSDialog, type EDSDialogProps, Icon$1 as Icon, type IconProps, LinearProgress$1 as LinearProgress, type LinearProgressProps, Menu$1 as Menu, type MenuProps, type SearchProps$1 as SearchProps, Typography$1 as Typography, type TypographyProps };

package/dist/molecules/index.js

@@ -1 +1 @@
-import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{AnimatedCheckmark as i}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as a}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as o}from"./Badge/Badge.js";import{Banner as s}from"./Banner/Banner.js";import{Button as c}from"./Button/Button.js";import{Chip as l}from"./Chip/Chip.js";import{SkeletonBase as u,skeletonBaseloading as ee}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{ContentMenu as te}from"./ContentMenu/ContentMenu.js";import{DatePicker as d}from"./DatePicker/DatePicker.js";import{DateRangePicker as f}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as p}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as m}from"./Dialog/Dialog.js";import{EquinorLogo as h}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as g}from"./FileProgress/FileProgress.js";import{FileUploadArea as _}from"./FileUploadArea/FileUploadArea.js";import{IconCell as v}from"./IconCell/IconCell.js";import{InfoElement as y}from"./InfoElement/InfoElement.js";import{ProfileAvatar as b}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as x}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as S,TextTable as C}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{AmplifyBar as w,EditorMenu as T,EditorText as E}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as D}from"./RichTextEditor/RichTextEditor.js";import{RichText as O}from"./RichTextEditor/index.js";import{Tabs as k}from"./Tabs/Tabs.js";import{Search as ne}from"./Search/Search.js";import{SingleFilterMenu as A}from"./SingleFilterMenu/SingleFilterMenu.js";import{SkeletonGradient as j}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as M}from"./Stepper/Stepper.js";import{OptionDrawer as N}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as P}from"./Select/Select.styles.js";import{ComboBox as F}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as I}from"./Select/SingleSelect/SingleSelect.js";import{FeedBackIcon as L}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as R}from"./ListItem/ListItem.js";import{Checkbox as z}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as B}from"./SelectionControls/Radio/Radio.js";import{Switch as V}from"./SelectionControls/Switch/Switch.js";import{Waves as H}from"./Waves/Waves.js";import{Accordion as U,Breadcrumbs as W,CircularProgress as G,Dialog as K,Divider as q,DotProgress as J,Icon as Y,LinearProgress as X,Menu as Z,TextField as Q,Typography as $}from"@equinor/eds-core-react";export{U as Accordion,W as Breadcrumbs,G as CircularProgress,q as Divider,J as DotProgress,K as EDSDialog,Y as Icon,X as LinearProgress,Z as Menu,Q as TextField,$ as Typography};
+import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{AnimatedCheckmark as i}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as a}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as o}from"./Badge/Badge.js";import{Banner as s}from"./Banner/Banner.js";import{Button as c}from"./Button/Button.js";import{Chip as ee}from"./Chip/Chip.js";import{SkeletonBase as te,skeletonBaseloading as ne}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as l}from"./DatePicker/DatePicker.js";import{DateRangePicker as u}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as d}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as f}from"./Dialog/Dialog.js";import{EquinorLogo as p}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as m}from"./FileProgress/FileProgress.js";import{FileUploadArea as h}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as g,IconCellStates as _,IconCellVariants as v}from"./IconCell/IconCell.types.js";import{IconCell as y}from"./IconCell/IconCell.js";import{InfoElement as b}from"./InfoElement/InfoElement.js";import{ProfileAvatar as x}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as S}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as C,TextTable as w}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as T}from"./TextField/TextField.js";import{AmplifyBar as E,EditorMenu as D,EditorText as re}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as O}from"./RichTextEditor/RichTextEditor.js";import{RichText as k}from"./RichTextEditor/index.js";import{Tabs as A}from"./Tabs/Tabs.js";import{Search as j}from"./Search/Search.js";import{SkeletonGradient as M}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as N}from"./Stepper/Stepper.js";import{OptionDrawer as P}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as F}from"./Select/Select.styles.js";import{ComboBox as I}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as L}from"./Select/SingleSelect/SingleSelect.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};

package/dist/organisms/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
 
 //#region src/organisms/DataGrid/DataGrid.d.ts
-declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DataGrid };

package/dist/organisms/Faq/Category/Category.js

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{Question as n}from"./Question.js";import{useMemo as r,useState as i}from"react";import{Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{Question as n}from"./Question.js";import{useMemo as r}from"react";import{Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useSearch as c}from"@tanstack/react-router";const l=a.div`
   display: flex;
   flex-direction: column;
   gap: ${e.medium};
@@ -6,4 +6,4 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}f
   &:has(> div > div > svg) {
     transform: translateY(50%);
   }
-`,u=({categoryName:e,faqs:o,selectedTab:u})=>{let[d]=i(void 0),f=r(()=>o.toSorted((e,t)=>{let n=e.orderBy??0,r=t.orderBy??0;return n-r}),[o]),p=r(()=>d?f.filter(t=>t.question.toLowerCase().includes(d.toLowerCase())||t.answer.toLowerCase().includes(d.toLowerCase())||e.toLowerCase().includes(d.toLowerCase())):f,[e,d,f]);return u!==void 0&&p.length===0?s(l,{children:c(t,{center:!1,children:[s(t.Title,{title:`No Questions Found`}),s(t.Description,{text:`No questions or answers matches your search in this category`})]})}):p.length===0?null:c(l,{children:[s(a,{variant:`h4`,children:e}),p.map(e=>s(n,{...e},e.id))]})};export{u as Category};
+`,u=({categoryName:e,faqs:a,selectedTab:u})=>{let{search:d}=c({strict:!1}),f=r(()=>a.toSorted((e,t)=>{let n=e.orderBy??0,r=t.orderBy??0;return n-r}),[a]),p=r(()=>d?f.filter(t=>t.question.toLowerCase().includes(d.toLowerCase())||t.answer.toLowerCase().includes(d.toLowerCase())||e.toLowerCase().includes(d.toLowerCase())):f,[e,d,f]);return u!==void 0&&p.length===0?o(l,{children:s(t,{center:!1,children:[o(t.Title,{title:`No Questions Found`}),o(t.Description,{text:`No questions or answers matches your search in this category`})]})}):p.length===0?null:s(l,{children:[o(i,{variant:`h4`,children:e}),p.map(e=>o(n,{...e},e.id))]})};export{u as Category};

package/dist/organisms/Faq/Header.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useFaqsInApplication as n}from"../../atoms/hooks/useFaqsInApplication.js";import{Tabs as r}from"../../molecules/Tabs/Tabs.js";import{useMemo as i,useState as a}from"react";import{Search as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useFaqsInApplication as n}from"../../atoms/hooks/useFaqsInApplication.js";import{Tabs as r}from"../../molecules/Tabs/Tabs.js";import{useMemo as i}from"react";import{Search as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useNavigate as l,useSearch as u}from"@tanstack/react-router";const d=o.div`
   position: sticky;
   top: 0;
   display: flex;
@@ -11,4 +11,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   > div[role='search'] > div {
     background: ${e.ui.background__default.rgba};
   }
-`,d=({setSelectedTab:e,selectedTab:t})=>{let{data:s}=n(),[d,f]=a(``),p=i(()=>s?[{value:`all`,label:`All categories`},...s.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[s]);return l(u,{children:[c(r,{style:{maxWidth:`100%`,width:`fit-content`},selected:t??`all`,onChange:t=>{e(t===`all`?void 0:t)},options:p}),c(o,{value:d,onChange:e=>{f(e.target.value)},placeholder:`Search for answer by keyword`})]})};export{d as Header};
+`,f=({setSelectedTab:e,selectedTab:t})=>{let{data:o}=n(),f=l(),{search:p}=u({strict:!1}),m=i(()=>o?[{value:`all`,label:`All categories`},...o.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[o]);return c(d,{children:[s(r,{style:{maxWidth:`100%`,width:`fit-content`},selected:t??`all`,onChange:t=>{e(t===`all`?void 0:t)},options:m}),s(a,{value:p,onChange:e=>{e.target.value?f({to:`.`,search:{search:e.target.value}}):f({to:`.`,search:null})},placeholder:`Search for answer by keyword`})]})};export{f as Header};

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

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react101 from "react";
 import { ReactNode } from "react";
 import { ReleaseNote } from "@equinor/subsurface-app-management";
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
   actionMenu?: ReactNode;
   expanded?: boolean;
 } & ReleaseNote;
-declare const ReleaseNote$1: react5.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react101.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react5.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react101.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

package/dist/organisms/ReleaseNotesPage/ReleaseNoteFilter.js

@@ -0,0 +1,12 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{ComboBox as n}from"../../molecules/Select/ComboBox/ComboBox.js";import{Filter as r}from"../Filter/Filter.js";import{useReleaseNotesFilters as i}from"./hooks/useReleaseNotesFilters.js";import{removeFromPreviousByIndex as a}from"./ReleaseNotesPage.utils.js";import{useMemo as o,useState as s}from"react";import c from"styled-components";import{jsx as l}from"react/jsx-runtime";import{ReleaseNoteType as u}from"@equinor/subsurface-app-management";const d=c.div`
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  padding: ${t.medium};
+  margin: 0 calc(${t.medium} * -1);
+  background: ${e.ui.background__light.rgba};
+`,f=c.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: ${t.medium};
+`,p=Object.values(u).map(e=>({value:e,label:e})),m=()=>{let{search:e,selected:t,setSearchParam:c,clearAll:u}=i(),[m,h]=s(``),g=o(()=>({releaseNoteTypes:p}),[]);return l(d,{children:l(r,{values:t,onClearFilter:(t,n)=>{c(t,a(e[t],n))},onClearAllFilters:u,search:m,onSearchChange:e=>{h(e.target.value)},onSearchEnter:t=>{h(``),c(`search`,[...e.search??[],t])},children:l(f,{children:l(n,{label:`Type`,placeholder:`Select type of release note`,values:t.releaseNoteTypes,items:g.releaseNoteTypes,onSelect:e=>{c(`releaseNoteTypes`,e.map(e=>e.value))}})})})})};export{m as ReleaseNoteFilter};

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/ReleaseNotesPage/ReleaseNotesPage.d.ts
+declare const ReleaseNotesPage: FC;
+//#endregion
+export { ReleaseNotesPage };

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.js

@@ -0,0 +1 @@
+import{TableOfContentsProvider as e}from"../../providers/TableOfContentsProvider.js";import{TableOfContents as t}from"../TableOfContents/TableOfContents.js";import{useFilteredReleaseNotes as n}from"./hooks/useFilteredReleaseNotes.js";import{extractYearsData as r,monthValueToString as i,yearId as a}from"./ReleaseNotesPage.utils.js";import{ReleasePosts as o}from"./ReleasePosts/ReleasePosts.js";import{ReleaseNoteFilter as s}from"./ReleaseNoteFilter.js";import{Container as c,StickyRightSide as l}from"./ReleaseNotesPage.styles.js";import{useMemo as u}from"react";import{Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=()=>{let{data:m}=n(),h=u(()=>{let e=[];for(let t of r(m))e.push({value:a(t.value),label:t.label,children:t.months.map(e=>({label:e.label,value:i(e.value)}))});return e},[m]);return f(e,{items:h,children:p(c,{children:[f(d,{variant:`h1`,bold:!0,children:`Release Notes`}),p(`section`,{children:[f(s,{}),f(o,{})]}),f(l,{children:f(t,{onlyShowSelectedChildren:!1,variant:`border`})})]})})};export{m as ReleaseNotesPage};

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.styles.js

@@ -0,0 +1,35 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{shape as t}from"../../atoms/style/index.js";import n from"styled-components";const r=n.div`
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto 1fr;
+  gap: ${e.medium};
+  max-width: 1280px;
+  margin: ${e.large} auto;
+  height: fit-content;
+  > h1 {
+    grid-column: span 2;
+    white-space: nowrap;
+  }
+`,i=n.div`
+  position: sticky;
+  top: calc(${e.medium});
+  height: fit-content;
+  width: 200px;
+  display: flex;
+  flex-direction: column;
+  gap: calc(${e.large} + ${e.x_small});
+  > div {
+    position: relative;
+    height: fit-content;
+  }
+  > a {
+    position: sticky;
+    margin-right: auto;
+    border-radius: ${t.rounded.borderRadius};
+    text-decoration: none;
+    &:hover {
+      border-radius: ${t.rounded.borderRadius};
+    }
+  }
+`;export{r as Container,i as StickyRightSide};

package/dist/organisms/ReleaseNotesPage/ReleaseNotesPage.utils.js

@@ -0,0 +1 @@
+import{sortByDate as e}from"../../atoms/utils/sort.js";const t=t=>{let n=[];for(let r of t){let t=new Date(r.releaseDate??r.createdDate),i=t.toLocaleString(`en-US`,{year:`numeric`}),a=t.toLocaleString(`en-US`,{year:`numeric`});if(!n.find(e=>e.value===a)){let e={label:i,value:a,months:[]};n.push(e)}let[o,s]=t.toLocaleString(`en-US`,{month:`long`,year:`numeric`}).split(` `),c=new Date(`1. ${o} ${s}`),l=n.find(e=>e.value===a);l?.months.find(e=>e.value.toISOString()===c.toISOString())||l?.months.push({label:o,value:c}),l?.months.sort((t,n)=>e(t.value,n.value))}return n};function n(e){return`${e.toLocaleDateString(`en-GB`,{month:`long`})}_${e.getFullYear()}`.toLowerCase()}function r(e){return`year-${e}`}function i(e,t){let n=structuredClone(e);return n.splice(t,1),n}export{t as extractYearsData,n as monthValueToString,i as removeFromPreviousByIndex,r as yearId};

package/dist/organisms/ReleaseNotesPage/ReleasePosts/ReleasePost/ReleasePost.js

@@ -0,0 +1 @@
+import{usePrefetchRichTextImages as e}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{ReleaseNote as t}from"../../../ReleaseNote/ReleaseNote.js";import{ReleasePostSkeleton as n}from"./ReleasePostSkeleton.js";import{useRef as r}from"react";import{jsx as i}from"react/jsx-runtime";import{ReleaseNotesService as a}from"@equinor/subsurface-app-management";const o=o=>{let{isPrefetching:s}=e({richTextValues:[o.body],onImageRead:e=>a.getReleaseNoteImage(e)}),c=r(null);return s?i(n,{}):i(t,{ref:c,...o})};export{o as ReleasePost};

package/dist/organisms/ReleaseNotesPage/ReleasePosts/ReleasePost/ReleasePostSkeleton.js

@@ -0,0 +1,37 @@
+import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{shape as n}from"../../../../atoms/style/index.js";import{SkeletonBase as r}from"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import{useRef as i}from"react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=a.div`
+  display: flex;
+  flex-direction: column;
+  background: ${e.ui.background__default.rgba};
+  border: 1px solid ${e.ui.background__heavy.rgba};
+  width: 100%;
+  padding: ${t.medium};
+  border-radius: ${n.corners.borderRadius};
+  gap: ${t.xx_large};
+  height: 300px;
+  > header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    > div {
+      display: flex;
+      gap: ${t.small};
+    }
+  }
+  > section {
+    display: flex;
+    flex-direction: column;
+    gap: ${t.small};
+  }
+`,l=a(r)`
+  border-radius: ${n.corners.borderRadius};
+  height: 0.875rem;
+  width: 4rem;
+`,u=a(r)`
+  border-radius: ${n.rounded.borderRadius};
+  width: 5rem;
+  height: 24px;
+`,d=a(r)`
+  border-radius: ${n.corners.borderRadius};
+  height: 16px;
+  width: 4rem;
+`,f=()=>{let e=i(Array.from({length:7}).fill(0).map(()=>`${Math.random()*400+100}px`));return s(c,{children:[s(`header`,{children:[o(l,{}),s(`div`,{children:[o(u,{}),o(u,{})]})]}),o(`section`,{children:e.current.map((e,t)=>o(d,{style:{width:e}},`line-skeleton-${t.toString()}`))})]})};export{f as ReleasePostSkeleton};

package/dist/organisms/ReleaseNotesPage/ReleasePosts/ReleasePosts.js

@@ -0,0 +1,17 @@
+import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{useTableOfContents as n}from"../../../providers/TableOfContentsProvider.js";import{ReleasePostSkeleton as r}from"./ReleasePost/ReleasePostSkeleton.js";import{ReleasePost as i}from"./ReleasePost/ReleasePost.js";import{useFilteredReleaseNotes as a}from"../hooks/useFilteredReleaseNotes.js";import{monthValueToString as o}from"../ReleaseNotesPage.utils.js";import{Fragment as s}from"react";import{Typography as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30px;
+  width: 100%;
+`,p=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.large};
+  align-items: flex-start;
+  width: 100%;
+  > h3 {
+    margin: ${e.medium} 0;
+  }
+`,m=()=>{let{data:e,isLoading:l,isSearchingOrFiltering:m}=a(),{items:h}=n();return e.length===0&&!l?u(f,{children:u(t,{center:!1,children:u(t.Title,{title:`No release notes ${m?`found`:`yet`}`})})}):u(p,{children:l?Array.from({length:20}).fill(0).map((e,t)=>u(r,{},`release-post-skeleton-${t.toString()}`)):h.map(t=>d(s,{children:[u(c,{variant:`h3`,id:t.value,children:t.label}),t.children?.map(t=>{let n=e.filter(e=>o(new Date(e.releaseDate??e.createdDate))===t.value);return d(s,{children:[u(c,{variant:`h4`,id:t.value,children:t.label}),n.map(e=>u(i,{...e},e.releaseId))]},t.value)})]},t.value))})};export{m as ReleasePosts};

package/dist/organisms/ReleaseNotesPage/hooks/useFilteredReleaseNotes.js

@@ -0,0 +1 @@
+import{sortByDate as e}from"../../../atoms/utils/sort.js";import{useReleaseNotesFilters as t}from"./useReleaseNotesFilters.js";import{useMemo as n}from"react";import{useReleaseNotesQuery as r}from"@equinor/subsurface-app-management";function i(){let{search:i,isFiltering:a}=t(),{data:o,isLoading:s}=r();return{data:n(()=>{let t=o??[];return i.releaseNoteTypes&&(t=t.filter(e=>i.releaseNoteTypes?.every(t=>!!e.tags?.includes(t)))),i.search&&(t=t.filter(e=>i.search?.every(t=>{let n=t.toLowerCase();return e.title.toLowerCase().includes(n)||e.body.toLowerCase().includes(n)}))),t.sort((t,n)=>{let r=t.releaseDate??t.createdDate,i=n.releaseDate??n.createdDate;return e(r,i)}),t},[o,i]),isLoading:s,isSearchingOrFiltering:a}}export{i as useFilteredReleaseNotes};

package/dist/organisms/ReleaseNotesPage/hooks/useReleaseNotesFilters.js

@@ -0,0 +1 @@
+import{capitalize as e}from"../../../atoms/utils/string.js";import{useNavigate as t,useSearch as n}from"@tanstack/react-router";function r(){let r=n({strict:!1}),i=t(),a={search:(r.search??[]).map(e=>({value:e,label:e})),releaseNoteTypes:(r.releaseNoteTypes??[]).map(t=>({value:t,label:e(t)}))};return{search:r,selected:a,setSearchParam:(e,t)=>{i({to:`.`,search:n=>({...n,[e]:Array.isArray(t)&&t.length===0?void 0:t})})},clearAll:()=>{i({to:`.`,search:void 0})},isFiltering:r.search!==void 0||r.releaseNoteTypes!==void 0}}export{r as useReleaseNotesFilters};

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

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{Button as r}from"@equinor/eds-core-react";import i from"styled-components";const a=i.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{Button as r}from"@equinor/eds-core-react";import i,{css as a}from"styled-components";const o=i.div`
   display: flex;
   align-self: stretch;
   box-sizing: border-box;
@@ -16,7 +16,7 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
       background: ${e.interactive.primary__hover.rgba};
     }
   }
-`,o=i(r)`
+`,s=i(r)`
   width: ${e=>e.$open?`fit-content`:`36px`};
   height: 36px;
   border-radius: ${n.icon_button.borderRadius};
@@ -27,7 +27,9 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   &:disabled {
     border: 0 solid transparent;
   }
-  > span {
-    ${e=>e.$open&&`margin-left: -11px`};
-  }
-`;export{o as CreateButton,a as MenuItemContainer};
+  ${e=>e.$open?a`
+      > span {
+        margin-left: -11px;
+      }
+    `:``};
+`;export{s as CreateButton,o as MenuItemContainer};

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

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

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

@@ -4,7 +4,6 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   display: flex;
   align-self: stretch;
   align-items: center;
-  justify-content: ${({$open:e})=>!e&&`center`};
   height: 64px;
   min-width: 64px;
   padding: ${t.medium};

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

@@ -1,4 +1,4 @@
-import * as react115 from "react";
+import * as react122 from "react";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
   createDisabled?: boolean;
   createActive?: boolean;
 }
-declare const SideBar: react115.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react115.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react122.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react122.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

package/dist/organisms/Status/Action.d.ts

@@ -1,10 +1,10 @@
-import * as react103 from "react";
+import * as react124 from "react";
 
 //#region src/organisms/Status/Action.d.ts
 interface ActionProps {
   onClick: () => void;
   buttonText?: string;
 }
-declare const Action: react103.ForwardRefExoticComponent<ActionProps & react103.RefAttributes<HTMLButtonElement>>;
+declare const Action: react124.ForwardRefExoticComponent<ActionProps & react124.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Action };

package/dist/organisms/Status/Description.d.ts

@@ -1,9 +1,9 @@
-import * as react105 from "react";
+import * as react128 from "react";
 
 //#region src/organisms/Status/Description.d.ts
 interface DescriptionProps {
   text?: string;
 }
-declare const Description: react105.ForwardRefExoticComponent<DescriptionProps & react105.RefAttributes<HTMLHeadingElement>>;
+declare const Description: react128.ForwardRefExoticComponent<DescriptionProps & react128.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Description };

package/dist/organisms/Status/MissingAccesses.d.ts

@@ -1,4 +1,4 @@
-import * as react107 from "react";
+import * as react126 from "react";
 
 //#region src/organisms/Status/MissingAccesses.d.ts
 interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
   accesses?: AccessType[];
   text?: string;
 }
-declare const MissingAccesses: react107.ForwardRefExoticComponent<MissingAccessesProps & react107.RefAttributes<HTMLDivElement>>;
+declare const MissingAccesses: react126.ForwardRefExoticComponent<MissingAccessesProps & react126.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MissingAccesses };

package/dist/organisms/Status/Title.d.ts

@@ -1,9 +1,9 @@
-import * as react109 from "react";
+import * as react130 from "react";
 
 //#region src/organisms/Status/Title.d.ts
 interface TitleProps {
   title?: string;
 }
-declare const Title: react109.ForwardRefExoticComponent<TitleProps & react109.RefAttributes<HTMLHeadingElement>>;
+declare const Title: react130.ForwardRefExoticComponent<TitleProps & react130.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Title };

package/dist/organisms/Template/Template.d.ts

@@ -1,14 +1,14 @@
-import * as react7 from "react";
-import * as styled_components0 from "styled-components";
+import * as react98 from "react";
+import * as styled_components11 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types0 from "styled-components/dist/types";
+import * as styled_components_dist_types39 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react7.DetailedHTMLProps<react7.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
-declare const GlobalStyles: react7.NamedExoticComponent<styled_components0.ExecutionProps & object>;
+declare const Content: styled_components_dist_types39.IStyledComponentBase<"web", styled_components_dist_types39.Substitute<react98.DetailedHTMLProps<react98.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+declare const GlobalStyles: react98.NamedExoticComponent<styled_components11.ExecutionProps & object>;
 type TemplateType = IStyledComponent<'web', any> & {
   Container: IStyledComponent<'web', any>;
   Content: typeof Content;

package/dist/organisms/ToggleGroup/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { ToggleGroup } from "./ToggleGroup.types.js";
-import * as react117 from "react";
+import * as react138 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup$1: react117.ForwardRefExoticComponent<ToggleGroup & react117.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup$1: react138.ForwardRefExoticComponent<ToggleGroup & react138.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ToggleGroup$1 as ToggleGroup };

package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts

@@ -1,9 +1,9 @@
 import { ToggleGroupOption } from "./ToggleGroup.types.js";
-import * as react119 from "react";
+import * as react136 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
 type ToggleGroupOptionProps = ToggleGroupOption & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
-declare const ToggleGroupOption$1: react119.ForwardRefExoticComponent<ToggleGroupOptionProps & react119.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption$1: react136.ForwardRefExoticComponent<ToggleGroupOptionProps & react136.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption$1 as ToggleGroupOption };