@equinor/amplify-component-lib 14.0.0 → 14.1.0

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

@@ -1,4 +1,4 @@
-import * as react172 from "react";
+import * as react174 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: react172.ForwardRefExoticComponent<CheckboxProps$1 & react172.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react174.ForwardRefExoticComponent<CheckboxProps$1 & react174.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

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

@@ -1,4 +1,4 @@
-import * as react50 from "react";
+import * as react48 from "react";
 import * as styled_components8 from "styled-components";
 import * as styled_components_dist_types4 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
@@ -8,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react50.DetailedHTMLProps<react50.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react50.DetailedHTMLProps<react50.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
+declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react48.DetailedHTMLProps<react48.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react48.DetailedHTMLProps<react48.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { Tabs as Tabs$1 } from "./Tabs.types.js";
-import * as react34 from "react";
+import * as react45 from "react";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/molecules/Tabs/Tabs.d.ts
@@ -27,6 +27,6 @@ declare function Tabs<T>({
   onHover,
   ref,
   ...rest
-}: TabsProps<T>): react34.JSX.Element;
+}: TabsProps<T>): react45.JSX.Element;
 //#endregion
 export { Tabs, TabsProps };

package/dist/molecules/index.d.ts

@@ -51,5 +51,5 @@ import { Checkbox as Checkbox$1, CheckboxProps as CheckboxProps$1 } from "./Sele
 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 as IconProps$1, 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$1 as IconProps, LinearProgress$1 as LinearProgress, type LinearProgressProps, Menu$1 as Menu, type MenuProps, type SearchProps$1 as SearchProps, 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 as IconProps$1, LinearProgress as LinearProgress$1, LinearProgressProps, Menu as Menu$1, MenuProps, Popover as Popover$1, PopoverActions, PopoverActionsProps, PopoverContent, PopoverContentProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, 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$1 as IconProps, LinearProgress$1 as LinearProgress, type LinearProgressProps, Menu$1 as Menu, type MenuProps, Popover$1 as Popover, PopoverActions, type PopoverActionsProps, PopoverContent, type PopoverContentProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, type SearchProps$1 as SearchProps, Typography$1 as Typography, type TypographyProps };

package/dist/molecules/index.js

@@ -1 +1 @@
-import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./Button/Button.js";import"./Button/IconButton/IconButton.js";import"./Toast/Toast.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./TextField/TextField.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Chip/Chip.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./Tooltip/Tooltip.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Typography as l}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Typography};
+import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./Button/Button.js";import"./Button/IconButton/IconButton.js";import"./Toast/Toast.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./TextField/TextField.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Chip/Chip.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./Tooltip/Tooltip.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Popover as l,PopoverActions as u,PopoverContent as d,PopoverHeader as f,PopoverTitle as p,Typography as m}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Popover,u as PopoverActions,d as PopoverContent,f as PopoverHeader,p as PopoverTitle,m as Typography};

package/dist/organisms/Comments/AddComment.js

@@ -0,0 +1,13 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{IconButton as n}from"../../molecules/Button/IconButton/IconButton.js";import{RichTextEditor as r}from"../../molecules/RichTextEditor/RichTextEditor.js";import{getSuggestions as i}from"./mentions/suggestions.js";import{extractMentions as a}from"./mentions/utils.js";import{isRichTextEmpty as o}from"./utils.js";import{useState as s}from"react";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import u from"styled-components";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{info_circle as p,send as m}from"@equinor/eds-icons";import h from"@tiptap/extension-mention";const g=u.div`
+  background: ${e.ui.background__light.rgba};
+  padding: ${t.large};
+  margin-top: auto;
+`,_=u.div`
+  display: flex;
+  gap: ${t.x_small};
+  padding: ${t.x_small} ${t.small};
+`,v=u.div`
+  display: flex;
+`,y=u(n)`
+  margin-left: auto;
+`,b=({onAddComment:t,users:n,zIndex:u})=>{let[b,x]=s(``);return f(g,{children:[d(r,{value:b,onChange:x,lightBackground:!0,maxHeight:`50vh`,minHeight:`130px`,footer:d(v,{children:d(y,{"data-testid":`send-comment-button`,variant:`ghost`,icon:m,disabled:o(b),onClick:()=>{t?.({text:b,mentions:a(b)}),x(``)}})}),removeFeatures:[`alignment`,`images`,`table`,`links`,`undoRedo`,`headers`,`text-color`,`code`],extensions:[h.configure({HTMLAttributes:{class:`mention`},suggestions:i(n||[],u)})]}),!!n?.length&&f(_,{children:[d(c,{color:e.text.static_icons__tertiary.rgba,data:p,size:16}),d(l,{group:`input`,variant:`label`,color:e.text.static_icons__tertiary.rgba,children:`Type @ to mention team members.`})]})]})};export{b as AddComment};

package/dist/organisms/Comments/Comment.d.ts

@@ -0,0 +1,40 @@
+import { FC } from "react";
+
+//#region src/organisms/Comments/Comment.d.ts
+
+/**
+ * Controls the visibility and enabled state of a comment action button.
+ */
+interface CommentAction {
+  /**
+   * Whether the button is visible but cannot be clicked.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Whether the button is not rendered at all.
+   *
+   * @default false
+   */
+  hidden?: boolean;
+  /**
+   * The tooltip displayed when the button is disabled.
+   *
+   * Ignored unless `disabled` is `true`.
+   */
+  disabledReason?: string;
+}
+interface CommentData {
+  id: string;
+  text: string;
+  editAction?: CommentAction;
+  deleteAction?: CommentAction;
+  timestamp: Date | string;
+  author: {
+    name: string;
+    avatar?: string;
+  };
+}
+//#endregion
+export { CommentData };

package/dist/organisms/Comments/Comment.js

@@ -0,0 +1,32 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{formatDateTime as n}from"../../atoms/utils/date.js";import{DEFAULT_FEATURES as r}from"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useAmplifyKit as i}from"../../atoms/hooks/useAmplifyKit.js";import{Button as a}from"../../molecules/Button/Button.js";import{IconButton as o}from"../../molecules/Button/IconButton/IconButton.js";import{Tooltip as s}from"../../molecules/Tooltip/Tooltip.js";import{ProfileAvatar as c}from"../../molecules/ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as l}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import{RichTextEditor as u}from"../../molecules/RichTextEditor/RichTextEditor.js";import{DeleteConfirmation as d}from"./DeleteConfirmation.js";import{getSuggestions as f}from"./mentions/suggestions.js";import{extractMentions as p}from"./mentions/utils.js";import{isRichTextEmpty as m}from"./utils.js";import{VerticalDivider as h}from"./VerticalDivider.js";import{useEffect as g,useRef as _,useState as v}from"react";import{Typography as y}from"@equinor/eds-core-react";import{styled as b}from"styled-components";import{Fragment as x,jsx as S,jsxs as C}from"react/jsx-runtime";import{delete_forever as w,edit as T}from"@equinor/eds-icons";import E from"@tiptap/extension-mention";const D=b.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+
+  > div:first-child {
+    flex-shrink: 0;
+  }
+`,O=b.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  gap: ${t.small};
+`,k=b.div`
+  display: none;
+`,A=b.div`
+  margin-right: auto;
+`,j=b.div`
+  display: flex;
+`,M=b.div`
+  display: flex;
+  gap: ${t.small};
+  cursor: auto;
+
+  &:hover ${k} {
+    display: block;
+  }
+`,N=b.div`
+  display: flex;
+  justify-content: flex-end;
+  gap: ${t.medium_small};
+`,P=({comment:t,onDelete:b,onEdit:P,readonly:F,users:I,zIndex:L})=>{let R=i({features:r}),z=_(null),[B,V]=v(t.text),[H,U]=v(!1),[W,G]=v(!1);return g(()=>{W&&z.current?.scrollIntoView({behavior:`smooth`,block:`end`})},[W]),C(x,{children:[C(M,{ref:z,children:[C(D,{children:[S(c,{url:t.author.avatar,name:t.author.name}),S(h,{})]}),C(O,{children:[C(j,{children:[C(A,{children:[S(y,{group:`paragraph`,variant:`body_short_bold`,children:t.author.name}),S(y,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:n(t.timestamp)})]}),!F&&C(k,{"data-testid":`comment-actions`,children:[!t.editAction?.hidden&&S(s,{title:t.editAction?.disabled&&t.editAction?.disabledReason,children:S(o,{"data-testid":`edit-comment-button`,icon:T,variant:`ghost`,disabled:t.editAction?.disabled,onClick:()=>G(e=>!e)})}),!t.deleteAction?.hidden&&S(s,{title:t.deleteAction?.disabled&&t.deleteAction?.disabledReason,children:S(o,{"data-testid":`delete-comment-button`,icon:w,variant:`ghost`,onClick:()=>U(!0),disabled:t.deleteAction?.disabled})})]})]}),W?S(u,{value:B,onChange:V,lightBackground:!0,maxHeight:`130px`,minHeight:`130px`,footer:C(N,{children:[S(a,{variant:`ghost`,onClick:()=>{V(t.text),G(!1)},children:`Cancel`}),S(a,{disabled:m(B),variant:`outlined`,onClick:()=>{P?.({id:t.id,text:B,mentions:p(B)}),G(!1)},children:`Update`})]}),removeFeatures:[`alignment`,`images`,`table`,`links`,`undoRedo`,`headers`,`text-color`,`code`],extensions:[E.configure({HTMLAttributes:{class:`mention`},suggestions:f(I||[],L)})]}):S(l,{value:t.text,padding:`none`,extensions:[R,E.configure({HTMLAttributes:{class:`mention`},suggestions:f(I||[],L)})]})]})]}),H&&S(d,{onClose:()=>U(!1),onConfirm:()=>{U(!1),b?.(t.id)}})]})};export{P as Comment};

package/dist/organisms/Comments/Comments.d.ts

@@ -0,0 +1,33 @@
+import { SideSheetProps } from "../SideSheet/SideSheet.types.js";
+import { CommentData } from "./Comment.js";
+import { FC, ReactNode } from "react";
+
+//#region src/organisms/Comments/Comments.d.ts
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+type CommentsProps = {
+  comments: CommentData[];
+  readonly?: boolean;
+  onAddComment?: ({
+    text,
+    mentions
+  }: {
+    text: string;
+    mentions: string[];
+  }) => void;
+  onEditComment?: ({
+    id,
+    text,
+    mentions
+  }: {
+    id: string;
+    text: string;
+    mentions: string[];
+  }) => void;
+  onDeleteComment?: (commentId: string) => void;
+  subHeaderElements?: ReactNode;
+  emptyContent?: ReactNode;
+  users?: string[];
+} & DistributiveOmit<SideSheetProps, 'children'>;
+declare const Comments: FC<CommentsProps>;
+//#endregion
+export { Comments, CommentsProps };

package/dist/organisms/Comments/Comments.js

@@ -0,0 +1,15 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{SideSheet as n}from"../SideSheet/SideSheet.js";import{Comment as r}from"./Comment.js";import{AddComment as i}from"./AddComment.js";import{useEffect as a,useRef as o}from"react";import{Divider as s,Typography as c}from"@equinor/eds-core-react";import{styled as l}from"styled-components";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";const p=l(s)`
+  margin: 0;
+`,m=l.div`
+  padding: ${t.medium};
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+  overflow: auto;
+`,h=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border: 1px dashed ${e.ui.background__medium.rgba};
+  padding: ${t.medium} ${t.large};
+`,g=({subHeaderElements:t,comments:s,onDeleteComment:l,onAddComment:g,onEditComment:_,readonly:v,users:y,emptyContent:b,...x})=>{let S=o(null),C=`zIndex`in x&&x.zIndex!=null?Number(x.zIndex):void 0,w=s.at(-1)?.id;return a(()=>{S.current?.scrollTo({top:S.current.scrollHeight,behavior:`smooth`})},[w]),f(n,{...x,children:[t!=null&&f(u,{children:[t,d(p,{})]}),d(m,{ref:S,children:s.length>0?s.map(e=>d(r,{comment:e,onDelete:l,readonly:v,onEdit:_,users:y,zIndex:C},e.id)):b??d(h,{children:d(c,{group:`paragraph`,variant:`body_short`,color:e.text.static_icons__tertiary.rgba,children:`No comments yet.`})})}),!v&&d(i,{onAddComment:g,users:y,zIndex:C})]})};export{g as Comments};

package/dist/organisms/Comments/DeleteConfirmation.js

@@ -0,0 +1 @@
+import{Dialog as e}from"../../molecules/Dialog/Dialog.js";import{jsx as t}from"react/jsx-runtime";const n=({onClose:n,onConfirm:r})=>t(e,{open:!0,title:`Delete this comment`,width:400,actions:[{text:`Cancel`,variant:`outlined`,onClick:n},{text:`Delete`,variant:`filled`,color:`danger`,onClick:r}],onClose:n,children:`You are about to delete your comment.`});export{n as DeleteConfirmation};

package/dist/organisms/Comments/VerticalDivider.js

@@ -0,0 +1,16 @@
+import{colors as e}from"../../atoms/style/colors.js";import t from"styled-components";const n=t.div`
+  width: 100%;
+  height: 100%;
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-0.5px);
+    width: 1px;
+    background: ${e.ui.background__medium.rgba};
+  }
+`;export{n as VerticalDivider};

package/dist/organisms/Comments/mentions/MentionList.js

@@ -0,0 +1 @@
+import{DropDown as e,DropDownButton as t,NoResult as n}from"./MentionList.styles.js";import{useEffect as r,useImperativeHandle as i,useState as a}from"react";import{Typography as o}from"@equinor/eds-core-react";import{jsx as s}from"react/jsx-runtime";const c=c=>{let[l,u]=a(0),d=e=>{let t=c.items[e];t&&c.command({id:t})},f=()=>{u((l+c.items.length-1)%c.items.length)},p=()=>{u((l+1)%c.items.length)},m=()=>{d(l)};return r(()=>u(0),[c.items]),i(c.ref,()=>({onKeyDown:({event:e})=>e.key===`ArrowUp`?(f(),!0):e.key===`ArrowDown`?(p(),!0):e.key===`Enter`?(m(),!0):!1})),s(e,{children:c.items.length?c.items.map((e,n)=>s(t,{$isSelected:n===l,onMouseEnter:()=>u(n),onClick:()=>d(n),children:s(o,{variant:`menu_title`,group:`navigation`,children:e})},n)):s(n,{children:s(o,{variant:`menu_title`,group:`navigation`,children:`No result`})})})};export{c as MentionList};

package/dist/organisms/Comments/mentions/MentionList.styles.js

@@ -0,0 +1,22 @@
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{elevation as n}from"../../../atoms/style/index.js";import r from"styled-components";const i=r.div`
+  background: ${e.ui.background__default.rgba};
+  border-radius: 2px;
+  box-shadow: ${n.raised};
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  position: relative;
+  padding: ${t.small} 0;
+`,a=r.button`
+  align-items: center;
+  background-color: transparent;
+  display: flex;
+  text-align: left;
+  height: 48px;
+  padding: ${t.small} ${t.medium};
+  width: 100%;
+
+  ${({$isSelected:t})=>t&&`background-color: ${e.interactive.primary__hover_alt.rgba};`}
+`,o=r.div`
+  padding: ${t.small} ${t.medium};
+`;export{i as DropDown,a as DropDownButton,o as NoResult};

package/dist/organisms/Comments/mentions/suggestions.js

@@ -0,0 +1 @@
+import{MentionList as e}from"./MentionList.js";import{ReactRenderer as t,posToDOMRect as n}from"@tiptap/react";const r=(e,t)=>{let r=n(e.view,e.state.selection.from,e.state.selection.to);t.style.width=`max-content`,t.style.position=`absolute`;let{width:i,height:a}=t.getBoundingClientRect(),o=document.documentElement.clientWidth,s=document.documentElement.clientHeight,c=r.left,l=r.bottom,u=s-r.bottom,d=r.top;a>u&&a<=d&&(l=r.top-a),c+i>o&&(c=o-i),c<0&&(c=0),t.style.left=`${c+window.scrollX}px`,t.style.top=`${l+window.scrollY}px`},i=(n,i)=>[{items:({query:e})=>n.filter(t=>t.toLowerCase().startsWith(e.toLowerCase())).slice(0,3),render:()=>{let n;return{onStart:a=>{n=new t(e,{props:a,editor:a.editor}),a.clientRect&&(n.element.style.position=`absolute`,i!==void 0&&(n.element.style.zIndex=String(i+1)),document.body.appendChild(n.element),r(a.editor,n.element))},onUpdate(e){n.updateProps(e),e.clientRect&&r(e.editor,n.element)},onKeyDown(e){return e.event.key===`Escape`?(n.destroy(),!0):n.ref?.onKeyDown(e)??!1},onExit(){n.destroy()}}}}];export{i as getSuggestions};

package/dist/organisms/Comments/mentions/utils.js

@@ -0,0 +1 @@
+const e=e=>{if(typeof document>`u`||!e)return[];let t=document.createElement(`div`);t.innerHTML=e;let n=t.querySelectorAll(`[data-type="mention"], .mention`),r=Array.from(n).map(e=>e.getAttribute(`data-id`)).filter(e=>!!e);return[...new Set(r)]};export{e as extractMentions};

package/dist/organisms/Comments/utils.js

@@ -0,0 +1 @@
+const e=e=>{let t=document.createElement(`div`);return t.innerHTML=e,!t.textContent.trim()};export{e as isRichTextEmpty};

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

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react214 from "react";
+import * as react220 from "react";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
   id,
   openOnFocus,
   ...rest
-}: FilterProps<T>): react214.JSX.Element;
+}: FilterProps<T>): react220.JSX.Element;
 //#endregion
 export { Filter };

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

@@ -1,6 +1,6 @@
 import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
 import { FilterProps } from "./Filter.types.js";
-import * as react215 from "react";
+import * as react221 from "react";
 
 //#region src/organisms/Filter/QuickFilter.d.ts
 interface QuickFilterProps<T extends string> {
@@ -14,6 +14,6 @@ declare function QuickFilter<T extends string>({
   items,
   onQuickFilter,
   label
-}: QuickFilterProps<T>): react215.JSX.Element;
+}: QuickFilterProps<T>): react221.JSX.Element;
 //#endregion
 export { QuickFilter };

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

@@ -1,4 +1,4 @@
-import * as react213 from "react";
+import * as react219 from "react";
 
 //#region src/organisms/Filter/SortMenu.d.ts
 interface SortMenuProps<S> {
@@ -13,6 +13,6 @@ declare function SortMenu<S>({
   value,
   onChange,
   items
-}: SortMenuProps<S>): react213.JSX.Element;
+}: SortMenuProps<S>): react219.JSX.Element;
 //#endregion
 export { SortMenu };

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

@@ -1,4 +1,4 @@
-import * as react181 from "react";
+import * as react186 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: react181.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react186.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react181.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react186.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

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

@@ -1,4 +1,4 @@
-import * as react211 from "react";
+import * as react222 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: react211.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react211.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react222.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react222.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement } from "react";
+import { CSSProperties, ReactElement, ReactNode } from "react";
 
 //#region src/organisms/SideSheet/SideSheet.types.d.ts
 interface BaseSideSheetProps {
@@ -7,7 +7,7 @@ interface BaseSideSheetProps {
   title: string;
   headerElements?: ReactElement | ReactElement[];
   width?: number | undefined;
-  children: ReactElement | ReactElement[];
+  children: ReactNode;
 }
 interface StandardSideSheetProps extends BaseSideSheetProps {
   type?: 'standard' | undefined;

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

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

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

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

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

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

package/dist/organisms/Status/collections/BadRequest.d.ts

@@ -1,4 +1,4 @@
-import * as react233 from "react";
+import * as react236 from "react";
 
 //#region src/organisms/Status/collections/BadRequest.d.ts
 interface BadRequestProps {
@@ -12,6 +12,6 @@ declare const BadRequest: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: BadRequestProps) => react233.JSX.Element;
+}: BadRequestProps) => react236.JSX.Element;
 //#endregion
 export { BadRequest };

package/dist/organisms/Status/collections/GenericError.d.ts

@@ -1,4 +1,4 @@
-import * as react236 from "react";
+import * as react237 from "react";
 
 //#region src/organisms/Status/collections/GenericError.d.ts
 interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: GenericErrorProps) => react236.JSX.Element;
+}: GenericErrorProps) => react237.JSX.Element;
 //#endregion
 export { GenericError };

package/dist/organisms/Status/collections/MissingPermissions.d.ts

@@ -1,4 +1,4 @@
-import * as react232 from "react";
+import * as react238 from "react";
 
 //#region src/organisms/Status/collections/MissingPermissions.d.ts
 interface MissingPermissionsProps {
@@ -14,6 +14,6 @@ declare const MissingPermissions: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: MissingPermissionsProps) => react232.JSX.Element;
+}: MissingPermissionsProps) => react238.JSX.Element;
 //#endregion
 export { MissingPermissions };

package/dist/organisms/Status/collections/PageNotFound.d.ts

@@ -1,4 +1,4 @@
-import * as react234 from "react";
+import * as react239 from "react";
 
 //#region src/organisms/Status/collections/PageNotFound.d.ts
 interface PageNotFoundProps {
@@ -12,6 +12,6 @@ declare const PageNotFound: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: PageNotFoundProps) => react234.JSX.Element;
+}: PageNotFoundProps) => react239.JSX.Element;
 //#endregion
 export { PageNotFound };

package/dist/organisms/Status/collections/ServerError.d.ts

@@ -1,4 +1,4 @@
-import * as react235 from "react";
+import * as react240 from "react";
 
 //#region src/organisms/Status/collections/ServerError.d.ts
 interface ServerErrorProps {
@@ -12,6 +12,6 @@ declare const ServerError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: ServerErrorProps) => react235.JSX.Element;
+}: ServerErrorProps) => react240.JSX.Element;
 //#endregion
 export { ServerError };

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

@@ -1,4 +1,4 @@
-import * as react183 from "react";
+import * as react181 from "react";
 import * as styled_components63 from "styled-components";
 import { IStyledComponent } from "styled-components";
 import * as styled_components_dist_types47 from "styled-components/dist/types";
@@ -7,8 +7,8 @@ import * as styled_components_dist_types47 from "styled-components/dist/types";
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types47.IStyledComponentBase<"web", styled_components63.FastOmit<styled_components63.FastOmit<react183.DetailedHTMLProps<react183.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never> & Partial<Pick<styled_components63.FastOmit<react183.DetailedHTMLProps<react183.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never>>> & string;
-declare const GlobalStyles: react183.NamedExoticComponent<styled_components63.ExecutionProps & object>;
+declare const Content: styled_components_dist_types47.IStyledComponentBase<"web", styled_components63.FastOmit<styled_components63.FastOmit<react181.DetailedHTMLProps<react181.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never> & Partial<Pick<styled_components63.FastOmit<react181.DetailedHTMLProps<react181.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never>>> & string;
+declare const GlobalStyles: react181.NamedExoticComponent<styled_components63.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 as ToggleGroup$1 } from "./ToggleGroup.types.js";
-import * as react222 from "react";
+import * as react243 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react222.ForwardRefExoticComponent<ToggleGroup$1 & react222.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react243.ForwardRefExoticComponent<ToggleGroup$1 & react243.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ToggleGroup };

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

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

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

@@ -1,7 +1,7 @@
-import * as react218 from "react";
+import * as react226 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react218.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react218.RefAttributes<HTMLDivElement>>;
+declare const Actions: react226.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react226.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Actions };

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

@@ -1,13 +1,14 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react216 from "react";
+import * as react224 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
   availableFields: Field[];
   onSelect: (selectedField: Field) => void;
+  onClear?: () => void;
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react216.ForwardRefExoticComponent<FieldMenuProps & react216.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react224.ForwardRefExoticComponent<FieldMenuProps & react224.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/FieldMenu/FieldMenu.js

@@ -1 +1 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n}from"../TopBar.styles.js";import{ListContainer as r,MenuFixedItem as i,MenuItem as a,MenuSection as o,NoFieldsText as s,NoSearchResultsContainer as c,SearchContainer as l,TextContainer as u}from"./FieldMenu.styles.js";import{useTopBarInternalContext as d}from"../TopBarInternalContextProvider.js";import{forwardRef as f,useMemo as p,useRef as m,useState as h}from"react";import{Icon as g,Search as _,Typography as v}from"@equinor/eds-core-react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{arrow_drop_down as x,arrow_drop_up as S,check as C,exit_to_app as w,platform as T}from"@equinor/eds-icons";const{colors:E}=e,D=f(({availableFields:e,onSelect:f,itemNameSingular:D=`field`,showAccessITLink:O=!0},k)=>{let{selectedField:A}=d(),[j,M]=h(!1),N=m(null),[P,F]=h(``),I=()=>M(!1),L=()=>M(!j),R=p(()=>P===``?e.filter(e=>e.name?.toLowerCase()!==A?.name?.toLowerCase()):e.filter(e=>e.name?.toLowerCase().includes(P.toLowerCase())),[e,P,A]),z=p(()=>{if(A?.name)return A.name.charAt(0).toUpperCase()+A.name.slice(1)},[A?.name]),B=e=>{F(e.target.value)},V=e.length>=4,H=R.length===0&&V;return A?b(`div`,{ref:k,children:[b(n,{variant:`ghost`,ref:N,onClick:L,"data-testid":`field-selector-top-bar-button`,$fieldSelector:!0,children:[y(g,{data:T,size:24}),z,y(g,{data:j?S:x})]}),y(t,{open:j,title:`Field Selection`,onClose:I,anchorEl:N.current,contentPadding:!1,children:b(`section`,{children:[b(o,{children:[V&&y(l,{children:y(_,{autoFocus:!0,placeholder:`Search fields`,value:P,onChange:B})}),b(r,{children:[!H&&P===``&&y(i,{$active:!0,children:b(`div`,{children:[y(u,{children:y(v,{variant:`h6`,children:A.name?.toLowerCase()})}),y(g,{data:C,color:E.interactive.primary__resting.rgba,size:24})]})}),H?y(c,{children:b(s,{variant:`body_short`,color:E.text.static_icons__tertiary.rgba,children:[`No `,D,`s matching your search`]})}):R.map(e=>y(a,{onClick:()=>{f(e),I()},children:y(u,{children:y(v,{variant:`h6`,children:e.name?.toLowerCase()})})},e.uuid))]})]}),O&&!H&&y(i,{"data-testid":`access-it-link`,onClick:()=>window.open(`https://accessit.equinor.com/#`,`_blank`),children:b(`div`,{children:[b(u,{children:[b(v,{variant:`overline`,children:[`Missing a `,D,`?`]}),y(v,{variant:`h6`,children:`Go to AccessIT`})]}),y(g,{data:w,color:E.interactive.primary__resting.rgba,size:24})]})})]})})]}):null});D.displayName=`FieldSelector`;export{D as FieldMenu};
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n}from"../TopBar.styles.js";import{ListContainer as r,MenuFixedItem as i,MenuItem as a,MenuSection as o,NoFieldsText as s,NoSearchResultsContainer as c,SearchContainer as l,TextContainer as u}from"./FieldMenu.styles.js";import{useTopBarInternalContext as d}from"../TopBarInternalContextProvider.js";import{forwardRef as f,useMemo as p,useRef as m,useState as h}from"react";import{Icon as g,Search as _,Typography as v}from"@equinor/eds-core-react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{arrow_drop_down as x,arrow_drop_up as S,check as C,clear as w,exit_to_app as T,platform as E}from"@equinor/eds-icons";const{colors:D}=e,O=f(({availableFields:e,onSelect:f,itemNameSingular:O=`field`,showAccessITLink:k=!0,onClear:A},j)=>{let{selectedField:M}=d(),[N,P]=h(!1),F=m(null),[I,L]=h(``),R=()=>P(!1),z=()=>P(!N),B=p(()=>I===``?e.filter(e=>e.name?.toLowerCase()!==M?.name?.toLowerCase()):e.filter(e=>e.name?.toLowerCase().includes(I.toLowerCase())),[e,I,M]),V=p(()=>{if(M?.name)return M.name.charAt(0).toUpperCase()+M.name.slice(1)},[M?.name]),H=e=>{L(e.target.value)},U=e.length>=4,W=B.length===0&&U;return!M&&!A?null:b(`div`,{ref:j,children:[b(n,{variant:`ghost`,ref:F,onClick:z,"data-testid":`field-selector-top-bar-button`,$fieldSelector:!0,children:[y(g,{data:E,size:24}),M?V:`No ${O} selected`,y(g,{data:N?S:x})]}),y(t,{open:N,title:`Field Selection`,onClose:R,anchorEl:F.current,contentPadding:!1,children:b(`section`,{children:[b(o,{children:[U&&y(l,{children:y(_,{autoFocus:!0,placeholder:`Search fields`,value:I,onChange:H})}),b(r,{children:[!W&&I===``&&M&&y(i,{$active:!0,$clearable:A!==void 0,"data-testid":`selected-field-item`,onClick:()=>{A&&(A(),R())},children:b(`div`,{children:[y(u,{children:y(v,{variant:`h6`,children:M?.name?.toLowerCase()})}),y(g,{className:`check-icon`,data:C,color:D.interactive.primary__resting.rgba,size:24}),y(g,{className:`clear-icon`,data:w,size:24,color:D.interactive.primary__resting.rgba})]})}),W?y(c,{children:b(s,{variant:`body_short`,color:D.text.static_icons__tertiary.rgba,children:[`No `,O,`s matching your search`]})}):B.map(e=>y(a,{onClick:()=>{f(e),R()},children:y(u,{children:y(v,{variant:`h6`,children:e.name?.toLowerCase()})})},e.uuid))]})]}),k&&!W&&y(i,{"data-testid":`access-it-link`,onClick:()=>window.open(`https://accessit.equinor.com/#`,`_blank`),children:b(`div`,{children:[b(u,{children:[b(v,{variant:`overline`,children:[`Missing a `,O,`?`]}),y(v,{variant:`h6`,children:`Go to AccessIT`})]}),y(g,{data:T,color:D.interactive.primary__resting.rgba,size:24})]})})]})})]})});O.displayName=`FieldSelector`;export{O as FieldMenu};