@equinor/amplify-component-lib 14.0.0 → 14.1.0

package/dist/organisms/TopBar/FieldMenu/FieldMenu.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{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";const i=r.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r,{css as i}from"styled-components";const a=r.div`
   display: flex;
   flex-direction: column;
 
@@ -17,14 +17,14 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
       box-shadow: inset 0 -2px 0 0 ${e.interactive.primary__resting.rgba};
     }
   }
-`,a=r(n)`
+`,o=r(n)`
   margin: 0 auto ${t.medium};
-`,o=r.div`
+`,s=r.div`
   max-height: 25vh;
   display: flex;
   flex-direction: column;
   overflow-y: auto;
-`,s=r.div`
+`,c=r.div`
   &:hover {
     background: ${e.interactive.primary__selected_hover.rgba};
     cursor: pointer;
@@ -33,7 +33,7 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   border-top: 1px solid ${e.ui.background__light.rgba};
   outline: none !important;
   padding: ${t.medium} ${t.large};
-`,c=r.div`
+`,l=r.div`
   ${t=>t.$active&&`background: ${e.interactive.primary__selected_highlight.rgba};
     `};
 
@@ -44,9 +44,23 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     width: 100%;
   }
 
+  .clear-icon {
+    display: none;
+  }
+
   &:hover {
     background: ${e.interactive.primary__selected_hover.rgba};
     cursor: pointer;
+
+    ${e=>e.$clearable&&i`
+        .check-icon {
+          display: none;
+        }
+
+        .clear-icon {
+          display: block;
+        }
+      `}
   }
 
   border-top: 1px solid ${e.ui.background__light.rgba};
@@ -56,7 +70,7 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   svg {
     align-self: center;
   }
-`,l=r.div`
+`,u=r.div`
   border-bottom: 1px solid ${e.ui.background__light.rgba};
   display: flex;
   flex-direction: column;
@@ -65,15 +79,15 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     margin-left: ${t.large};
     margin-bottom: ${t.small};
   }
-`,u=r.div`
+`,d=r.div`
   padding-top: ${t.small};
   display: flex;
   align-items: center;
   padding-bottom: ${t.xxx_large};
-`,d=r.div`
+`,f=r.div`
   display: flex;
   flex-direction: column;
   > h6 {
     text-transform: capitalize;
   }
-`;export{o as ListContainer,c as MenuFixedItem,s as MenuItem,l as MenuSection,a as NoFieldsText,u as NoSearchResultsContainer,i as SearchContainer,d as TextContainer};
+`;export{s as ListContainer,l as MenuFixedItem,c as MenuItem,u as MenuSection,o as NoFieldsText,d as NoSearchResultsContainer,a as SearchContainer,f as TextContainer};

package/dist/organisms/TopBar/Guidelines/Colorbox.d.ts

@@ -1,11 +1,11 @@
-import * as react242 from "react";
-import * as styled_components76 from "styled-components";
-import * as styled_components_dist_types53 from "styled-components/dist/types";
+import * as react250 from "react";
+import * as styled_components82 from "styled-components";
+import * as styled_components_dist_types55 from "styled-components/dist/types";
 
 //#region src/organisms/TopBar/Guidelines/Colorbox.d.ts
 interface ColorboxProps {
   $color: string;
 }
-declare const Colorbox: styled_components_dist_types53.IStyledComponentBase<"web", styled_components76.FastOmit<styled_components76.FastOmit<react242.DetailedHTMLProps<react242.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never> & Partial<Pick<styled_components76.FastOmit<react242.DetailedHTMLProps<react242.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never>>> & string;
+declare const Colorbox: styled_components_dist_types55.IStyledComponentBase<"web", styled_components82.FastOmit<styled_components82.FastOmit<react250.DetailedHTMLProps<react250.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never> & Partial<Pick<styled_components82.FastOmit<react250.DetailedHTMLProps<react250.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never>>> & string;
 //#endregion
 export { Colorbox };

package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react241 from "react";
+import * as react249 from "react";
 import { Dispatch, FC, ReactNode, SetStateAction } from "react";
 
 //#region src/organisms/TopBar/Notifications/NotificationProvider.d.ts
@@ -6,7 +6,7 @@ interface NotificationContext {
   setIsOpen: Dispatch<SetStateAction<boolean>>;
   isOpen: boolean;
 }
-declare const NotificationContext: react241.Context<NotificationContext | undefined>;
+declare const NotificationContext: react249.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

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

@@ -15,6 +15,7 @@ declare const TopBar: React.ForwardRefExoticComponent<{
   children: ReactNode;
   availableFields?: Field[];
   onSelectField?: (selectedField: Field) => void;
+  onClearField?: () => void;
   currentField?: Field;
   showAccessITLink?: boolean;
   itemNameSingular?: string;

package/dist/organisms/TopBar/TopBar.js

@@ -1 +1 @@
-import"../../atoms/enums/Environment.js";import{ApplicationIcon as e}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import{AppAndFieldContainer as t,AppIdentifier as n,AppName as r,Bar as i,CircularProgress as a,EnvironmentTag as o}from"./TopBar.styles.js";import{TopBarInternalContextProvider as s}from"./TopBarInternalContextProvider.js";import{FieldMenu as c}from"./FieldMenu/FieldMenu.js";import{forwardRef as l}from"react";import{Typography as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=l(({id:l,children:p,headerLink:m,applicationIcon:h,applicationName:g,environment:_,isFetching:v=!1,capitalize:y=!1,availableFields:b,onSelectField:x,currentField:S,showAccessITLink:C,itemNameSingular:w},T)=>d(s,{selectedField:S,children:f(i,{ref:T,children:[f(t,{id:l,children:[f(n,{tabIndex:0,to:m||`/`,children:[d(e,{name:h,size:32,withHover:!0}),d(r,{group:`navigation`,variant:`menu_title`,$capitalize:y,children:y?g.toLowerCase():g})]}),b&&x&&d(c,{availableFields:b,onSelect:x,showAccessITLink:C,itemNameSingular:w}),v&&d(a,{size:16})]}),(_===`development`||_===`staging`||_===`localhost`)&&d(o,{$environmentType:_,children:d(u,{group:`heading`,variant:`h5`,children:_})}),p]})}));p.displayName=`TopBar`;export{p as TopBar};
+import"../../atoms/enums/Environment.js";import{ApplicationIcon as e}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import{AppAndFieldContainer as t,AppIdentifier as n,AppName as r,Bar as i,CircularProgress as a,EnvironmentTag as o}from"./TopBar.styles.js";import{TopBarInternalContextProvider as s}from"./TopBarInternalContextProvider.js";import{FieldMenu as c}from"./FieldMenu/FieldMenu.js";import{forwardRef as l}from"react";import{Typography as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=l(({id:l,children:p,headerLink:m,applicationIcon:h,applicationName:g,environment:_,isFetching:v=!1,capitalize:y=!1,availableFields:b,onSelectField:x,currentField:S,onClearField:C,showAccessITLink:w,itemNameSingular:T},E)=>d(s,{selectedField:S,children:f(i,{ref:E,children:[f(t,{id:l,children:[f(n,{tabIndex:0,to:m||`/`,children:[d(e,{name:h,size:32,withHover:!0}),d(r,{group:`navigation`,variant:`menu_title`,$capitalize:y,children:y?g.toLowerCase():g})]}),b&&x&&d(c,{availableFields:b,onSelect:x,showAccessITLink:w,itemNameSingular:T,onClear:C}),v&&d(a,{size:16})]}),(_===`development`||_===`staging`||_===`localhost`)&&d(o,{$environmentType:_,children:d(u,{group:`heading`,variant:`h5`,children:_})}),p]})}));p.displayName=`TopBar`;export{p as TopBar};

package/dist/organisms/index.d.ts

@@ -22,6 +22,7 @@ import { ReleaseNote, ReleaseNoteProps } from "./ReleaseNote/ReleaseNote.js";
 import { ToggleGroup } from "./ToggleGroup/index.js";
 import { Faq } from "./Faq/Faq.js";
 import { ReleaseNotesPage } from "./ReleaseNotesPage/ReleaseNotesPage.js";
+import { Comments, CommentsProps } from "./Comments/Comments.js";
 import { Card as Card$1, CardProps } from "@equinor/eds-core-react";
 import { EdsDataGridProps as DataGridProps } from "@equinor/eds-data-grid-react";
 export { Card$1 as Card, type CardProps, type DataGridProps };

package/dist/organisms/index.js

@@ -1 +1 @@
-import"./Status/index.js";import"./Status/collections/MissingAccessToApp.js";import"./DataGrid/DataGrid.js";import"./Template/Template.js";import"./FieldSelector/FieldSelector.js";import"./Filter/index.js";import"./SideBar/index.js";import"./ReleaseNote/ReleaseNote.js";import"./TopBar/index.js";import"./Status/collections/BadRequest.js";import"./Status/collections/GenericError.js";import"./Status/collections/MissingPermissions.js";import"./Status/collections/PageNotFound.js";import"./Status/collections/ServerError.js";import"./Status/collections/ApiResponseError.js";import"./SideSheet/SideSheet.js";import"./TableOfContents/TableOfContents.js";import"./PageTitle/PageTitle.js";import"./ToggleGroup/index.js";import"./Faq/Faq.js";import"./ReleaseNotesPage/ReleaseNotesPage.js";import{Card as e}from"@equinor/eds-core-react";export{e as Card};
+import"./Status/index.js";import"./Status/collections/MissingAccessToApp.js";import"./DataGrid/DataGrid.js";import"./Template/Template.js";import"./FieldSelector/FieldSelector.js";import"./Filter/index.js";import"./SideBar/index.js";import"./ReleaseNote/ReleaseNote.js";import"./TopBar/index.js";import"./Status/collections/BadRequest.js";import"./Status/collections/GenericError.js";import"./Status/collections/MissingPermissions.js";import"./Status/collections/PageNotFound.js";import"./Status/collections/ServerError.js";import"./Status/collections/ApiResponseError.js";import"./SideSheet/SideSheet.js";import"./TableOfContents/TableOfContents.js";import"./PageTitle/PageTitle.js";import"./ToggleGroup/index.js";import"./Faq/Faq.js";import"./ReleaseNotesPage/ReleaseNotesPage.js";import"./Comments/Comments.js";import{Card as e}from"@equinor/eds-core-react";export{e as Card};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "14.0.0",
+  "version": "14.1.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -139,6 +139,8 @@
     "@tiptap/extension-text-align": "^3.1.0",
     "@tiptap/extension-text-style": "^3.1.0",
     "@tiptap/extension-typography": "^3.1.0",
+    "@tiptap/extension-mention": "^3.1.0",
+    "@tiptap/suggestion": "^3.1.0",
     "@tiptap/extensions": "^3.1.0",
     "@tiptap/pm": "^3.1.0",
     "@tiptap/react": "^3.1.0",