@equinor/amplify-component-lib 9.15.3-beta.1 → 9.16.0-beta.0

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

@@ -1,8 +1,8 @@
-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 e from"styled-components";import{Typography as t}from"@equinor/eds-core-react";import{colors as n,spacings as r}from"src/atoms/style";const i=e.div`
   display: flex;
   flex-direction: column;
 
-  padding: ${t.medium_small} ${t.medium};
+  padding: ${r.medium_small} ${r.medium};
 
   div[role='search'] {
     > div {
@@ -10,31 +10,31 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     }
 
     input {
-      color: ${e.text.static_icons__default.rgba};
+      color: ${n.text.static_icons__default.rgba};
     }
 
     input:focus {
-      box-shadow: inset 0 -2px 0 0 ${e.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px 0 0 ${n.interactive.primary__resting.rgba};
     }
   }
-`,a=r(n)`
-  margin: 0 auto ${t.medium};
-`,o=r.div`
+`,a=e(t)`
+  margin: 0 auto ${r.medium};
+`,o=e.div`
   max-height: 25vh;
   display: flex;
   flex-direction: column;
   overflow-y: auto;
-`,s=r.div`
+`,s=e.div`
   &:hover {
-    background: ${e.interactive.primary__selected_hover.rgba};
+    background: ${n.interactive.primary__selected_hover.rgba};
     cursor: pointer;
   }
 
-  border-top: 1px solid ${e.ui.background__light.rgba};
+  border-top: 1px solid ${n.ui.background__light.rgba};
   outline: none !important;
-  padding: ${t.medium} ${t.large};
-`,c=r.div`
-  ${t=>t.$active&&`background: ${e.interactive.primary__selected_highlight.rgba};
+  padding: ${r.medium} ${r.large};
+`,c=e.div`
+  ${e=>e.$active&&`background: ${n.interactive.primary__selected_highlight.rgba};
     `};
 
   > div {
@@ -45,32 +45,32 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   }
 
   &:hover {
-    background: ${e.interactive.primary__selected_hover.rgba};
+    background: ${n.interactive.primary__selected_hover.rgba};
     cursor: pointer;
   }
 
-  border-top: 1px solid ${e.ui.background__light.rgba};
+  border-top: 1px solid ${n.ui.background__light.rgba};
   outline: none !important;
-  padding: ${t.medium} ${t.large};
+  padding: ${r.medium} ${r.large};
 
   svg {
     align-self: center;
   }
-`,l=r.div`
-  border-bottom: 1px solid ${e.ui.background__light.rgba};
+`,l=e.div`
+  border-bottom: 1px solid ${n.ui.background__light.rgba};
   display: flex;
   flex-direction: column;
 
   > p {
-    margin-left: ${t.large};
-    margin-bottom: ${t.small};
+    margin-left: ${r.large};
+    margin-bottom: ${r.small};
   }
-`,u=r.div`
-  padding-top: ${t.small};
+`,u=e.div`
+  padding-top: ${r.small};
   display: flex;
   align-items: center;
-  padding-bottom: ${t.xxx_large};
-`,d=r.div`
+  padding-bottom: ${r.xxx_large};
+`,d=e.div`
   display: flex;
   flex-direction: column;
   > h6 {

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

@@ -1,10 +1,10 @@
-import * as react140 from "react";
+import * as react142 from "react";
 import * as styled_components_dist_types48 from "styled-components/dist/types";
 
 //#region src/organisms/TopBar/Guidelines/Colorbox.d.ts
 interface ColorboxProps {
   $color: string;
 }
-declare const Colorbox: styled_components_dist_types48.IStyledComponentBase<"web", styled_components_dist_types48.Substitute<react140.DetailedHTMLProps<react140.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorboxProps>> & string;
+declare const Colorbox: styled_components_dist_types48.IStyledComponentBase<"web", styled_components_dist_types48.Substitute<react142.DetailedHTMLProps<react142.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorboxProps>> & string;
 //#endregion
 export { Colorbox };

package/dist/organisms/TopBar/Guidelines/Guidelines.js

@@ -1 +1 @@
-import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{Colorbox as n}from"./Colorbox.js";import{Item as r}from"./Item.js";import{Section as i}from"./Section.js";import{isValidElement as a,useRef as o,useState as s}from"react";import{Icon as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{info_circle as f}from"@equinor/eds-icons";const p=({sections:p})=>{let[m,h]=s(!1),g=o(null),_=()=>{h(!m)},v=()=>{h(!1)};return d(l,{children:[u(t,{variant:`ghost_icon`,ref:g,onClick:_,"data-testid":`show-hide-button`,children:u(c,{data:f})},`topbar-notifications`),u(e,{open:m,anchorEl:g.current,onClose:v,withGap:!0,children:p.map((e,t)=>u(i,{title:e.sectionName,children:e.items.map((e,i)=>a(e)?e:`element`in e?u(r,{title:e.title,children:e.element},`${i}-${t}`):d(r,{title:e.title,children:[e.colorBox&&u(n,{"data-testid":`color-box-${e.title}`,$color:e.color}),u(c,{data:e.icon,color:e.color,size:24})]},`${i}-${t}`))},`section-${e.sectionName}`))})]})};p.displayName=`TopBar.Guidelines`;export{p as Guidelines};
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{Colorbox as n}from"./Colorbox.js";import{Item as r}from"./Item.js";import{Section as i}from"./Section.js";import{isValidElement as a,useRef as o,useState as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{info_circle as d}from"@equinor/eds-icons";import{Icon as f}from"@equinor/eds-core-react";const p=({sections:p})=>{let[m,h]=s(!1),g=o(null),_=()=>{h(!m)},v=()=>{h(!1)};return u(c,{children:[l(t,{variant:`ghost_icon`,ref:g,onClick:_,"data-testid":`show-hide-button`,children:l(f,{data:d})},`topbar-notifications`),l(e,{open:m,anchorEl:g.current,onClose:v,withGap:!0,children:p.map((e,t)=>l(i,{title:e.sectionName,children:e.items.map((e,i)=>a(e)?e:`element`in e?l(r,{title:e.title,children:e.element},`${i}-${t}`):u(r,{title:e.title,children:[e.colorBox&&l(n,{"data-testid":`color-box-${e.title}`,$color:e.color}),l(f,{data:e.icon,color:e.color,size:24})]},`${i}-${t}`))},`section-${e.sectionName}`))})]})};p.displayName=`TopBar.Guidelines`;export{p as Guidelines};

package/dist/organisms/TopBar/Guidelines/Item.js

@@ -1,6 +1,6 @@
-import{spacings as e}from"../../../atoms/style/spacings.js";import{Typography as t}from"@equinor/eds-core-react";import n from"styled-components";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms/style";const a=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  gap: ${e.medium_small};
-`,o=({title:e,children:n})=>i(a,{children:[n,r(t,{variant:`caption`,children:e})]});export{o as Item};
+  gap: ${i.medium_small};
+`,o=({title:n,children:i})=>t(a,{children:[i,e(r,{variant:`caption`,children:n})]});export{o as Item};

package/dist/organisms/TopBar/Guidelines/Section.js

@@ -1,19 +1,19 @@
-import{spacings as e}from"../../../atoms/style/spacings.js";import{Typography as t}from"@equinor/eds-core-react";import n from"styled-components";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms/style";const a=n.div`
   display: flex;
   flex-direction: column;
-  gap: ${e.medium};
+  gap: ${i.medium};
   > p {
-    padding-left: ${e.medium};
-    padding-top: ${e.small};
+    padding-left: ${i.medium};
+    padding-top: ${i.small};
   }
 
   > section {
     display: flex;
     flex-direction: column;
-    gap: ${e.medium};
-    margin-left: ${e.medium};
+    gap: ${i.medium};
+    margin-left: ${i.medium};
     overflow: auto;
     height: fit-content;
     max-height: 66vh;
   }
-`,o=({title:e,children:n})=>i(a,{"data-testid":`guidelines-section`,children:[r(t,{variant:`overline`,children:e}),r(`section`,{children:n})]});export{o as Section};
+`,o=({title:n,children:i})=>t(a,{"data-testid":`guidelines-section`,children:[e(r,{variant:`overline`,children:n}),e(`section`,{children:i})]});export{o as Section};

package/dist/organisms/TopBar/Notifications/FilterOptions.js

@@ -1,14 +1,14 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FilterNotification as t,SortNotification as n}from"./NotificationsTemplate/Notifications.types.js";import{useRef as r,useState as i}from"react";import{Icon as a,Menu as o,Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{checkbox as f,checkbox_outline as p,filter_list as m,sort as h}from"@equinor/eds-icons";const{spacings:g,colors:_,shape:v}=e,y=c(o.Item)`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FilterNotification as t,SortNotification as n}from"./NotificationsTemplate/Notifications.types.js";import{useRef as r,useState as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{checkbox as c,checkbox_outline as l,filter_list as u,sort as d}from"@equinor/eds-icons";import f from"styled-components";import{Icon as p,Menu as m,Typography as h}from"@equinor/eds-core-react";const{spacings:g,colors:_,shape:v}=e,y=f(m.Item)`
   display: flex;
-`,b=c.div`
+`,b=f.div`
   display: flex;
   gap: ${g.comfortable.small};
   padding: ${g.comfortable.medium};
-`,x=c(o)`
+`,x=f(m)`
   padding: ${g.comfortable.small} 0;
-`,S=c.div`
+`,S=f.div`
   padding: ${g.comfortable.small} ${g.comfortable.large};
-`,C=c.span`
+`,C=f.span`
   font-family: 'Equionor', sans-serif;
   font-size: 12px;
   border-radius: ${v.rounded.borderRadius};
@@ -33,4 +33,4 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   > svg {
     color: ${({$active:e})=>e?_.text.static_icons__default.rgba:_.interactive.primary__resting.rgba};
   }
-`,w=({onFilter:e,onSort:o,sortMenuRef:c,filterMenuRef:g})=>{let[_,v]=i(!1),[w,T]=i(!1),E=r(null),D=r(null),[O,k]=i({[n.UNREAD]:!1,[n.OLD_NEWEST]:!1,[n.NEW_OLDEST]:!1}),[A,j]=i({[t.SYSTEM]:!1,[t.USER]:!1,[t.UNREAD]:!1}),M=()=>{v(!0),T(!1)},N=()=>{v(!1)},P=()=>{T(!0),v(!1)},F=()=>{T(!1)},I=t=>{e(A[t]?[]:[t]),j(e=>({...e,[t]:!e[t]}))},L=e=>{o(O[e]?[]:[e]),k(t=>({...t,[e]:!t[e]}))};return d(l,{children:[d(b,{children:[d(C,{onClick:()=>_?N():M(),ref:E,$active:_,children:[u(s,{group:`ui`,variant:`chip__badge`,children:`Filter by`}),u(a,{data:m,size:16})]}),d(C,{onClick:()=>w?F():P(),ref:D,$active:w,children:[u(s,{group:`ui`,variant:`chip__badge`,children:`Sort by`}),u(a,{data:h,size:16})]})]}),_&&d(x,{open:_,anchorEl:E.current,placement:`bottom-start`,ref:g,onClose:N,children:[u(S,{children:u(s,{group:`navigation`,variant:`label`,children:`Filter notifications`})}),d(y,{onClick:()=>I(t.USER),closeMenuOnClick:!1,children:[u(a,{data:A[t.USER]?f:p}),u(s,{children:` User messages `})]}),d(y,{onClick:()=>I(t.SYSTEM),closeMenuOnClick:!1,children:[u(a,{data:A[t.SYSTEM]?f:p}),u(s,{children:` System messages `})]}),d(y,{onClick:()=>I(t.UNREAD),closeMenuOnClick:!1,children:[u(a,{data:A[t.UNREAD]?f:p}),u(s,{children:` Unread `})]})]}),w&&d(x,{open:w,anchorEl:D.current,placement:`bottom-start`,ref:c,onClose:F,children:[u(S,{children:u(s,{group:`navigation`,variant:`label`,children:`Sort notifications`})}),d(y,{onClick:()=>L(n.NEW_OLDEST),closeMenuOnClick:!1,children:[u(a,{data:O[n.NEW_OLDEST]?f:p}),u(s,{children:` Newest to oldest `})]}),d(y,{onClick:()=>L(n.OLD_NEWEST),closeMenuOnClick:!1,children:[u(a,{data:O[n.OLD_NEWEST]?f:p}),u(s,{children:` Oldest to newest `})]}),d(y,{onClick:()=>L(n.UNREAD),closeMenuOnClick:!1,children:[u(a,{data:O[n.UNREAD]?f:p}),u(s,{children:` Unread`})]})]})]})};export{w as FilterOptions};
+`,w=({onFilter:e,onSort:f,sortMenuRef:m,filterMenuRef:g})=>{let[_,v]=i(!1),[w,T]=i(!1),E=r(null),D=r(null),[O,k]=i({[n.UNREAD]:!1,[n.OLD_NEWEST]:!1,[n.NEW_OLDEST]:!1}),[A,j]=i({[t.SYSTEM]:!1,[t.USER]:!1,[t.UNREAD]:!1}),M=()=>{v(!0),T(!1)},N=()=>{v(!1)},P=()=>{T(!0),v(!1)},F=()=>{T(!1)},I=t=>{e(A[t]?[]:[t]),j(e=>({...e,[t]:!e[t]}))},L=e=>{f(O[e]?[]:[e]),k(t=>({...t,[e]:!t[e]}))};return s(a,{children:[s(b,{children:[s(C,{onClick:()=>_?N():M(),ref:E,$active:_,children:[o(h,{group:`ui`,variant:`chip__badge`,children:`Filter by`}),o(p,{data:u,size:16})]}),s(C,{onClick:()=>w?F():P(),ref:D,$active:w,children:[o(h,{group:`ui`,variant:`chip__badge`,children:`Sort by`}),o(p,{data:d,size:16})]})]}),_&&s(x,{open:_,anchorEl:E.current,placement:`bottom-start`,ref:g,onClose:N,children:[o(S,{children:o(h,{group:`navigation`,variant:`label`,children:`Filter notifications`})}),s(y,{onClick:()=>I(t.USER),closeMenuOnClick:!1,children:[o(p,{data:A[t.USER]?c:l}),o(h,{children:` User messages `})]}),s(y,{onClick:()=>I(t.SYSTEM),closeMenuOnClick:!1,children:[o(p,{data:A[t.SYSTEM]?c:l}),o(h,{children:` System messages `})]}),s(y,{onClick:()=>I(t.UNREAD),closeMenuOnClick:!1,children:[o(p,{data:A[t.UNREAD]?c:l}),o(h,{children:` Unread `})]})]}),w&&s(x,{open:w,anchorEl:D.current,placement:`bottom-start`,ref:m,onClose:F,children:[o(S,{children:o(h,{group:`navigation`,variant:`label`,children:`Sort notifications`})}),s(y,{onClick:()=>L(n.NEW_OLDEST),closeMenuOnClick:!1,children:[o(p,{data:O[n.NEW_OLDEST]?c:l}),o(h,{children:` Newest to oldest `})]}),s(y,{onClick:()=>L(n.OLD_NEWEST),closeMenuOnClick:!1,children:[o(p,{data:O[n.OLD_NEWEST]?c:l}),o(h,{children:` Oldest to newest `})]}),s(y,{onClick:()=>L(n.UNREAD),closeMenuOnClick:!1,children:[o(p,{data:O[n.UNREAD]?c:l}),o(h,{children:` Unread`})]})]})]})};export{w as FilterOptions};

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

@@ -1,4 +1,4 @@
-import * as react117 from "react";
+import * as react139 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: react117.Context<NotificationContext | undefined>;
+declare const NotificationContext: react139.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

package/dist/organisms/TopBar/Notifications/NotificationsInner.js

@@ -1,8 +1,8 @@
-import{useNotification as e}from"./NotificationProvider.js";import{TopBarMenu as t}from"../TopBarMenu.js";import{TopBarButton as n,UnreadRedDot as r}from"../TopBar.styles.js";import{NoNotifications as i}from"./NotificationsTemplate/NotificationElements/NoNotifications.js";import{FilterNotification as a,SortNotification as o}from"./NotificationsTemplate/Notifications.types.js";import{NotificationTemplate as s}from"./NotificationsTemplate/NotificationTemplate.js";import{FilterOptions as c}from"./FilterOptions.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Icon as f}from"@equinor/eds-core-react";import p from"styled-components";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{notifications as _}from"@equinor/eds-icons";const v=p.div`
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t,UnreadRedDot as n}from"../TopBar.styles.js";import{useNotification as r}from"./NotificationProvider.js";import{NoNotifications as i}from"./NotificationsTemplate/NotificationElements/NoNotifications.js";import{FilterNotification as a,SortNotification as o}from"./NotificationsTemplate/Notifications.types.js";import{NotificationTemplate as s}from"./NotificationsTemplate/NotificationTemplate.js";import{FilterOptions as c}from"./FilterOptions.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{notifications as h}from"@equinor/eds-icons";import g from"styled-components";import{Icon as _}from"@equinor/eds-core-react";const v=g.div`
   display: flex;
-`,y=p.div`
+`,y=g.div`
   overflow: auto;
   height: fit-content;
   max-height: 66vh;
   width: 350px;
-`,b=({children:p,hasUnread:b=!1,setAllAsRead:x,showFilterOptions:S=!1,notifications:C})=>{let w=u(null),T=u(null),E=u(null),{isOpen:D,setIsOpen:O}=e(),[k,A]=d([]),[j,M]=d([]),N=l(()=>{if(!C)return[];let e=[...C];return k.length>0&&(e=e.filter(e=>{if(k.includes(a.UNREAD))return!e.Read;if(k.includes(a.USER))return e.user;if(k.includes(a.SYSTEM))return!e.user})),j.length>0&&(e=e.sort((e,t)=>{let n=new Date(e.time).getTime(),r=new Date(t.time).getTime();return j.includes(o.OLD_NEWEST)?r-n:j.includes(o.UNREAD)?e.Read===t.Read?0:e.Read?1:-1:n-r})),e},[k,C,j]),P=()=>{D?F():O(!0)},F=()=>{x(),O(!1)};return g(m,{children:[g(n,{variant:`ghost_icon`,ref:w,onClick:P,"data-testid":`show-hide-button`,children:[h(f,{data:_,size:24}),b&&h(r,{"data-testid":`unread-dot`})]},`topbar-notifications`),g(t,{open:D,anchorEl:w.current,contentPadding:!1,isNotification:!0,onClose:F,children:[S&&h(v,{children:h(c,{onFilter:A,onSort:M,sortMenuRef:E,filterMenuRef:T})}),p?h(y,{children:p instanceof Function?p({onClose:F}):p}):h(y,{children:N&&N?.length>0?N.map(e=>h(s,{...e},e.SequenceNumber)):h(i,{})})]})]})};b.displayName=`TopBar.NotificationsInner`;export{b as NotificationsInner};
+`,b=({children:g,hasUnread:b=!1,setAllAsRead:x,showFilterOptions:S=!1,notifications:C})=>{let w=u(null),T=u(null),E=u(null),{isOpen:D,setIsOpen:O}=r(),[k,A]=d([]),[j,M]=d([]),N=l(()=>{if(!C)return[];let e=[...C];return k.length>0&&(e=e.filter(e=>{if(k.includes(a.UNREAD))return!e.Read;if(k.includes(a.USER))return e.user;if(k.includes(a.SYSTEM))return!e.user})),j.length>0&&(e=e.sort((e,t)=>{let n=new Date(e.time).getTime(),r=new Date(t.time).getTime();return j.includes(o.OLD_NEWEST)?r-n:j.includes(o.UNREAD)?e.Read===t.Read?0:e.Read?1:-1:n-r})),e},[k,C,j]),P=()=>{D?F():O(!0)},F=()=>{x(),O(!1)};return m(f,{children:[m(t,{variant:`ghost_icon`,ref:w,onClick:P,"data-testid":`show-hide-button`,children:[p(_,{data:h,size:24}),b&&p(n,{"data-testid":`unread-dot`})]},`topbar-notifications`),m(e,{open:D,anchorEl:w.current,contentPadding:!1,isNotification:!0,onClose:F,children:[S&&p(v,{children:p(c,{onFilter:A,onSort:M,sortMenuRef:E,filterMenuRef:T})}),g?p(y,{children:g instanceof Function?g({onClose:F}):g}):p(y,{children:N&&N?.length>0?N.map(e=>p(s,{...e},e.SequenceNumber)):p(i,{})})]})]})};b.displayName=`TopBar.NotificationsInner`;export{b as NotificationsInner};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js

@@ -1,6 +1,6 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
+import{NotificationsTypes as e}from"../Notifications.types.js";import{jsx as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms";const a=n.div`
   display: flex;
   flex-direction: column;
-  gap: ${e.medium};
-  padding-top: ${e.medium_small};
-`,o=({message:e})=>i(a,{"data-testid":t.DEFAULT,children:i(n,{group:`table`,variant:`cell_text`,children:e})});export{o as DefaultNotification};
+  gap: ${i.medium};
+  padding-top: ${i.medium_small};
+`,o=({message:n})=>t(a,{"data-testid":e.DEFAULT,children:t(r,{group:`table`,variant:`cell_text`,children:n})});export{o as DefaultNotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ExperienceDue3Weeks.js

@@ -1,6 +1,6 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
   padding-top: ${o.comfortable.medium_small};
-`,c=({well:e,commentsCount:r,onClick:o})=>a(s,{children:[i(t,{title:`Go to ${e.displayName}`,children:a(`div`,{onClick:o,children:[i(n,{group:`table`,variant:`cell_text`,bold:!0,children:`Experience report are due in 3 weeks`}),i(n,{group:`table`,variant:`cell_text`,children:e.displayName})]})}),i(`div`,{children:a(n,{group:`table`,variant:`cell_text`,children:[r,` experiences`]})})]});export{c as ExperienceDue3Weeks};
+`,c=({well:e,commentsCount:r,onClick:o})=>n(s,{children:[t(i,{title:`Go to ${e.displayName}`,children:n(`div`,{onClick:o,children:[t(a,{group:`table`,variant:`cell_text`,bold:!0,children:`Experience report are due in 3 weeks`}),t(a,{group:`table`,variant:`cell_text`,children:e.displayName})]})}),t(`div`,{children:n(a,{group:`table`,variant:`cell_text`,children:[r,` experiences`]})})]});export{c as ExperienceDue3Weeks};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/MergedBranchOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
   padding-top: ${o.comfortable.medium_small};
   cursor: pointer;
-`,c=({fromUser:e,branchName:r,onClick:o})=>i(s,{onClick:o,children:i(t,{title:`Go to ${r}`,children:a(n,{group:`table`,variant:`cell_text`,children:[e.displayName,` has merged your branch `,r,` to the master`]})})});export{c as MergedBranchOrca};
+`,c=({fromUser:e,branchName:r,onClick:o})=>t(s,{onClick:o,children:t(i,{title:`Go to ${r}`,children:n(a,{group:`table`,variant:`cell_text`,children:[e.displayName,` has merged your branch `,r,` to the master`]})})});export{c as MergedBranchOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/NoNotifications.js

@@ -1,7 +1,7 @@
-import{spacings as e}from"../../../../../atoms/style/spacings.js";import{FeedBackIcon as t}from"../../../../../molecules/FeedBackIcon/FeedBackIcon.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=r.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{Typography as r}from"@equinor/eds-core-react";import{spacings as i}from"src/atoms/style";import{FeedBackIcon as a}from"src/molecules/FeedBackIcon/FeedBackIcon";const o=n.div`
   display: flex;
   flex-direction: column;
-  gap: ${e.medium};
+  gap: ${i.medium};
   align-items: center;
-  padding: ${e.large};
-`,s=()=>a(o,{children:[i(t,{name:`positive`,variant:`filled`}),i(n,{children:` No notifications `})]});export{s as NoNotifications};
+  padding: ${i.large};
+`,s=()=>t(o,{children:[e(a,{name:`positive`,variant:`filled`}),e(r,{children:` No notifications `})]});export{s as NoNotifications};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToBePublished.js

@@ -1,5 +1,5 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
-`,c=({experienceCount:e,well:r,onClick:o})=>i(t,{title:`Go to ${r.displayName}`,children:a(s,{onClick:o,children:[a(`div`,{children:[i(n,{group:`table`,variant:`cell_text`,bold:!0,children:`Experiences are ready to be published`}),i(n,{group:`table`,variant:`cell_text`,children:r.displayName})]}),i(`div`,{children:i(n,{group:`table`,variant:`cell_text`,children:e})})]})});export{c as ReadyToBePublished};
+`,c=({experienceCount:e,well:r,onClick:o})=>t(i,{title:`Go to ${r.displayName}`,children:n(s,{onClick:o,children:[n(`div`,{children:[t(a,{group:`table`,variant:`cell_text`,bold:!0,children:`Experiences are ready to be published`}),t(a,{group:`table`,variant:`cell_text`,children:r.displayName})]}),t(`div`,{children:t(a,{group:`table`,variant:`cell_text`,children:e})})]})});export{c as ReadyToBePublished};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToReportNotification.js

@@ -1,14 +1,14 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{Chip as n,Tooltip as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{spacings:c}=e,l=a.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Chip as a,Tooltip as o,Typography as s}from"@equinor/eds-core-react";const{spacings:c}=e,l=i.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: ${c.comfortable.medium};
   padding-top: ${c.comfortable.medium_small};
-`,u=a.div`
+`,u=i.div`
   display: flex;
   flex-direction: column;
-`,d=a.div`
+`,d=i.div`
   grid-column: span 3;
   display: flex;
   gap: 5px;
   align-items: center;
-`,f=({field:e,wellbore:a,dataType:c,onClick:f})=>o(r,{title:`Go to ${c}`,children:s(l,{onClick:f,"data-testid":t.READY_TO_REPORT,children:[s(u,{children:[o(i,{group:`paragraph`,variant:`overline`,children:`Field`}),o(i,{group:`table`,variant:`cell_text`,children:e})]}),s(u,{children:[o(i,{group:`paragraph`,variant:`overline`,children:`WELLBORE`}),o(i,{group:`table`,variant:`cell_text`,children:a})]}),s(d,{children:[s(n,{children:[` `,c,` `]}),o(i,{group:`navigation`,variant:`label`,children:`is ready to report`})]})]})});export{f as ReadyToReportNotification};
+`,f=({field:e,wellbore:i,dataType:c,onClick:f})=>n(o,{title:`Go to ${c}`,children:r(l,{onClick:f,"data-testid":t.READY_TO_REPORT,children:[r(u,{children:[n(s,{group:`paragraph`,variant:`overline`,children:`Field`}),n(s,{group:`table`,variant:`cell_text`,children:e})]}),r(u,{children:[n(s,{group:`paragraph`,variant:`overline`,children:`WELLBORE`}),n(s,{group:`table`,variant:`cell_text`,children:i})]}),r(d,{children:[r(a,{children:[` `,c,` `]}),n(s,{group:`navigation`,variant:`label`,children:`is ready to report`})]})]})});export{f as ReadyToReportNotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestChangeOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{Tooltip as n,Typography as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const{spacings:s}=e,c=i.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";import{OptionalTooltip as o}from"src/molecules/OptionalTooltip/OptionalTooltip";const{spacings:s}=e,c=r.div`
   display: flex;
   flex-direction: column;
   gap: ${s.comfortable.medium};
   padding-top: ${s.comfortable.medium_small};
   cursor: pointer;
-`,l=({fromUser:e,branchName:i,onClick:s})=>a(n,{title:`Go to ${i}`,children:a(c,{onClick:s,children:a(t,{title:`Go to ${i}`,children:o(r,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested changes for branch `,i]})})})});export{l as RequestChangeOrca};
+`,l=({fromUser:e,branchName:r,onClick:s})=>t(i,{title:`Go to ${r}`,children:t(c,{onClick:s,children:t(o,{title:`Go to ${r}`,children:n(a,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested changes for branch `,r]})})})});export{l as RequestChangeOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestReviewOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{NotificationsTypes as n}from"../Notifications.types.js";import{Tooltip as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{spacings:c}=e,l=a.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Tooltip as a,Typography as o}from"@equinor/eds-core-react";import{OptionalTooltip as s}from"src/molecules/OptionalTooltip/OptionalTooltip";const{spacings:c}=e,l=i.div`
   display: flex;
   flex-direction: column;
   gap: ${c.comfortable.medium};
   padding-top: ${c.comfortable.medium_small};
   cursor: pointer;
-`,u=({fromUser:e,branchName:a,onClick:c})=>o(r,{title:`Go to ${a}`,children:o(l,{onClick:c,"data-testid":n.REQUESTED_REVIEW,children:o(t,{title:`Go to ${a}`,children:s(i,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,a]})})})});export{u as RequestReviewOrca};
+`,u=({fromUser:e,branchName:i,onClick:c})=>n(a,{title:`Go to ${i}`,children:n(l,{onClick:c,"data-testid":t.REQUESTED_REVIEW,children:n(s,{title:`Go to ${i}`,children:r(o,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,i]})})})});export{u as RequestReviewOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReviewQANotification.js

@@ -1,6 +1,6 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Tooltip as i,Typography as a}from"@equinor/eds-core-react";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
   gap: ${o.comfortable.medium};
   padding-top: ${o.comfortable.medium_small};
-`,c=({well:e,experienceComments:r,experience:o,onClick:c})=>i(t,{title:`Go to ${o.title}`,children:a(s,{onClick:c,children:[a(`div`,{children:[i(n,{group:`table`,variant:`cell_text`,bold:!0,children:`Please review my QA comments`}),i(n,{group:`table`,variant:`cell_text`,children:e.displayName}),a(n,{group:`table`,variant:`cell_text`,children:[o.title,` - `,o?.topic?.displayName]})]}),i(`div`,{children:a(n,{group:`table`,variant:`cell_text`,children:[r,` comments`]})})]})});export{c as ReviewQANotification};
+`,c=({well:e,experienceComments:r,experience:o,onClick:c})=>t(i,{title:`Go to ${o.title}`,children:n(s,{onClick:c,children:[n(`div`,{children:[t(a,{group:`table`,variant:`cell_text`,bold:!0,children:`Please review my QA comments`}),t(a,{group:`table`,variant:`cell_text`,children:e.displayName}),n(a,{group:`table`,variant:`cell_text`,children:[o.title,` - `,o?.topic?.displayName]})]}),t(`div`,{children:n(a,{group:`table`,variant:`cell_text`,children:[r,` comments`]})})]})});export{c as ReviewQANotification};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.js

@@ -1 +1 @@
-import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{formatRelativeDateTime as t}from"../../../../atoms/utils/date.js";import{ApplicationIcon as n}from"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import{OptionalTooltip as r}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{ProfileAvatar as i}from"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import{NotificationsTypes as a}from"./Notifications.types.js";import{DefaultNotification as o}from"./NotificationElements/DefaultNotification.js";import{ExperienceDue3Weeks as s}from"./NotificationElements/ExperienceDue3Weeks.js";import{MergedBranchOrca as c}from"./NotificationElements/MergedBranchOrca.js";import{ReadyToBePublished as l}from"./NotificationElements/ReadyToBePublished.js";import{ReadyToReportNotification as u}from"./NotificationElements/ReadyToReportNotification.js";import{RequestChangeOrca as d}from"./NotificationElements/RequestChangeOrca.js";import{RequestReviewOrca as f}from"./NotificationElements/RequestReviewOrca.js";import{ReviewQANotification as p}from"./NotificationElements/ReviewQANotification.js";import{Content as m,DeleteButton as h,Divider as g,Dot as _,FooterContainer as v,GridContainer as y,TopContainer as b,UserInformation as x,Wrapper as S}from"./NotificationTemplate.style.js";import{useMemo as C}from"react";import{Icon as w,Typography as T}from"@equinor/eds-core-react";import{Fragment as E,jsx as D,jsxs as O}from"react/jsx-runtime";import{delete_to_trash as k}from"@equinor/eds-icons";const{colors:A}=e,j=e=>{let{user:j,notificationType:M,applicationName:N,Read:P,field:F,time:I,footer:L=!0,onDelete:R}=e,z=C(()=>{switch(M){case a.READY_TO_REPORT:return D(u,{...e});case a.DEFAULT:return D(o,{...e});case a.REQUESTED_REVIEW:return D(f,{...e});case a.REQUESTED_CHANGES:return D(d,{...e});case a.MERGE_BRANCH:return D(c,{...e});case a.QA_COMMENTS:return D(p,{...e});case a.EXPERIENCE_READY_TO_PUBLISH:return D(l,{...e});case a.DUE_3_WEEKS:return D(s,{...e})}},[e,M]);return O(E,{children:[D(S,{children:O(y,{children:[O(b,{children:[j?O(x,{children:[!P&&D(_,{}),D(i,{url:j?.image,name:j?.shortName,size:`large`}),O(`div`,{children:[D(T,{color:A.text.static_icons__default.rgba,group:`heading`,variant:`h6`,children:j?.displayName}),D(T,{group:`paragraph`,variant:`caption`,color:A.text.static_icons__secondary.rgba,children:j?.shortName})]})]}):O(x,{$systemUser:!0,children:[!P&&D(_,{"data-testid":`unread-dot-system`}),D(n,{name:N}),D(T,{group:`heading`,variant:`h6`,children:N})]}),D(T,{group:`navigation`,variant:`label`,color:P?A.text.static_icons__secondary.rgba:A.infographic.substitute__blue_overcast.rgba,"data-testid":`notification-date`,children:t(I)})]}),D(m,{children:z}),L&&O(v,{children:[O(`div`,{style:{display:`flex`,gap:`5px`},children:[D(T,{group:`navigation`,variant:`label`,color:A.text.static_icons__tertiary.rgba,children:N}),D(T,{group:`navigation`,variant:`label`,color:A.text.static_icons__tertiary.rgba,children:F})]}),D(r,{title:`Delete notification`,children:D(h,{onClick:R,variant:`ghost_icon`,children:D(w,{data:k})})})]})]})}),D(g,{})]})};export{j as NotificationTemplate};
+import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"./Notifications.types.js";import{DefaultNotification as n}from"./NotificationElements/DefaultNotification.js";import{ExperienceDue3Weeks as r}from"./NotificationElements/ExperienceDue3Weeks.js";import{MergedBranchOrca as i}from"./NotificationElements/MergedBranchOrca.js";import{ReadyToBePublished as a}from"./NotificationElements/ReadyToBePublished.js";import{ReadyToReportNotification as o}from"./NotificationElements/ReadyToReportNotification.js";import{RequestChangeOrca as s}from"./NotificationElements/RequestChangeOrca.js";import{RequestReviewOrca as c}from"./NotificationElements/RequestReviewOrca.js";import{ReviewQANotification as l}from"./NotificationElements/ReviewQANotification.js";import{Content as u,DeleteButton as d,Divider as f,Dot as p,FooterContainer as m,GridContainer as h,TopContainer as g,UserInformation as _,Wrapper as v}from"./NotificationTemplate.style.js";import{useMemo as y}from"react";import{Fragment as b,jsx as x,jsxs as S}from"react/jsx-runtime";import{formatRelativeDateTime as C}from"src/atoms/utils";import{delete_to_trash as w}from"@equinor/eds-icons";import{Icon as T,Typography as E}from"@equinor/eds-core-react";import{OptionalTooltip as D}from"src/molecules/OptionalTooltip/OptionalTooltip";import{ProfileAvatar as O}from"src/molecules/ProfileAvatar/ProfileAvatar";import{ApplicationIcon as k}from"src/molecules/ApplicationIcon/ApplicationIcon";const{colors:A}=e,j=e=>{let{user:j,notificationType:M,applicationName:N,Read:P,field:F,time:I,footer:L=!0,onDelete:R}=e,z=y(()=>{switch(M){case t.READY_TO_REPORT:return x(o,{...e});case t.DEFAULT:return x(n,{...e});case t.REQUESTED_REVIEW:return x(c,{...e});case t.REQUESTED_CHANGES:return x(s,{...e});case t.MERGE_BRANCH:return x(i,{...e});case t.QA_COMMENTS:return x(l,{...e});case t.EXPERIENCE_READY_TO_PUBLISH:return x(a,{...e});case t.DUE_3_WEEKS:return x(r,{...e})}},[e,M]);return S(b,{children:[x(v,{children:S(h,{children:[S(g,{children:[j?S(_,{children:[!P&&x(p,{}),x(O,{url:j?.image,name:j?.shortName,size:`large`}),S(`div`,{children:[x(E,{color:A.text.static_icons__default.rgba,group:`heading`,variant:`h6`,children:j?.displayName}),x(E,{group:`paragraph`,variant:`caption`,color:A.text.static_icons__secondary.rgba,children:j?.shortName})]})]}):S(_,{$systemUser:!0,children:[!P&&x(p,{"data-testid":`unread-dot-system`}),x(k,{name:N}),x(E,{group:`heading`,variant:`h6`,children:N})]}),x(E,{group:`navigation`,variant:`label`,color:P?A.text.static_icons__secondary.rgba:A.infographic.substitute__blue_overcast.rgba,"data-testid":`notification-date`,children:C(I)})]}),x(u,{children:z}),L&&S(m,{children:[S(`div`,{style:{display:`flex`,gap:`5px`},children:[x(E,{group:`navigation`,variant:`label`,color:A.text.static_icons__tertiary.rgba,children:N}),x(E,{group:`navigation`,variant:`label`,color:A.text.static_icons__tertiary.rgba,children:F})]}),x(D,{title:`Delete notification`,children:x(d,{onClick:R,variant:`ghost_icon`,children:x(T,{data:w})})})]})]})}),x(f,{})]})};export{j as NotificationTemplate};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.style.js

@@ -1,39 +1,39 @@
-import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Button as t,Divider as n}from"@equinor/eds-core-react";import r from"styled-components";const{spacings:i,colors:a}=e,o=r.div`
+import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"styled-components";import{Button as n,Divider as r}from"@equinor/eds-core-react";const{spacings:i,colors:a}=e,o=t.div`
   padding: ${i.comfortable.medium};
   //border-bottom: 1px solid ${a.ui.background__medium.rgba};
   &:hover {
     background: #f2f2f2;
   }
-`,s=r.div`
+`,s=t.div`
   display: flex;
   flex-direction: column;
   grid-column: span 3;
   padding: ${i.comfortable.small};
   cursor: pointer;
-`,c=r.div`
+`,c=t.div`
   display: grid;
   grid-template-columns: 10px 1fr;
   grid-gap: ${i.comfortable.medium_small};
   align-items: center;
-`,l=r.span`
+`,l=t.span`
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: ${a.infographic.substitute__blue_overcast.rgba};
   position: relative;
-`,u=r.div`
+`,u=t.div`
   display: grid;
   grid-template-columns: auto 1fr;
   align-items: start;
   gap: ${i.comfortable.medium_small};
   justify-items: end;
   grid-column: span 3;
-`,d=r.div`
+`,d=t.div`
   display: flex;
   flex-direction: row;
   align-items: ${({$systemUser:e})=>e?`flex-start`:`center`};
   gap: ${i.comfortable.small};
-`,f=r.div`
+`,f=t.div`
   display: flex;
   flex-direction: row;
   gap: ${i.comfortable.medium_small};
@@ -42,12 +42,12 @@ import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/ba
   justify-content: space-between;
   height: 40px;
   padding: 0 ${i.comfortable.small};
-`,p=r(t)`
+`,p=t(n)`
   display: none;
   ${c}:hover & {
     display: initial;
   }
-`,m=r(n)`
+`,m=t(r)`
   display: flex;
   margin: 0 ${i.comfortable.medium_small};
 `;export{s as Content,p as DeleteButton,m as Divider,l as Dot,f as FooterContainer,c as GridContainer,u as TopContainer,d as UserInformation,o as Wrapper};

package/dist/organisms/TopBar/Resources/Feedback/Feedback.const.js

@@ -1 +1 @@
-import{StatusEnum as e}from"./Feedback.types.js";const t=1048575,n=`serviceNowIncident`,r=`slackPostMessage`,i=`slackFileUpload`,a=`.equinor.com`,o=`There was an error with the request`,s=1e3*60*60,c={feedbackContent:{title:``,description:``,url:``,urgency:``},serviceNowRequestResponse:{status:e.idle}};export{c as DEFAULT_FEEDBACK_LOCAL_STORAGE,o as DEFAULT_REQUEST_ERROR_MESSAGE,a as EQUINOR_EMAIL_SUFFIX,t as MAX_FILE_SIZE_BYTES,s as ONE_HOUR_IN_MS,n as SERVICE_NOW_QUERY_KEY,i as SLACK_FILE_QUERY_KEY,r as SLACK_POST_QUERY_KEY};
+import{StatusEnum as e}from"./Feedback.types.js";const t=`serviceNowIncident`,n=`slackPostMessage`,r=`slackFileUpload`,i=`There was an error with the request`,a=1e3*60*60,o={feedbackContent:{title:``,description:``,url:``,urgency:``},serviceNowRequestResponse:{status:e.idle}};export{o as DEFAULT_FEEDBACK_LOCAL_STORAGE,i as DEFAULT_REQUEST_ERROR_MESSAGE,a as ONE_HOUR_IN_MS,t as SERVICE_NOW_QUERY_KEY,r as SLACK_FILE_QUERY_KEY,n as SLACK_POST_QUERY_KEY};

package/dist/organisms/TopBar/Resources/Feedback/Feedback.utils.js

@@ -1,8 +1,8 @@
-import{EnvironmentType as e}from"../../../../atoms/enums/Environment.js";import{environment as t}from"../../../../atoms/utils/auth_environment.js";import{formatDate as n}from"../../../../atoms/utils/date.js";import{capitalize as r}from"../../../../atoms/utils/string.js";import{Browsers as i,FeedbackType as a,UrgencyOption as o}from"./Feedback.types.js";import{ServiceNowUrgency as s}from"@equinor/subsurface-app-management";const{getAppName:c,getEnvironmentName:l}=t,u=e=>e.urgency===o.NO_IMPACT?`:large_yellow_circle:`:e.urgency===o.IMPEDES?`:large_orange_circle:`:`:red_circle:`,d=e=>{let t=new FileReader;return new Promise((n,r)=>{t.onerror=()=>{t.abort(),r(new DOMException(`Problem parsing input file.`))},t.onload=()=>{n(t.result)},t.readAsDataURL(e)})},f=e=>{switch(e){case o.UNABLE:return s.CRITICAL;case o.IMPEDES:return s.MODERATE;case o.NO_IMPACT:return s.NORMAL}},p=(e,t)=>{let n=`Url location of bug: ${e.url} \n`,i=`Severity of bug: ${e.urgency} \n`,a=`Field: ${r(t??``)} \n`,o=`Browser: ${_()} \n`;return`${e.url?n:``}
-  ${e.urgency?i:``}
-  ${t?a:``}
+import{Browsers as e,FeedbackType as t,UrgencyOption as n}from"./Feedback.types.js";import{ServiceNowUrgency as r}from"@equinor/subsurface-app-management";import{EnvironmentType as i}from"src/atoms/enums/Environment";import{capitalize as a,environment as o,formatDate as s}from"src/atoms/utils";const{getAppName:c,getEnvironmentName:l}=o,u=e=>e.urgency===n.NO_IMPACT?`:large_yellow_circle:`:e.urgency===n.IMPEDES?`:large_orange_circle:`:`:red_circle:`,d=e=>{switch(e){case n.UNABLE:return r.CRITICAL;case n.IMPEDES:return r.MODERATE;case n.NO_IMPACT:return r.NORMAL}},f=(e,t)=>{let n=`Url location of bug: ${e.url} \n`,r=`Severity of bug: ${e.urgency} \n`,i=`Field: ${a(t??``)} \n`,o=`Browser: ${g()} \n`;return`${e.url?n:``}
+  ${e.urgency?r:``}
+  ${t?i:``}
   ${o}
-  ${e.description} \n \n User agent string: ${navigator.userAgent}`},m=(t,n)=>{let r=n?`selfservice?id=ticket&table=incident&sys_id=`:`now/nav/ui/classic/params/target/incident.do%3Fsys_id%3D`,i=l(import.meta.env.VITE_ENVIRONMENT_NAME)===e.PRODUCTION;return`https://equinor${i?``:`test`}.service-now.com/${r}${t}`},h=()=>{if(navigator.userAgent.includes(i.EDGE_SHORT))return i.EDGE;if(navigator.userAgent.includes(i.CHROME))return i.CHROME;if(navigator.userAgent.includes(i.SAFARI))return i.SAFARI;if(navigator.userAgent.includes(i.FIREFOX))return i.FIREFOX},g=e=>{let t=e;e===i.EDGE&&(t=i.EDGE_SHORT);let n=RegExp(`${t}/(\\d+(?:\\.\\d+)+)`);return navigator.userAgent.match(n)?.[1]},_=()=>{let e=h();return e?`${e} (${g(e)})`:`Not found`},v=(e,t,i,o,s)=>{let l=i===a.BUG,d=l?`:bug: Bug report`:`:bulb: Suggestion`,f=[],p=[];p.push({type:`mrkdwn`,text:`*Title* \n ${e.title}`}),f.push({type:`mrkdwn`,text:` ${n(new Date,{format:`DD. month YYYY`})}`}),e.url&&f.push({type:`mrkdwn`,text:`*<${e.url}|Error URL>*`}),e.urgency&&p.push({type:`mrkdwn`,text:`*Severity* \n ${u(e)} ${e.urgency}`});let h=[{type:`header`,text:{type:`plain_text`,text:d,emoji:!0}},{type:`section`,fields:f},{type:`section`,fields:p},{type:`section`,fields:[{type:`mrkdwn`,text:`*Application* 
- `+c(import.meta.env.VITE_NAME)},{type:`mrkdwn`,text:`*User* \n ${o}`}]},{type:`section`,fields:[{type:`mrkdwn`,text:`*Browser* 
- `+_()},{type:`mrkdwn`,text:`*Field* \n ${r(t??`Not found`)}`}]},{type:`section`,text:{type:`mrkdwn`,text:`*Description* 
-`+e.description}}];return s&&h.push({type:`section`,text:{type:`mrkdwn`,text:`*<${m(s)}|:link: Click to open the ticket in Service Now>*`}}),h.push({type:`divider`}),JSON.stringify(h)};export{p as createServiceNowDescription,m as createServiceNowUrl,v as createSlackMessage,f as getUrgencyNumber,d as readUploadedFileAsText};
+  ${e.description} \n \n User agent string: ${navigator.userAgent}`},p=(e,t)=>{let n=t?`selfservice?id=ticket&table=incident&sys_id=`:`now/nav/ui/classic/params/target/incident.do%3Fsys_id%3D`,r=l(import.meta.env.VITE_ENVIRONMENT_NAME)===i.PRODUCTION;return`https://equinor${r?``:`test`}.service-now.com/${n}${e}`},m=()=>{if(navigator.userAgent.includes(e.EDGE_SHORT))return e.EDGE;if(navigator.userAgent.includes(e.CHROME))return e.CHROME;if(navigator.userAgent.includes(e.SAFARI))return e.SAFARI;if(navigator.userAgent.includes(e.FIREFOX))return e.FIREFOX},h=t=>{let n=t;t===e.EDGE&&(n=e.EDGE_SHORT);let r=RegExp(`${n}/(\\d+(?:\\.\\d+)+)`);return navigator.userAgent.match(r)?.[1]},g=()=>{let e=m();return e?`${e} (${h(e)})`:`Not found`},_=(e,n,r,i,o)=>{let l=r===t.BUG,d=l?`:bug: Bug report`:`:bulb: Suggestion`,f=[],m=[];m.push({type:`mrkdwn`,text:`*Title* \n ${e.title}`}),f.push({type:`mrkdwn`,text:` ${s(new Date,{format:`DD. month YYYY`})}`}),e.url&&f.push({type:`mrkdwn`,text:`*<${e.url}|Error URL>*`}),e.urgency&&m.push({type:`mrkdwn`,text:`*Severity* \n ${u(e)} ${e.urgency}`});let h=[{type:`header`,text:{type:`plain_text`,text:d,emoji:!0}},{type:`section`,fields:f},{type:`section`,fields:m},{type:`section`,fields:[{type:`mrkdwn`,text:`*Application* 
+ `+c(import.meta.env.VITE_NAME)},{type:`mrkdwn`,text:`*User* \n ${i}`}]},{type:`section`,fields:[{type:`mrkdwn`,text:`*Browser* 
+ `+g()},{type:`mrkdwn`,text:`*Field* \n ${a(n??`Not found`)}`}]},{type:`section`,text:{type:`mrkdwn`,text:`*Description* 
+`+e.description}}];return o&&h.push({type:`section`,text:{type:`mrkdwn`,text:`*<${p(o)}|:link: Click to open the ticket in Service Now>*`}}),h.push({type:`divider`}),JSON.stringify(h)};export{f as createServiceNowDescription,p as createServiceNowUrl,_ as createSlackMessage,d as getUrgencyNumber};

package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Description.js

@@ -1,9 +1,9 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../../../atoms/style/spacings.js";import{TextField as n}from"../../../../../molecules/TextField/TextField.js";import{FeedbackType as r}from"../Feedback.types.js";import{useFeedbackContext as i}from"../hooks/useFeedbackContext.js";import{LockedInputTooltip as a}from"./LockedInputTooltip.js";import{useMemo as o}from"react";import{Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{jsx as l,jsxs as u}from"react/jsx-runtime";const{colors:d}=e,f=c.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{LockedInputTooltip as t}from"./LockedInputTooltip.js";import{useMemo as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"styled-components";import{Typography as o}from"@equinor/eds-core-react";import{spacings as s}from"src/atoms/style";import{TextField as c}from"src/molecules/TextField/TextField";import{useFeedbackContext as l}from"src/organisms/TopBar/Resources/Feedback/hooks/useFeedbackContext";import{FeedbackType as u}from"src/organisms/TopBar/Resources/Feedback/Feedback.types";const{colors:d}=e,f=a.div`
   grid-column: 1/3;
   display: flex;
-  gap: ${t.medium};
+  gap: ${s.medium};
   flex-direction: column;
   textarea {
     color: ${d.text.static_icons__default.rgba};
   }
-`,p=()=>{let{serviceNowSuccess:e,feedbackContent:t,selectedType:c,updateFeedback:p}=i(),m=o(()=>e?d.interactive.disabled__text.rgba:d.text.static_icons__default.rgba,[e]);return u(f,{children:[c===r.BUG&&u(`div`,{children:[l(s,{group:`input`,variant:`text`,color:m,children:`What is the specific bug?`}),l(s,{group:`input`,variant:`text`,color:m,children:`What are the expected results?`}),l(s,{group:`input`,variant:`text`,color:m,children:`How can we reproduce the issue?`}),l(s,{group:`input`,variant:`text`,color:m,children:`Is there a known workaround?`})]}),l(a,{show:e,children:l(n,{id:`feedback-description`,label:`Description`,disabled:e,meta:`Required`,value:t.description,placeholder:c===r.BUG?`Describe the bug, including expectations, reproductions steps, any workarounds...`:`Describe the feature. What would be the value for you?`,rows:4,onChange:e=>p(`description`,e.currentTarget.value),multiline:!0})})]})};export{p as Description};
+`,p=()=>{let{serviceNowSuccess:e,feedbackContent:a,selectedType:s,updateFeedback:p}=l(),m=n(()=>e?d.interactive.disabled__text.rgba:d.text.static_icons__default.rgba,[e]);return i(f,{children:[s===u.BUG&&i(`div`,{children:[r(o,{group:`input`,variant:`text`,color:m,children:`What is the specific bug?`}),r(o,{group:`input`,variant:`text`,color:m,children:`What are the expected results?`}),r(o,{group:`input`,variant:`text`,color:m,children:`How can we reproduce the issue?`}),r(o,{group:`input`,variant:`text`,color:m,children:`Is there a known workaround?`})]}),r(t,{show:e,children:r(c,{id:`feedback-description`,label:`Description`,disabled:e,meta:`Required`,value:a.description,placeholder:s===u.BUG?`Describe the bug, including expectations, reproductions steps, any workarounds...`:`Describe the feature. What would be the value for you?`,rows:4,onChange:e=>p(`description`,e.currentTarget.value),multiline:!0})})]})};export{p as Description};

package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/FeedbackForm.js

@@ -1 +1 @@
-import{FeedbackType as e}from"../Feedback.types.js";import{useFeedbackContext as t}from"../hooks/useFeedbackContext.js";import{UploadFile as n}from"./UploadFile/UploadFile.js";import{Description as r}from"./Description.js";import i from"./Severity.js";import{Title as a}from"./Title.js";import{Url as o}from"./Url.js";import{Actions as s,Container as c,ContentWrapper as l,LockedFormWarning as u,ReportLocationText as d,UploadInfo as f}from"../Feedback.styles.js";import{useMemo as p}from"react";import{Button as m,Icon as h,Typography as g}from"@equinor/eds-core-react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{info_circle as b}from"@equinor/eds-icons";const x=()=>{let{isWrongDomain:x,selectedType:S,resetForm:C,feedbackContent:w,onDialogClose:T,serviceNowSuccess:E,handleSave:D,requestIsLoading:O}=t(),k=p(()=>w.title.length>0&&w.description.length>0&&!x,[w.title.length,w.description.length,x]);return v(l,{children:y(c,{children:[v(a,{}),S===e.BUG&&y(_,{children:[v(i,{}),v(o,{})]}),v(r,{}),y(f,{children:[v(h,{data:b}),v(g,{children:`Please make sure the uploaded files do not contain confidential or personal information`})]}),v(n,{}),v(d,{children:S===e.BUG?`Bug reports are sent to Service Now and to the development team directly`:`Feature suggestions are sent to the development team directly`}),E&&y(u,{children:[v(h,{data:b}),v(g,{children:`The report has already been sent to service now, and part of the form is locked, so you can retry sending it to the development team. Otherwise you can reset the form with the "Reset form" button in the bottom left corner.`})]}),y(s,{children:[v(m,{variant:`ghost`,onClick:C,"data-testid":`reset-form-button`,children:`Reset form`}),y(`div`,{children:[v(m,{variant:`ghost`,onClick:T,children:`Cancel`}),v(m,{onClick:D,disabled:!k||O,"data-testid":`submit-button`,children:E?`Send again`:`Send`})]})]})]})})};export{x as FeedbackForm};
+import{FeedbackType as e}from"../Feedback.types.js";import{useFeedbackContext as t}from"../hooks/useFeedbackContext.js";import{UploadFile as n}from"./UploadFile/UploadFile.js";import{Description as r}from"./Description.js";import{Severity as i}from"./Severity.js";import{Title as a}from"./Title.js";import{Url as o}from"./Url.js";import{useMemo as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{info_circle as d}from"@equinor/eds-icons";import{Button as f,Icon as p,Typography as m}from"@equinor/eds-core-react";import{Actions as h,Container as g,ContentWrapper as _,LockedFormWarning as v,ReportLocationText as y,UploadInfo as b}from"src/organisms/TopBar/Resources/Feedback/Feedback.styles";const x=()=>{let{isWrongDomain:x,selectedType:S,resetForm:C,feedbackContent:w,onDialogClose:T,serviceNowSuccess:E,handleSave:D,requestIsLoading:O}=t(),k=s(()=>w.title.length>0&&w.description.length>0&&!x,[w.title.length,w.description.length,x]);return l(_,{children:u(g,{children:[l(a,{}),S===e.BUG&&u(c,{children:[l(i,{}),l(o,{})]}),l(r,{}),u(b,{children:[l(p,{data:d}),l(m,{children:`Please make sure the uploaded files do not contain confidential or personal information`})]}),l(n,{}),l(y,{children:S===e.BUG?`Bug reports are sent to Service Now and to the development team directly`:`Feature suggestions are sent to the development team directly`}),E&&u(v,{children:[l(p,{data:d}),l(m,{children:`The report has already been sent to service now, and part of the form is locked, so you can retry sending it to the development team. Otherwise you can reset the form with the "Reset form" button in the bottom left corner.`})]}),u(h,{children:[l(f,{variant:`ghost`,onClick:C,"data-testid":`reset-form-button`,children:`Reset form`}),u(`div`,{children:[l(f,{variant:`ghost`,onClick:T,children:`Cancel`}),l(f,{onClick:D,disabled:!k||O,"data-testid":`submit-button`,children:E?`Send again`:`Send`})]})]})]})})};export{x as FeedbackForm};

package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/LockedInputTooltip.js

@@ -1,7 +1,7 @@
-import{OptionalTooltip as e}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{forwardRef as t,useMemo as n}from"react";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r(e)`
+import{forwardRef as e,useMemo as t}from"react";import{jsx as n}from"react/jsx-runtime";import r from"styled-components";import{OptionalTooltip as i}from"src/molecules/OptionalTooltip/OptionalTooltip";const a=r(i)`
   white-space: break-spaces;
   text-align: center;
   width: 400px;
-`,o=t(({show:e,children:t},r)=>{let o=n(()=>e?`The report was successfully submitted to ServiceNow.  
+`,o=e(({show:e,children:r},i)=>{let o=t(()=>e?`The report was successfully submitted to ServiceNow.  
  This field is locked so you can retry sending it to the development team. 
- To reset the form, use the button in the bottom left corner.`:``,[e]);return i(a,{title:o,children:i(`div`,{ref:r,children:t})})});o.displayName=`LockedInputTooltip`;export{o as LockedInputTooltip};
+ To reset the form, use the button in the bottom left corner.`:``,[e]);return n(a,{title:o,children:n(`div`,{ref:i,children:r})})});o.displayName=`LockedInputTooltip`;export{o as LockedInputTooltip};

package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Severity.js

@@ -1,3 +1,3 @@
-import{SingleSelect as e}from"../../../../../molecules/Select/SingleSelect/SingleSelect.js";import{UrgencyOption as t}from"../Feedback.types.js";import{useFeedbackContext as n}from"../hooks/useFeedbackContext.js";import{LockedInputTooltip as r}from"./LockedInputTooltip.js";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";const o=i.div`
+import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{SingleSelect as n}from"src/molecules/Select/SingleSelect/SingleSelect";import{useFeedbackContext as r}from"src/organisms/TopBar/Resources/Feedback/hooks/useFeedbackContext";import{UrgencyOption as i}from"src/organisms/TopBar/Resources/Feedback/Feedback.types";import{LockedInputTooltip as a}from"src/organisms/TopBar/Resources/Feedback/FeedbackForm/LockedInputTooltip";const o=t.div`
   grid-column: 1/2;
-`,s=Object.values(t).map(e=>({value:e,label:e})),c=()=>{let{serviceNowSuccess:t,feedbackContent:i,updateFeedback:c}=n(),l=i.urgency?{value:i.urgency,label:i.urgency}:void 0;return a(o,{children:a(r,{show:t,children:a(e,{items:s,label:`Severity`,meta:`optional`,clearable:!1,disabled:t,value:l,placeholder:`Select error impact`,onSelect:e=>{c(`urgency`,e.value)}})})})};export{c as default};
+`,s=Object.values(i).map(e=>({value:e,label:e})),c=()=>{let{serviceNowSuccess:t,feedbackContent:i,updateFeedback:c}=r(),l=i.urgency?{value:i.urgency,label:i.urgency}:void 0;return e(o,{children:e(a,{show:t,children:e(n,{items:s,label:`Severity`,meta:`optional`,clearable:!1,disabled:t,value:l,placeholder:`Select error impact`,onSelect:e=>{c(`urgency`,e.value)}})})})};export{c as Severity};

package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Title.js

@@ -1,3 +1,3 @@
-import{TextField as e}from"../../../../../molecules/TextField/TextField.js";import{useFeedbackContext as t}from"../hooks/useFeedbackContext.js";import{LockedInputTooltip as n}from"./LockedInputTooltip.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
+import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{TextField as n}from"src/molecules/TextField/TextField";import{useFeedbackContext as r}from"src/organisms/TopBar/Resources/Feedback/hooks/useFeedbackContext";import{LockedInputTooltip as i}from"src/organisms/TopBar/Resources/Feedback/FeedbackForm/LockedInputTooltip";const a=t.div`
   grid-column: 1/3;
-`,o=()=>{let{serviceNowSuccess:r,feedbackContent:o,updateFeedback:s}=t();return i(a,{children:i(n,{show:r,children:i(e,{id:`feedback-title`,label:`Title`,meta:`Required`,disabled:r,value:o.title,placeholder:`Write a title...`,onChange:e=>s(`title`,e.currentTarget.value)})})})};export{o as Title};
+`,o=()=>{let{serviceNowSuccess:t,feedbackContent:o,updateFeedback:s}=r();return e(a,{children:e(i,{show:t,children:e(n,{id:`feedback-title`,label:`Title`,meta:`Required`,disabled:t,value:o.title,placeholder:`Write a title...`,onChange:e=>s(`title`,e.currentTarget.value)})})})};export{o as Title};

package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.js

@@ -1,5 +1,5 @@
-import{FileUploadArea as e}from"../../../../../../molecules/FileUploadArea/FileUploadArea.js";import{MAX_FILE_SIZE_BYTES as t}from"../../Feedback.const.js";import{useFeedbackContext as n}from"../../hooks/useFeedbackContext.js";import{FileUploadAreaWrapper as r,Title as i}from"./UploadFile.styles.js";import{ImageFile as a}from"./ImageFile.js";import{useState as o}from"react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
+import{useState as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{FileUploadArea as i}from"src/molecules/FileUploadArea/FileUploadArea";import{MAX_FILE_SIZE_BYTES as a}from"src/organisms/TopBar/Resources/Feedback/Feedback.const";import{ImageFile as o}from"src/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/ImageFile";import{FileUploadAreaWrapper as s,Title as c}from"src/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.styles";import{useFeedbackContext as l}from"src/organisms/TopBar/Resources/Feedback/hooks/useFeedbackContext";const u=r.div`
   grid-column: 1/3;
   display: flex;
   flex-direction: column;
-`;function d(e,t){if(e.length===0||e.length===1)return e;for(let n=0;n<e.length;n++)for(let r=n+1;r<e.length;r++)t(e[n],e[r])&&e.splice(n,1);return e}const f=()=>{let{feedbackAttachments:s,setFeedbackAttachments:f}=n(),[p,m]=o([]),h=(e,t)=>{if(e.length>=1){let t=e.filter(e=>!e.name.startsWith(`.`)),n=new FileReader;n.readAsDataURL(e[0]);let r=[];s&&r.push(...s);let i=[...t,...r],a=d(i,(e,t)=>e.name===t.name&&e.size===t.size);f(a)}m(t)},g=e=>{let t=s?.filter(t=>t.name!==e.name&&t.size!==e.size)??[];f(t)},_=e=>{m(p?.filter(t=>t.file.name===e.file.name&&t.file.size!==e.file.size)??[])};return l(u,{children:[c(i,{group:`input`,variant:`label`,children:`Attachments (.jpg, .jpeg, .png) (max 1 MB)`}),l(r,{children:[c(e,{maxSize:t,onDrop:h,accept:{"image/jpeg":[`.jpeg`,`.jpg`],"image/png":[`.png`]},size:`small`}),s?.map(e=>c(a,{onDelete:()=>g(e),file:e},e.name+e.size)),p.map(e=>c(a,{...e,onDelete:()=>_(e),error:!0},e.file.name+e.file.size))]})]})};export{f as UploadFile};
+`;function d(e,t){if(e.length===0||e.length===1)return e;for(let n=0;n<e.length;n++)for(let r=n+1;r<e.length;r++)t(e[n],e[r])&&e.splice(n,1);return e}const f=()=>{let{feedbackAttachments:r,setFeedbackAttachments:f}=l(),[p,m]=e([]),h=(e,t)=>{if(e.length>=1){let t=e.filter(e=>!e.name.startsWith(`.`)),n=new FileReader;n.readAsDataURL(e[0]);let i=[];r&&i.push(...r);let a=[...t,...i],o=d(a,(e,t)=>e.name===t.name&&e.size===t.size);f(o)}m(t)},g=e=>{let t=r?.filter(t=>t.name!==e.name&&t.size!==e.size)??[];f(t)},_=e=>{m(p?.filter(t=>t.file.name===e.file.name&&t.file.size!==e.file.size)??[])};return n(u,{children:[t(c,{group:`input`,variant:`label`,children:`Attachments (.jpg, .jpeg, .png) (max 1 MB)`}),n(s,{children:[t(i,{maxSize:a,onDrop:h,accept:{"image/jpeg":[`.jpeg`,`.jpg`],"image/png":[`.png`]},size:`small`}),r?.map(e=>t(o,{onDelete:()=>g(e),file:e},e.name+e.size)),p.map(e=>t(o,{...e,onDelete:()=>_(e),error:!0},e.file.name+e.file.size))]})]})};export{f as UploadFile};