@equinor/amplify-component-lib 8.0.1 → 8.0.2

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

@@ -0,0 +1,6 @@
+import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as r,useRef as t,useMemo as s}from"react";import{Dialog as n,Divider as a,Button as l,Icon as m}from"@equinor/eds-core-react";import{youtube_alt as c,arrow_back as d,report_bug as p,lightbulb as u,file_description as h,school as f}from"@equinor/eds-icons";import{TopBarButton as g}from"../TopBar.styles.js";import{TopBarMenu as j}from"../TopBarMenu.js";import{TransferToAppDialog as T}from"../TransferToAppDialog.js";import{Feedback as k}from"./Feedback/Feedback.js";import{FeedbackType as v}from"./Feedback/Feedback.types.js";import{ReleaseNotes as C}from"./ReleaseNotesDialog/ReleaseNotes.js";import{TutorialInfoDialog as R}from"./Tutorials/TutorialInfoDialog.js";import{ResourceMenuItem as x}from"./ResourceMenuItem.js";import{amplify_small_portal as O,amplify_resources as S}from"../../../atoms/icons/other.js";import{spacings as b}from"../../../atoms/style/spacings.js";import{environment as y}from"../../../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{useReleaseNotes as E}from"../../../providers/ReleaseNotesProvider.js";import G from"styled-components";const{PORTAL_URL_WITHOUT_LOCALHOST:I}=y,N=G(n)`
+  width: fit-content;
+`,B=G.div`
+  padding: ${b.medium} ${b.medium} ${b.small}
+    ${b.medium};
+`,U=({field:b,hideFeedback:y=!1,hideReleaseNotes:G=!1,hideLearnMore:U=!1,children:A,tutorialOptions:L,showTutorials:F,customButton:H})=>{const{open:P,toggle:$}=E(),[D,_]=r(!1),[w,M]=r(!1),[q,Q]=r(!1),[W,z]=r(!1),[J,K]=r(void 0),V=t(null),[X,Y]=r(void 0),Z=()=>{K(void 0),_(!1)},ee=()=>_((e=>!e)),oe=e=>{Y(e?.currentTarget.id),M(!0)},ie=()=>{Y(void 0),Z(),M(!1)},re=()=>K(void 0),te=()=>{Q(!0)},se=()=>{z(!0)},ne=s((()=>"learn-more"===J?e(o,{children:[i(x,{text:"Open Application portal",icon:O,onClick:te,isHref:!0}),F&&i(x,{text:"Tutorials",icon:c,onClick:se,lastItem:!0}),A&&!y&&!G&&i(a,{style:{margin:0}}),A&&i("div",{onClick:Z,children:A}),i(B,{children:e(l,{variant:"outlined",onClick:re,children:[i(m,{data:d})," Back"]})})]}):null),[A,y,G,F,J]);return e(o,{children:[H?H(V,ee):i(g,{variant:"ghost",ref:V,id:"anchor-match","aria-haspopup":"true","aria-expanded":D,"aria-controls":"menu-match",onClick:ee,$isSelected:D,children:i(m,{data:S})}),i(j,{open:D&&!P&&!w,title:"Resources",onClose:Z,anchorEl:V.current,children:ne||e(o,{children:[i(x,{id:v.BUG,onClick:oe,icon:p,text:"Report a bug",lastItem:!0}),i(x,{id:v.SUGGESTION,onClick:oe,icon:u,text:"Suggest idea",lastItem:!0}),!G&&i(x,{id:"release-notes",icon:h,onClick:$,text:"Open release notes",isHref:!0}),!U&&i(x,{text:"Learn more",icon:f,onClick:()=>K("learn-more")})]})}),W&&L&&i(R,{options:L,open:W,onClose:()=>{z(!1),Z()}}),P&&i(C,{}),!y&&void 0!==X&&e(N,{open:X===v.BUG||X===v.SUGGESTION,onClose:ie,isDismissable:!0,children:[i(n.Header,{children:X===v.BUG?"Report a bug - ServiceNow":"Suggest a feature"}),i(k,{field:b,selectedType:X,onClose:ie})]}),q&&i(T,{onClose:()=>{Q(!1),Z()},url:I,applicationName:"Portal"})]})};export{U as Resources};

package/dist/organisms/TopBar/Resources/Tutorials/TutorialInfoDialog.js

@@ -0,0 +1,15 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import{useLocation as i}from"react-router";import{Dialog as n,Button as r,Icon as a,Typography as m}from"@equinor/eds-core-react";import{close as p}from"@equinor/eds-icons";import{tokens as c}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TutorialItem as d}from"./TutorialItem.js";import s from"styled-components";const{spacings:l}=c,h=s.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: ${l.comfortable.medium} ${l.comfortable.large};
+  text-decoration: none;
+  gap: ${l.comfortable.medium};
+  cursor: pointer;
+  margin-bottom: ${l.comfortable.medium};
+`,u=s(n)`
+  width: 400px;
+  height: fit-content;
+`,f=s(n.CustomContent)`
+  padding: ${l.comfortable.medium};
+`,N=({options:c,open:s,onClose:l})=>{const N=i(),C=o((()=>c.map((e=>e.pathName===N.pathname))),[N.pathname,c]),g=o((()=>c.map((e=>e.pathName!==N.pathname))),[N.pathname,c]);return e(u,{open:s,children:[e(n.Header,{children:["Tutorials",t(r,{variant:"ghost_icon",onClick:l,"data-testid":"close-tutorial-dialog",children:t(a,{data:p})})]}),e(f,{children:[C.includes(!0)&&e(h,{children:[t(m,{style:{fontSize:"10px"},children:"ON CURRENT PAGE"}),c.map(((e,o)=>{if(e.pathName===N.pathname)return t(d,{description:e.description,steps:e.steps,duration:e.duration,onClick:e.onClick,pathName:e.pathName},o)}))]}),g.includes(!0)&&e(h,{children:[t(m,{style:{fontSize:"10px"},children:"ON CURRENT PAGE"}),c.map(((e,o)=>{if(e.pathName!==N.pathname)return t(d,{description:e.description,steps:e.steps,duration:e.duration,onClick:e.onClick,pathName:e.pathName},o)}))]})]}),t(n.Actions,{children:t(r,{variant:"outlined",onClick:l,children:"Back"})})]})};export{N as TutorialInfoDialog};

package/dist/organisms/TopBar/Resources/Tutorials/TutorialItem.js

@@ -0,0 +1,12 @@
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Typography as e,Icon as i}from"@equinor/eds-core-react";import{arrow_forward as a}from"@equinor/eds-icons";import{tokens as t}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{FeedBackIcon as n}from"../../../../molecules/FeedBackIcon/FeedBackIcon.js";import s from"styled-components";const{spacings:c,colors:d,shape:l}=t,m=s.div`
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  width: 100%;
+  align-items: center;
+  gap: ${c.comfortable.medium_small};
+  padding: ${c.comfortable.small};
+  &:hover {
+    background-color: #f7f7f7;
+    border-radius: ${l.corners.borderRadius};
+  }
+`,p=({onClick:t,description:s,steps:c,duration:l})=>r(m,{onClick:t,children:[o(n,{name:"positive",variant:"filled"}),r("div",{children:[o(e,{group:"paragraph",variant:"caption",children:s}),r("div",{style:{display:"flex",gap:"8px"},children:[o(e,{group:"navigation",variant:"label",color:d.text.static_icons__secondary.rgba,children:c}),o(e,{group:"navigation",variant:"label",color:d.text.static_icons__secondary.rgba,children:l})]})]}),o(i,{data:a,size:24,color:d.interactive.primary__resting.rgba})]});export{p as TutorialItem};

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

@@ -1,5 +1,5 @@
 import { FC, ReactElement } from 'react';
-export interface ISettingsSections {
+export interface SettingsSections {
     title: string;
     type: string;
     onChange?: (val: string) => void;
@@ -14,6 +14,6 @@ export interface ISettingsSections {
     }[];
 }
 export interface SettingsProps {
-    allSettings: ISettingsSections[];
+    allSettings: SettingsSections[];
 }
 export declare const Settings: FC<SettingsProps>;

package/dist/organisms/TopBar/Settings.js

@@ -0,0 +1,25 @@
+import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useRef as r,useState as t}from"react";import{Icon as l,Typography as a,Radio as n}from"@equinor/eds-core-react";import{settings as d}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TopBarButton as m}from"./TopBar.styles.js";import{TopBarMenu as c}from"./TopBarMenu.js";import{spacings as p}from"../../atoms/style/spacings.js";import u from"styled-components";const{elevation:x}=s,h=u.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${p.x_small};
+  padding: 0 ${p.large} 0 ${p.small};
+  justify-content: space-between;
+  > span {
+    padding: ${p.small} ${p.x_small};
+  }
+`,g=u.div`
+  width: 64px;
+  height: 32px;
+  background-color: ${e=>e.$color};
+  box-shadow: ${x.raised};
+  border-radius: 4px;
+`,f=u.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${p.medium};
+  > div > p {
+    padding-top: ${p.small};
+    padding-left: ${p.medium};
+  }
+`,v=({allSettings:s})=>{const p=r(null),[u,x]=t(!1);return e(o,{children:[i(m,{variant:"ghost",onClick:()=>x(!u),ref:p,$isSelected:u,children:i(l,{data:d,size:24})}),i(c,{open:u,title:"Settings",onClose:()=>x(!1),anchorEl:p.current,children:i(f,{children:s.map(((o,r)=>e("div",{children:[i(a,{variant:"overline",children:o.title}),o.items.map(((r,t)=>e(h,{children:[i(n,{disabled:r.disabled,label:r.label,name:r.name,value:r.value,checked:o.type===r.value,onChange:()=>o.onChange?.(r.value)}),r.colorBox&&i(g,{$color:r.colorBox,"data-testid":`colorbox-${r.colorBox}`}),r.text&&i(a,{variant:"h6",children:r.text}),r.element&&r.element]},t)))]},r)))})})]})};v.displayName="TopBar.Settings";export{v as Settings};

package/dist/organisms/TopBar/TransferToAppDialog.js

@@ -0,0 +1,33 @@
+import{jsx as i,Fragment as r,jsxs as t}from"react/jsx-runtime";import{Dialog as o,Typography as e,Button as s,Icon as n,LinearProgress as a}from"@equinor/eds-core-react";import{close as m}from"@equinor/eds-icons";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useFakeProgress as p}from"../../atoms/hooks/useFakeProgress.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import l from"../../atoms/utils/string.js";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"./Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import{spacings as d}from"../../atoms/style/spacings.js";import{AnimatedCheckmark as c}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import h from"styled-components";const u=h(o)`
+  width: 400px;
+  height: 323px;
+`,f=h.div`
+  gap: ${d.medium};
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  width: 100%;
+  max-width: 370px;
+  padding: ${d.medium} ${d.large};
+`,v=h(e)`
+  span {
+    text-transform: capitalize;
+  }
+`,g=h.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${d.large};
+`,j=h.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${d.small};
+  width: 100%;
+  align-items: center;
+  padding: ${d.large} 0;
+`,x=({onClose:d,applicationName:h,url:x})=>{const{finished:y,progress:k}=p({onDone:()=>window.open(x,"_self")});return i(r,{children:t(u,{open:!0,children:[t(o.Header,{children:["Open link",i(s,{variant:"ghost_icon",onClick:d,"data-testid":"close-transfer-app",children:i(n,{data:m})})]}),i(o.CustomContent,{children:i(f,{children:y?t(j,{children:[i(v,{variant:"h3",children:i("span",{children:l.capitalize(h)})}),i(c,{portal:!0})]}):t(g,{children:[t(e,{variant:"h3",children:["Transferring you to application.",".".repeat(k/35)]}),i(a,{variant:"determinate",value:k})]})})})]})})};export{x as TransferToAppDialog};

package/dist/organisms/TopBar/index.js

@@ -0,0 +1 @@
+import{Account as o}from"./Account/Account.js";import{ApplicationDrawer as i}from"./ApplicationDrawer/ApplicationDrawer.js";import{FieldMenu as r}from"./FieldMenu/FieldMenu.js";import{Notifications as t}from"./Notifications/Notifications.js";import{Resources as s}from"./Resources/Resources.js";import{Actions as e}from"./Actions.js";import{Guidelines as c}from"./Guidelines/index.js";import{Settings as n}from"./Settings.js";import{TopBar as m}from"./TopBar.js";const p=m;p.Account=o,p.Actions=e,p.Guidelines=c,p.Settings=n,p.Notifications=t,p.FieldSelector=r,p.Resources=s,p.ApplicationDrawer=i;export{p as TopBar};

package/dist/organisms/index.d.ts

@@ -2,8 +2,10 @@ export { DataGrid } from './DataGrid/DataGrid';
 export type { EdsDataGridProps as DataGridProps } from '@equinor/eds-data-grid-react';
 export { FieldSelector } from './FieldSelector/FieldSelector';
 export type { FieldSelectorProps } from './FieldSelector/FieldSelector';
-export { SideBar } from './SideBar/SideBar';
-export { TopBar } from './TopBar/TopBar';
+export { SideBar } from './SideBar';
+export type { ItemType } from './SideBar';
+export { TopBar } from './TopBar';
+export type { SettingsSections } from './TopBar/Settings';
 export { FullPageStatus } from './FullPageStatus/FullPageStatus';
 export { ErrorPage } from './ErrorPage';
 export { GlitchAnimation } from './ErrorPage/illustrations/GlitchAnimation';

package/dist/providers/ReleaseNotesProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useMemo as s}from"react";import{useReleaseNotesQuery as a}from"../atoms/hooks/useReleaseNotesQuery.js";import{extractDatesFromReleaseNotes as o,sortReleaseNotesByDate as l}from"../atoms/utils/releaseNotes.js";const i={filterValues:void 0,searchValue:void 0,sortValue:void 0},u=r(void 0),c=({children:r,enabled:c})=>{const{data:n}=a({enabled:c}),[m,d]=t(i),[h,p]=t(!1),f=s((()=>o(n??[])),[n]),v=m.filterValues?.Type,V=s((()=>{let e=n??[];if(v&&v.length>0&&(e=e.filter((e=>e.tags?.some((e=>v.map((e=>e.value)).includes(e)))))),m?.searchValue&&""!==m?.searchValue?.trim()){const r=m.searchValue.trim().toLowerCase().split(" ");e=e.filter((e=>Object.values(e).join(" ").toLowerCase().includes(r.join(" "))))}return l(e),e}),[n,m.searchValue,v]),j={search:m,setSearch:d,selectedReleaseNoteTypes:v,open:h,setOpen:p,toggle:()=>{p((e=>!e))},filteredData:V,releaseNotesYears:f};return e(u.Provider,{value:j,children:r})};export{c as ReleaseNotesProvider};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as s,useMemo as t,useContext as o}from"react";import{useReleaseNotesQuery as a}from"../atoms/hooks/useReleaseNotesQuery.js";import{extractDatesFromReleaseNotes as l,sortReleaseNotesByDate as i}from"../atoms/utils/releaseNotes.js";const u={filterValues:void 0,searchValue:void 0,sortValue:void 0},n=r(void 0),c=()=>{const e=o(n);if(void 0===e)throw new Error("useReleaseNotes must be used within a ReleaseNotesProvider");return e},d=({children:r,enabled:o})=>{const{data:c}=a({enabled:o}),[d,m]=s(u),[h,f]=s(!1),p=t((()=>l(c??[])),[c]),v=d.filterValues?.Type,V=t((()=>{let e=c??[];if(v&&v.length>0&&(e=e.filter((e=>e.tags?.some((e=>v.map((e=>e.value)).includes(e)))))),d?.searchValue&&""!==d?.searchValue?.trim()){const r=d.searchValue.trim().toLowerCase().split(" ");e=e.filter((e=>Object.values(e).join(" ").toLowerCase().includes(r.join(" "))))}return i(e),e}),[c,d.searchValue,v]),j={search:d,setSearch:m,selectedReleaseNoteTypes:v,open:h,setOpen:f,toggle:()=>{f((e=>!e))},filteredData:V,releaseNotesYears:p};return e(n.Provider,{value:j,children:r})};export{d as ReleaseNotesProvider,c as useReleaseNotes};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",