@equinor/amplify-component-lib 8.0.0 → 8.0.2

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

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"react/jsx-runtime";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"../../../atoms/types/Errors.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../node_modules/lodash/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/ListItem/ListItem.js";import t from"styled-components";const{colors:r}=e,l=t.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"react/jsx-runtime";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"../../../atoms/types/Errors.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../node_modules/lodash/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import"../../../molecules/ListItem/ListItem.js";import t from"styled-components";const{colors:r}=e,l=t.div`
   display: flex;
   flex-direction: column;
 

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

@@ -0,0 +1,6 @@
+import{tokens as o}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import e from"styled-components";const{elevation:s}=o,d=e.div`
+  width: 52px;
+  height: 32px;
+  background-color: ${o=>o.$color};
+  box-shadow: ${s.raised};
+`;export{d as Colorbox};

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

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

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

@@ -0,0 +1,6 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{spacings as t}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"../../../atoms/types/Errors.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../node_modules/lodash/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import"../../../molecules/ListItem/ListItem.js";import r from"styled-components";const s=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${t.medium_small};
+`,l=({title:t,children:r})=>e(s,{children:[r,o(i,{variant:"caption",children:t})]});export{l as Item};

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

@@ -0,0 +1,19 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{spacings as t}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"../../../atoms/types/Errors.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../node_modules/lodash/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import"../../../molecules/ListItem/ListItem.js";import l from"styled-components";const r=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+  > p {
+    padding-left: ${t.medium};
+    padding-top: ${t.small};
+  }
+
+  > section {
+    display: flex;
+    flex-direction: column;
+    gap: ${t.medium};
+    margin-left: ${t.medium};
+    overflow: auto;
+    height: fit-content;
+    max-height: 66vh;
+  }
+`,s=({title:t,children:l})=>e(r,{"data-testid":"guidelines-section",children:[o(i,{variant:"overline",children:t}),o("section",{children:l})]});export{s as Section};

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

@@ -0,0 +1 @@
+import{Colorbox as o}from"./Colorbox.js";import{Guidelines as r}from"./Guidelines.js";const i=r;i.Colorbox=o;export{i as Guidelines};

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

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

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

@@ -1 +1 @@
-import"react/jsx-runtime";import{createContext as t,useContext as o}from"react";const i=t(void 0),r=()=>{const t=o(i);if(void 0===t)throw new Error("useNotificationContext must be used within a Notification provider");return t};export{r as useNotification};
+import{jsx as r}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as i}from"react";const o=t(void 0),n=()=>{const r=e(o);if(void 0===r)throw new Error("useNotificationContext must be used within a Notification provider");return r},s=({children:t})=>{const[e,n]=i(!1);return r(o.Provider,{value:{isOpen:e,setIsOpen:n},children:t})};export{s as NotificationProvider,n as useNotification};

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

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{NotificationProvider as r}from"./NotificationProvider.js";import{NotificationsInner as i}from"./NotificationsInner.js";const t=t=>o(r,{children:o(i,{...t})});export{t as Notifications};

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

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

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

@@ -0,0 +1,6 @@
+import{jsx as e}from"react/jsx-runtime";import{tokens as o}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{NotificationsTypes as t}from"../Notifications.types.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../../../atoms/types/Errors.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../node_modules/lodash/lodash.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import s from"styled-components";const{spacings:r}=o,l=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${r.comfortable.medium};
+  padding-top: ${r.comfortable.medium_small};
+`,m=({message:o})=>e(l,{"data-testid":t.DEFAULT,children:e(i,{group:"table",variant:"cell_text",children:o})});export{m as DefaultNotification};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{tokens as t}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../../../atoms/types/Errors.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../node_modules/lodash/lodash.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../../molecules/Select/Select.styles.js";import{FeedBackIcon as r}from"../../../../../molecules/FeedBackIcon/FeedBackIcon.js";import"../../../../../molecules/ListItem/ListItem.js";import s from"styled-components";const{spacings:l}=t,m=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${l.comfortable.medium};
+  align-items: center;
+  padding: ${l.comfortable.large};
+`,n=()=>e(m,{children:[o(r,{name:"positive",variant:"filled"}),o(i,{children:" No notifications "})]});export{n as NoNotifications};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+var E,e,R;!function(E){E.READY_TO_REPORT="readytoreport",E.DEFAULT="default",E.REQUESTED_REVIEW="requestReview",E.REQUESTED_CHANGES="requestedChanges",E.MERGE_BRANCH="mergeBranch",E.QA_COMMENTS=" TaskInReview",E.DUE_3_WEEKS="WellDueForReport",E.EXPERIENCE_READY_TO_PUBLISH="WellReadyForPublishing ",E.SYSTEM_USER="systemUser"}(E||(E={})),function(E){E.UNREAD="unread",E.SYSTEM="systemUser",E.USER="user"}(e||(e={})),function(E){E.NEW_OLDEST="newtoold",E.OLD_NEWEST="oldtonew",E.UNREAD="unread"}(R||(R={}));export{e as FilterNotification,E as NotificationsTypes,R as SortNotification};

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

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

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{FeedbackContextProvider as o}from"./providers/FeedbackContextProvider.js";import{FeedbackInner as r}from"./FeedbackInner.js";const t=({field:t,onClose:d,selectedType:i})=>e(o,{field:t,onClose:d,selectedType:i,children:e(r,{})});export{t as Feedback};

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

@@ -0,0 +1,41 @@
+import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../../../atoms/style/spacings.js";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"react/jsx-runtime";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../atoms/utils/auth_environment.js";import"../../../../atoms/types/Errors.js";import"../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../molecules/InfoElement/InfoElement.js";import"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../node_modules/lodash/lodash.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Stepper/Stepper.js";import"../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../molecules/Select/Select.styles.js";import"../../../../molecules/ListItem/ListItem.js";import t from"styled-components";const{colors:r,shape:s}=e,l=t.div`
+  width: 700px;
+  height: fit-content;
+  padding: 0 ${o.medium} ${o.medium} ${o.medium};
+`,m=t.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: ${o.medium};
+  height: 100%;
+  width: 100%;
+`,n=t.div`
+  grid-column: 1/3;
+  display: flex;
+  gap: ${o.small};
+  height: fit-content;
+  align-self: flex-end;
+  align-items: center;
+  background-color: ${r.ui.background__info.rgba};
+  padding: ${o.medium_small};
+  border-radius: ${s.button.borderRadius};
+`,p=t.div`
+  grid-column: 1/3;
+  display: grid;
+  grid-template-columns: 24px 1fr;
+  gap: ${o.small};
+  height: fit-content;
+  align-items: center;
+  background-color: ${r.ui.background__warning.rgba};
+  padding: ${o.medium_small};
+  border-radius: ${s.button.borderRadius};
+`,a=t(i)`
+  grid-column: 1/3;
+`,u=t.div`
+  grid-column: 1/3;
+  display: flex;
+  justify-content: space-between;
+  > div {
+    display: flex;
+    gap: ${o.medium};
+  }
+`;export{u as Actions,m as Container,l as ContentWrapper,p as LockedFormWarning,a as ReportLocationText,n as UploadInfo};

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

@@ -0,0 +1 @@
+var e,r,i,n;!function(e){e.NO_IMPACT="I am not impacted",e.IMPEDES="It impedes my progress",e.UNABLE="I am unable to work"}(e||(e={})),function(e){e.BUG="bug",e.SUGGESTION="suggestion"}(r||(r={})),function(e){e.error="error",e.idle="idle",e.pending="pending",e.success="success",e.partial="partial"}(i||(i={})),function(e){e.EDGE="Edge",e.EDGE_SHORT="Edg",e.FIREFOX="Firefox",e.CHROME="Chrome",e.SAFARI="Safari"}(n||(n={}));export{n as Browsers,r as FeedbackType,i as StatusEnum,e as UrgencyOption};

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

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

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

@@ -0,0 +1,9 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{tokens as r}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{LockedInputTooltip as i}from"./LockedInputTooltip.js";import{spacings as s}from"../../../../../atoms/style/spacings.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as l}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../atoms/utils/auth_environment.js";import"../../../../../atoms/types/Errors.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../node_modules/lodash/lodash.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import{TextField as m}from"../../../../../molecules/TextField/TextField.js";import{FeedbackType as n}from"../Feedback.types.js";import{useFeedbackContext as c}from"../hooks/useFeedbackContext.js";import p from"styled-components";const{colors:a}=r,u=p.div`
+  grid-column: 1/3;
+  display: flex;
+  gap: ${s.medium};
+  flex-direction: column;
+  textarea {
+    color: ${a.text.static_icons__default.rgba};
+  }
+`,d=()=>{const{serviceNowSuccess:r,feedbackContent:s,selectedType:p,updateFeedback:d}=c(),h=t((()=>r?a.interactive.disabled__text.rgba:a.text.static_icons__default.rgba),[r]);return e(u,{children:[p===n.BUG&&e("div",{children:[o(l,{group:"input",variant:"text",color:h,children:"What is the specific bug?"}),o(l,{group:"input",variant:"text",color:h,children:"What are the expected results?"}),o(l,{group:"input",variant:"text",color:h,children:"How can we reproduce the issue?"}),o(l,{group:"input",variant:"text",color:h,children:"Is there a known workaround?"})]}),o(i,{show:r,children:o(m,{id:"feedback-description",label:"Description",disabled:r,meta:"Required",value:s.description,placeholder:p===n.BUG?"Describe the bug, including expectations, reproductions steps, any workarounds...":"Describe the feature. What would be the value for you?",rows:4,onChange:e=>d("description",e.currentTarget.value),multiline:!0})})]})};export{d as Description};

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useMemo as r}from"react";import{Icon as i,Typography as n,Button as s}from"@equinor/eds-core-react";import{info_circle as a}from"@equinor/eds-icons";import{FeedbackType as d}from"../Feedback.types.js";import{useFeedbackContext as l}from"../hooks/useFeedbackContext.js";import{UploadFile as c}from"./UploadFile/UploadFile.js";import{Description as m}from"./Description.js";import{Severity as h}from"./Severity.js";import{Title as p}from"./Title.js";import{Url as f}from"./Url.js";import{ContentWrapper as u,Container as g,UploadInfo as b,ReportLocationText as v,LockedFormWarning as k,Actions as y}from"../Feedback.styles.js";const j=()=>{const{isWrongDomain:j,selectedType:C,resetForm:F,feedbackContent:S,onDialogClose:w,serviceNowSuccess:U,handleSave:q,requestIsLoading:x}=l(),B=r((()=>S.title.length>0&&S.description.length>0&&!j),[S.title.length,S.description.length,j]);return e(u,{children:t(g,{children:[e(p,{}),C===d.BUG&&t(o,{children:[e(h,{}),e(f,{})]}),e(m,{}),t(b,{children:[e(i,{data:a}),e(n,{children:"Please make sure the uploaded files do not contain confidential or personal information"})]}),e(c,{}),e(v,{children:C===d.BUG?"Bug reports are sent to Service Now and to the development team directly":"Feature suggestions are sent to the development team directly"}),U&&t(k,{children:[e(i,{data:a}),e(n,{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.'})]}),t(y,{children:[e(s,{variant:"ghost",onClick:F,"data-testid":"reset-form-button",children:"Reset form"}),t("div",{children:[e(s,{variant:"ghost",onClick:w,children:"Cancel"}),e(s,{onClick:q,disabled:!B||x,"data-testid":"submit-button",children:U?"Send again":"Send"})]})]})]})})};export{j as FeedbackForm};

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

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

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

@@ -0,0 +1,7 @@
+import{jsx as e}from"react/jsx-runtime";import{Autocomplete as t}from"@equinor/eds-core-react";import{tokens as o}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{UrgencyOption as r}from"../Feedback.types.js";import{LockedInputTooltip as s}from"./LockedInputTooltip.js";import{useFeedbackContext as i}from"../hooks/useFeedbackContext.js";import c from"styled-components";const{colors:d}=o,n=c.div`
+  grid-column: 1/2;
+`,a=c.div`
+  * {
+    color: ${d.text.static_icons__default.rgba};
+  }
+`,m=()=>{const{serviceNowSuccess:o,feedbackContent:c,updateFeedback:d}=i();return e(n,{children:e(s,{show:o,children:e(a,{children:e(t,{options:Object.values(r),id:"feedback-severity","data-testid":"feedback-severity-input",label:"Severity",meta:"optional",disabled:o,selectedOptions:[c.urgency],placeholder:"Select error impact",onOptionsChange:e=>d("urgency",e.selectedItems[0]),autoWidth:!0})})})})};export{m as Severity,m as default};

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

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

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

@@ -0,0 +1,7 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useMemo as t,useEffect as o}from"react";import{Icon as n}from"@equinor/eds-core-react";import{error_outlined as l,clear as s}from"@equinor/eds-icons";import{tokens as d}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{readUploadedFileAsText as a}from"../../Feedback.utils.js";import{FileTooltip as c,Rejection as m,ImageWrapper as p,CloseButton as f}from"./UploadFile.styles.js";import u from"styled-components";const{colors:g}=d,h=u.div`
+  border-radius: 4px;
+  margin: 10px 0;
+  width: 82px;
+  height: 82px;
+  position: relative;
+`,x=d=>{const[u,x]=i(""),{error:v,onDelete:b}=d,y=t((()=>{if(!v)return;const e=d.errors[0].code;let r=d.errors[0].message;return"file-too-large"===e?r=r.replace(/(\d+ bytes)/,"1MB"):"file-invalid-type"===e&&(r=r.replace(/(\w+\/\w+,)/g,"").replaceAll(",",", ")),`${d.errors[0].code} \n${r}`}),[v,d]),_=t((()=>d.file.name),[v,d]),w=t((()=>v?d.errors.find((e=>e.code.includes("invalid")))?"Invalid file type":d.errors.find((e=>e.code.includes("large")))?"Invalid file size":"Error":""),[v,d]);return o((()=>{v||(async e=>{const r=await a(e);x(r)})(d.file)}),[v,d]),e(h,{children:[r(c,{title:`${_}${v?": "+y:""}`,children:v?e(m,{children:[r(n,{data:l,color:g.interactive.warning__text.rgba}),r("div",{children:w})]}):r(p,{children:r("img",{src:u,alt:`Uploaded file: ${_}`})})}),r(f,{"data-testid":"attachment-delete-button",onClick:b,children:r(n,{color:g.text.static_icons__tertiary.rgba,data:s,size:24})})]})};export{x as ImageFile};

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

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

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

@@ -0,0 +1,79 @@
+import{Typography as i,Tooltip as r}from"@equinor/eds-core-react";import{tokens as t}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as e}from"../../../../../../atoms/style/spacings.js";import o from"styled-components";const{colors:a}=t,s=o(i)`
+  margin: ${e.small} ${e.small} 0 ${e.small};
+  color: ${a.text.static_icons__tertiary.rgba};
+`,n=o.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: start;
+  gap: ${e.medium_small};
+  height: fit-content;
+  position: relative;
+  > :first-child {
+    margin-top: ${e.medium_small};
+  }
+`,d=o.div`
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  height: 88px;
+  width: 88px;
+  margin-top: 2px;
+  border-radius: 4px;
+  border: 1px solid ${a.ui.background__medium.rgba};
+  position: relative;
+  transition: 0.1s ease-in;
+  > img {
+    width: 100%;
+    overflow: hidden;
+  }
+  &:hover {
+    background-color: ${a.ui.background__semitransparent.rgba};
+  }
+`,g=o.div`
+  display: grid;
+  grid-template-rows: 1fr 1fr 1fr;
+  align-items: center;
+  justify-content: center;
+  height: 88px;
+  width: 88px;
+  margin-top: 2px;
+  font-size: 11px;
+  justify-items: center;
+  text-align: center;
+  border-radius: 4px;
+  border: 1px dashed ${a.interactive.warning__text.rgba};
+  gap: 0;
+  transition: 0.1s ease-in;
+  > svg {
+    grid-row: 2/3;
+  }
+  > div {
+    grid-row: 3/4;
+    color: ${a.interactive.warning__text.rgba};
+  }
+  &:hover {
+    background-color: ${a.interactive.warning__highlight.rgba};
+  }
+`,p=o.div`
+  background-color: ${a.text.static_icons__tertiary.rgba};
+  border-radius: 50%;
+  border: 2px solid ${a.ui.background__default.rgba};
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  right: -20px;
+  top: -8px;
+  transition: 0.1s ease-in;
+  cursor: pointer;
+  > svg {
+    width: 18px;
+    height: 18px;
+    fill: ${a.ui.background__default.rgba};
+  }
+
+  &:hover {
+    background-color: ${a.text.static_icons__default.rgba};
+  }
+`,l=o(r)`
+  white-space: pre;
+`;export{p as CloseButton,l as FileTooltip,n as FileUploadAreaWrapper,d as ImageWrapper,g as Rejection,s as Title};

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

@@ -0,0 +1,3 @@
+import{jsx as e}from"react/jsx-runtime";import{TextField as r}from"../../../../../molecules/TextField/TextField.js";import{EQUINOR_EMAIL_SUFFIX as o}from"../Feedback.const.js";import{LockedInputTooltip as t}from"./LockedInputTooltip.js";import{useFeedbackContext as n}from"../hooks/useFeedbackContext.js";import a from"styled-components";const l=a.div`
+  grid-column: 2/3;
+`,i=()=>{const{serviceNowSuccess:a,feedbackContent:i,updateFeedback:c,isWrongDomain:s,setIsWrongDomain:d}=n();return e(l,{children:e(t,{show:a,children:e(r,{id:"feedback-url",label:"URL",disabled:a,meta:"optional",value:i.url,placeholder:"URL of error location",variant:s?"error":void 0,helperText:s?`The provided URL must be from a ${o} domain`:"",onChange:e=>{c("url",e.currentTarget.value),(""===e.currentTarget.value||s&&e.currentTarget.value.includes(o))&&d(!1)},onBlur:e=>{const r=e.currentTarget.value;r.includes(o)||0===r.length||d(!0)}})})})};export{i as Url};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{FeedbackForm as o}from"./FeedbackForm/FeedbackForm.js";import{useFeedbackContext as r}from"./hooks/useFeedbackContext.js";import{ResponsePage as s}from"./ResponsePage/ResponsePage.js";const t=()=>{const{showResponsePage:t}=r();return e(t?s:o,{})};export{t as FeedbackInner};

package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js

@@ -0,0 +1,7 @@
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as r,useEffect as i}from"react";import{spacings as n}from"../../../../../atoms/style/spacings.js";import{motion as o}from"framer-motion";import c from"styled-components";const s=c(o.div)`
+  display: flex;
+  gap: ${n.large};
+  height: auto;
+  flex-direction: column;
+  min-height: 30px;
+`,m=({children:n})=>{const c=e(null),[m,a]=r("auto");return i((()=>{if(c.current){const t=new ResizeObserver((t=>{const e=t[0].contentRect.height;a(e)}));return t.observe(c.current),()=>{t.disconnect()}}}),[]),t(o.div,{style:{height:m},animate:{height:m},transition:{duration:.3},children:t(s,{ref:c,children:n})})};export{m as AnimateChangeInHeight};

package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/FullSlackResponse.js

@@ -0,0 +1,4 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{tokens as s}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useFeedbackContext as o}from"../hooks/useFeedbackContext.js";import{RequestStatus as r}from"./RequestStatus.js";import{SlackRequestsWrapper as i}from"./ResponsePage.styles.js";import{spacings as m}from"../../../../../atoms/style/spacings.js";import n from"styled-components";const{colors:a}=s,l=n.div`
+  padding: ${m.small};
+  background-color: ${a.ui.background__light.rgba};
+`,u=({allSlackRequestStatus:s})=>{const{slackRequestResponse:m,slackAttachmentsRequestResponse:n}=o();return e(l,{children:[t(r,{title:"Sending to development team",requestStatus:s}),e(i,{children:[t(r,{title:"Posting text ",requestStatus:m}),n.map((e=>t(r,{title:`Posting ${e.fileName}`,requestStatus:e},e.fileName)))]})]})};export{u as FullSlackResponse};

package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/RequestStatus.js

@@ -0,0 +1,5 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{Typography as s,Icon as i}from"@equinor/eds-core-react";import{info_circle as o,check_circle_outlined as a}from"@equinor/eds-icons";import{tokens as n}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{DEFAULT_REQUEST_ERROR_MESSAGE as c}from"../Feedback.const.js";import{StatusEnum as u}from"../Feedback.types.js";import{Status as d}from"./ResponsePage.styles.js";import m from"styled-components";const{colors:l}=n,p=m.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+`,f=({requestStatus:n,title:m})=>{const f=t((()=>{switch(n.status){case u.partial:return"Partially Failed";case u.idle:case u.pending:return"Sending...";case u.success:return"Success";default:return""}}),[n]),g=n.status===u.partial||n.status===u.error;return e(p,{children:[r(s,{group:"ui",variant:"accordion_header",children:m}),e(d,{children:[r(s,{color:g?l.interactive.warning__text.rgba:"",group:"ui",variant:"snackbar",children:n.status===u.error?n.errorText??c:f}),(g||n.status===u.success)&&r(i,{color:g?l.interactive.warning__text.rgba:l.interactive.success__resting.rgba,data:g?o:a})]})]})};export{f as RequestStatus};

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

@@ -0,0 +1,9 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import{Button as s}from"@equinor/eds-core-react";import{useFeedbackContext as i}from"../hooks/useFeedbackContext.js";import{AnimateChangeInHeight as m}from"./AnimateChangeInHeight.js";import{ResponseStatus as n}from"./ResponseStatus.js";import{Success as a}from"./Success.js";import{spacings as c}from"../../../../../atoms/style/spacings.js";import{ContentWrapper as l}from"../Feedback.styles.js";import{motion as p}from"framer-motion";import d from"styled-components";const f=d(p.div)`
+  display: flex;
+  gap: ${c.large};
+  height: auto;
+  flex-direction: column;
+  button {
+    align-self: end;
+  }
+`,u=()=>{const[c,p]=r(!1),{handleResponsePageOnClose:d,requestIsLoading:u,resetForm:h,requestHasError:g,relevantRequestsHaveBeenSuccess:j}=i();return t((()=>{!c&&j&&setTimeout((()=>{p(!0),h()}),1e3)}),[j,h,c]),e(l,{children:o(f,{children:[e(m,{children:e(c?a:n,{})}),e(s,{disabled:u,onClick:d,children:g?"Retry":"Close"})]})})};export{u as ResponsePage};