@equinor/amplify-component-lib 8.0.1 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/dist/atoms/hooks/useReleaseNotesQuery.js +1 -1
  2. package/dist/atoms/hooks/useSelect.d.ts +1 -0
  3. package/dist/atoms/hooks/useSelect.js +1 -1
  4. package/dist/atoms/icons/map.js +1 -1
  5. package/dist/atoms/icons/other.js +1 -1
  6. package/dist/atoms/utils/index.d.ts +3 -2
  7. package/dist/atoms/utils/reactquery.d.ts +4 -0
  8. package/dist/atoms/utils/reactquery.js +1 -0
  9. package/dist/atoms/utils/releaseNotes.js +1 -1
  10. package/dist/atoms/utils/richtext.d.ts +20 -0
  11. package/dist/atoms/utils/richtext.js +1 -0
  12. package/dist/deprecated/Workflow/WorkflowDescription.js +5 -5
  13. package/dist/index.js +1 -1
  14. package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.d.ts +2 -3
  15. package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.js +1 -24
  16. package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.styles.d.ts +6 -0
  17. package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js +19 -0
  18. package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.utils.d.ts +2 -0
  19. package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.utils.js +1 -0
  20. package/dist/molecules/ApplicationIcon/ApplicationIcon.constants.d.ts +3 -3
  21. package/dist/molecules/ApplicationIcon/ApplicationIcon.js +1 -1
  22. package/dist/molecules/ApplicationIcon/ApplicationIcon.types.d.ts +1 -0
  23. package/dist/molecules/ApplicationIcon/ApplicationIcon.utils.d.ts +2 -1
  24. package/dist/molecules/ApplicationIcon/ApplicationIconBase.d.ts +1 -2
  25. package/dist/molecules/ApplicationIcon/ApplicationIconBase.js +1 -1
  26. package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.d.ts +19 -15
  27. package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.js +14 -14
  28. package/dist/molecules/ApplicationIcon/ApplicationIconData/AppIconSvg.d.ts +4 -3
  29. package/dist/molecules/ApplicationIcon/ApplicationIconData/AppIconSvg.js +1 -1
  30. package/dist/molecules/ApplicationIcon/ApplicationIconData/ApplicationIconCollection.d.ts +6 -3
  31. package/dist/molecules/ApplicationIcon/ApplicationIconData/ApplicationIconCollection.js +1 -1
  32. package/dist/molecules/Badge/Badge.js +1 -1
  33. package/dist/molecules/Chip/Chip.d.ts +4 -7
  34. package/dist/molecules/Chip/Chip.js +1 -1
  35. package/dist/molecules/Chip/InteractiveChip.js +1 -1
  36. package/dist/molecules/Chip/ReadOnlyChip.d.ts +2 -2
  37. package/dist/molecules/FileProgress/RegularFileProgress.js +1 -1
  38. package/dist/molecules/InfoElement/InfoElement.js +1 -1
  39. package/dist/molecules/ListItem/ListItem.js +7 -7
  40. package/dist/molecules/RichTextDisplay/RichTextDisplay.js +1 -1
  41. package/dist/molecules/RichTextEditor/RichTextEditor.js +1 -1
  42. package/dist/molecules/RichTextEditor/custom-extensions/ExtendedHeaders.js +1 -1
  43. package/dist/molecules/RichTextEditor/index.js +1 -1
  44. package/dist/molecules/Select/GroupedSelectMenu.js +1 -1
  45. package/dist/molecules/Select/Select.js +1 -1
  46. package/dist/molecules/Select/Select.styles.d.ts +3 -4
  47. package/dist/molecules/Select/Select.styles.js +18 -17
  48. package/dist/molecules/Select/Select.types.d.ts +3 -0
  49. package/dist/molecules/Select/SelectMenu.js +1 -1
  50. package/dist/molecules/Select/SelectMenuItem.js +1 -1
  51. package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts +6 -0
  52. package/dist/molecules/SelectionControls/Checkbox/Checkbox.js +1 -0
  53. package/dist/molecules/SelectionControls/Radio/Radio.d.ts +6 -0
  54. package/dist/molecules/SelectionControls/Radio/Radio.js +1 -0
  55. package/dist/molecules/SelectionControls/SelectionControls.styles.d.ts +5 -0
  56. package/dist/molecules/SelectionControls/SelectionControls.styles.js +66 -0
  57. package/dist/molecules/SelectionControls/Switch/Switch.d.ts +5 -0
  58. package/dist/molecules/SelectionControls/Switch/Switch.js +1 -0
  59. package/dist/molecules/Waves/NoiseSvg.d.ts +2 -0
  60. package/dist/molecules/Waves/NoiseSvg.js +1 -0
  61. package/dist/molecules/Waves/Waves.js +1 -48
  62. package/dist/molecules/Waves/Waves.styles.d.ts +10 -0
  63. package/dist/molecules/Waves/Waves.styles.js +48 -0
  64. package/dist/molecules/index.d.ts +9 -3
  65. package/dist/organisms/ErrorPage/Description.js +1 -1
  66. package/dist/organisms/ErrorPage/Title.js +1 -1
  67. package/dist/organisms/ErrorPage/collections/PageNotFound.js +1 -1
  68. package/dist/organisms/ErrorPage/collections/Unauthorized.js +1 -1
  69. package/dist/organisms/SideBar/MenuItem.js +1 -0
  70. package/dist/organisms/SideBar/MenuItem.styles.js +4 -4
  71. package/dist/organisms/SideBar/index.js +1 -0
  72. package/dist/organisms/TopBar/Account/Account.js +1 -0
  73. package/dist/organisms/TopBar/Account/Account.styles.js +36 -0
  74. package/dist/organisms/TopBar/Actions.js +6 -0
  75. package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.js +1 -0
  76. package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.styles.js +73 -0
  77. package/dist/organisms/TopBar/FieldMenu/FieldMenu.styles.js +4 -4
  78. package/dist/organisms/TopBar/Guidelines/Colorbox.js +6 -0
  79. package/dist/organisms/TopBar/Guidelines/Guidelines.js +1 -0
  80. package/dist/organisms/TopBar/Guidelines/Item.js +6 -0
  81. package/dist/organisms/TopBar/Guidelines/Section.js +19 -0
  82. package/dist/organisms/TopBar/Guidelines/index.js +1 -0
  83. package/dist/organisms/TopBar/Notifications/FilterOptions.js +36 -0
  84. package/dist/organisms/TopBar/Notifications/NotificationProvider.js +1 -1
  85. package/dist/organisms/TopBar/Notifications/Notifications.js +1 -0
  86. package/dist/organisms/TopBar/Notifications/NotificationsInner.js +8 -0
  87. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js +6 -0
  88. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ExperienceDue3Weeks.js +6 -0
  89. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/MergedBranchOrca.js +7 -0
  90. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/NoNotifications.js +7 -0
  91. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToBePublished.js +5 -0
  92. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReadyToReportNotification.js +14 -0
  93. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestChangeOrca.js +7 -0
  94. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestReviewOrca.js +7 -0
  95. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/ReviewQANotification.js +6 -0
  96. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.js +1 -0
  97. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.style.js +53 -0
  98. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/Notifications.types.js +1 -0
  99. package/dist/organisms/TopBar/Resources/Feedback/Feedback.const.js +1 -0
  100. package/dist/organisms/TopBar/Resources/Feedback/Feedback.js +1 -0
  101. package/dist/organisms/TopBar/Resources/Feedback/Feedback.styles.js +41 -0
  102. package/dist/organisms/TopBar/Resources/Feedback/Feedback.types.js +1 -0
  103. package/dist/organisms/TopBar/Resources/Feedback/Feedback.utils.js +1 -0
  104. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Description.js +9 -0
  105. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/FeedbackForm.js +1 -0
  106. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/LockedInputTooltip.js +5 -0
  107. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Severity.js +7 -0
  108. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Title.js +3 -0
  109. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/ImageFile.js +7 -0
  110. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.js +5 -0
  111. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.styles.js +79 -0
  112. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Url.js +3 -0
  113. package/dist/organisms/TopBar/Resources/Feedback/FeedbackInner.js +1 -0
  114. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js +7 -0
  115. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/FullSlackResponse.js +4 -0
  116. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/RequestStatus.js +5 -0
  117. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.js +9 -0
  118. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.styles.js +20 -0
  119. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponseStatus.js +1 -0
  120. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/Success.js +9 -0
  121. package/dist/organisms/TopBar/Resources/Feedback/hooks/useFeedbackContext.js +1 -0
  122. package/dist/organisms/TopBar/Resources/Feedback/hooks/useServiceNowIncident.js +1 -0
  123. package/dist/organisms/TopBar/Resources/Feedback/hooks/useSlackFileUpload.js +1 -0
  124. package/dist/organisms/TopBar/Resources/Feedback/hooks/useSlackPostMessage.js +1 -0
  125. package/dist/organisms/TopBar/Resources/Feedback/providers/FeedbackContextProvider.js +1 -0
  126. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/FilterHeader/FilterHeader.js +1 -0
  127. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/FilterHeader/FilterHeader.styles.js +42 -0
  128. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.js +1 -0
  129. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.styles.js +43 -0
  130. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.js +1 -0
  131. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.styles.js +23 -0
  132. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.js +1 -0
  133. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.styles.js +42 -0
  134. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.types.js +1 -0
  135. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.js +1 -0
  136. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.styles.js +69 -0
  137. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/TextContent.js +1 -0
  138. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.js +1 -0
  139. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.styles.js +16 -0
  140. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/hooks/useTokenReleaseNote.js +1 -0
  141. package/dist/organisms/TopBar/Resources/ResourceMenuItem.js +20 -0
  142. package/dist/organisms/TopBar/Resources/Resources.js +6 -0
  143. package/dist/organisms/TopBar/Resources/Tutorials/TutorialInfoDialog.js +15 -0
  144. package/dist/organisms/TopBar/Resources/Tutorials/TutorialItem.js +12 -0
  145. package/dist/organisms/TopBar/Settings.d.ts +4 -4
  146. package/dist/organisms/TopBar/Settings.js +25 -0
  147. package/dist/organisms/TopBar/TopBar.js +1 -1
  148. package/dist/organisms/TopBar/TransferToAppDialog.js +33 -0
  149. package/dist/organisms/TopBar/index.js +1 -0
  150. package/dist/organisms/index.d.ts +5 -2
  151. package/dist/providers/AuthProvider/AuthProvider.js +1 -1
  152. package/dist/providers/AuthProvider/AuthProviderInner.js +1 -1
  153. package/dist/providers/ReleaseNotesProvider.js +1 -1
  154. package/dist/tests/mockHandlers.d.ts +3 -0
  155. package/dist/tests/msalMock.d.ts +1 -0
  156. package/dist/tests/setupTests.d.ts +2 -0
  157. package/package.json +2 -3
  158. package/dist/atoms/utils/getFeatures.d.ts +0 -8
  159. package/dist/atoms/utils/getFeatures.js +0 -1
@@ -1,48 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{WaveShapeWithNoise as r}from"./WaveShapeWithNoise.js";import a,{keyframes as o}from"styled-components";const i=a.div`
2
- --topGradientColor: #77d9dd;
3
- --bottomGradientColor: #407577;
4
-
5
- height: calc(100vh - 64px);
6
- width: 100%;
7
- overflow: hidden;
8
- position: relative;
9
- background: linear-gradient(
10
- 180deg,
11
- var(--bottomGradientColor) 0%,
12
- var(--topGradientColor) 100%
13
- );
14
- > svg {
15
- position: absolute;
16
- filter: grayscale(1);
17
- mix-blend-mode: color-burn;
18
- z-index: 0;
19
- }
20
- `,n=a.div`
21
- --heightFromBottom: ${({heightFromBottom:t})=>`${t}px`};
22
- bottom: var(--heightFromBottom);
23
- width: 100%;
24
- --rotate3d: rotateX(330deg) rotateY(-15deg) scaleX(1.2);
25
- position: absolute;
26
- `,l=o`
27
- 0% {
28
- transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
29
- }
30
- 50% {
31
- transform: var(--rotate3d) translateY(5px) rotateX(60deg) scaleY(0.8);
32
- }
33
- 100% {
34
- transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
35
- }
36
- `,s=a.div`
37
- position: absolute;
38
- height: 100%;
39
- min-height: 1000px;
40
- width: 100%;
41
- top: ${({waveIntervalDist:t})=>`${t}rem`};
42
- transform-origin: top;
43
- transform: var(--rotate3d) translateY(-2px) scaleY(1);
44
- filter: grayscale(1);
45
- mix-blend-mode: overlay;
46
-
47
- animation: ${l} 5.5s infinite ease alternate;
48
- `,d=()=>t("svg",{viewBox:"0 0 1500 1500",xmlns:"http://www.w3.org/2000/svg",children:[e("filter",{id:"noiseFilter",children:e("feTurbulence",{type:"fractalNoise",baseFrequency:1.5,numOctaves:3,stitchTiles:"stitch"})}),e("rect",{width:"100%",height:"100%",filter:"url(#noiseFilter)"})]}),m=({waveIntervalDist:a=3,waveDelay:o=.75,numWaves:l=10,heightFromBottom:m=600})=>{const h=Array.from({length:l},((t,e)=>({waveIntervalDist:e*a,delay:e*o,altWave:e%2==0})));return t(i,{children:[e(d,{}),e(n,{heightFromBottom:m,children:h.map(((t,a)=>e(s,{waveIntervalDist:t.waveIntervalDist,style:{animationDelay:`${t.delay}s`},children:e(r,{index:a,isAltWave:t.altWave})},a)))})]})};export{m as Waves};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{NoiseSvg as a}from"./NoiseSvg.js";import{Container as r,WaveInnerContainer as i,Wave as o}from"./Waves.styles.js";import{WaveShapeWithNoise as s}from"./WaveShapeWithNoise.js";const l=({waveIntervalDist:l=3,waveDelay:m=.75,numWaves:n=10,heightFromBottom:v=600})=>{const h=Array.from({length:n},((e,t)=>({waveIntervalDist:t*l,delay:t*m,altWave:t%2==0})));return e(r,{children:[t(a,{}),t(i,{$heightFromBottom:v,children:h.map(((e,a)=>t(o,{$waveIntervalDist:e.waveIntervalDist,style:{animationDelay:`${e.delay}s`},children:t(s,{index:a,isAltWave:e.altWave})},a)))})]})};export{l as Waves};
@@ -0,0 +1,10 @@
1
+ interface WaveInnerContainerProps {
2
+ $heightFromBottom: number;
3
+ }
4
+ export declare const WaveInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WaveInnerContainerProps>> & string;
5
+ interface WaveProps {
6
+ $waveIntervalDist: number;
7
+ }
8
+ export declare const Wave: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WaveProps>> & string;
9
+ export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ export {};
@@ -0,0 +1,48 @@
1
+ import t,{keyframes as o}from"styled-components";const e=t.div`
2
+ --heightFromBottom: ${({$heightFromBottom:t})=>`${t}px`};
3
+ bottom: var(--heightFromBottom);
4
+ width: 100%;
5
+ --rotate3d: rotateX(330deg) rotateY(-15deg) scaleX(1.2);
6
+ position: absolute;
7
+ `,r=o`
8
+ 0% {
9
+ transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
10
+ }
11
+ 50% {
12
+ transform: var(--rotate3d) translateY(5px) rotateX(60deg) scaleY(0.8);
13
+ }
14
+ 100% {
15
+ transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
16
+ }
17
+ `,a=t.div`
18
+ position: absolute;
19
+ height: 100%;
20
+ min-height: 1000px;
21
+ width: 100%;
22
+ top: ${({$waveIntervalDist:t})=>`${t}rem`};
23
+ transform-origin: top;
24
+ transform: var(--rotate3d) translateY(-2px) scaleY(1);
25
+ filter: grayscale(1);
26
+ mix-blend-mode: overlay;
27
+
28
+ animation: ${r} 5.5s infinite ease alternate;
29
+ `,i=t.div`
30
+ --topGradientColor: #77d9dd;
31
+ --bottomGradientColor: #407577;
32
+
33
+ height: calc(100vh - 64px);
34
+ width: 100%;
35
+ overflow: hidden;
36
+ position: relative;
37
+ background: linear-gradient(
38
+ 180deg,
39
+ var(--bottomGradientColor) 0%,
40
+ var(--topGradientColor) 100%
41
+ );
42
+ > svg {
43
+ position: absolute;
44
+ filter: grayscale(1);
45
+ mix-blend-mode: color-burn;
46
+ z-index: 0;
47
+ }
48
+ `;export{i as Container,a as Wave,e as WaveInnerContainer};
@@ -47,11 +47,17 @@ export { ComboBox } from './Select/ComboBox/ComboBox';
47
47
  export type { ComboBoxProps } from './Select/ComboBox/ComboBox';
48
48
  export { SingleSelect } from './Select/SingleSelect/SingleSelect';
49
49
  export type { SingleSelectProps } from './Select/SingleSelect/SingleSelect';
50
- export type { SelectOptionRequired } from './Select/Select.types';
50
+ export type { SelectOption, SelectOptionRequired } from './Select/Select.types';
51
51
  export { PageWithTitle } from './PageWithTitle/PageWithTitle';
52
52
  export { FeedBackIcon } from './FeedBackIcon/FeedBackIcon';
53
53
  export type { FeedBackIconProps } from './FeedBackIcon/FeedBackIcon';
54
54
  export { ListItem } from './ListItem/ListItem';
55
55
  export type { ListItemProps } from './ListItem/ListItem';
56
- export { Breadcrumbs, Button, Checkbox, Divider, Dialog, Menu, Radio, Tabs, TextField, Typography, Icon, Switch, CircularProgress, DotProgress, LinearProgress, } from '@equinor/eds-core-react';
57
- export type { BreadcrumbsProps, BreadcrumbProps, ButtonProps, CheckboxProps, DialogProps, DividerProps, MenuProps, RadioProps, SearchProps, TabsProps, TextFieldProps, TypographyProps, IconProps, SwitchProps, CircularProgressProps, DotProgressProps, LinearProgressProps, } from '@equinor/eds-core-react';
56
+ export { Checkbox } from './SelectionControls/Checkbox/Checkbox';
57
+ export type { CheckboxProps } from './SelectionControls/Checkbox/Checkbox';
58
+ export { Radio } from './SelectionControls/Radio/Radio';
59
+ export type { RadioProps } from './SelectionControls/Radio/Radio';
60
+ export { Switch } from './SelectionControls/Switch/Switch';
61
+ export type { SwitchProps } from './SelectionControls/Switch/Switch';
62
+ export { Breadcrumbs, Button, Divider, Dialog, Menu, Tabs, TextField, Typography, Icon, CircularProgress, DotProgress, LinearProgress, } from '@equinor/eds-core-react';
63
+ export type { BreadcrumbsProps, BreadcrumbProps, ButtonProps, DialogProps, DividerProps, MenuProps, SearchProps, TabsProps, TextFieldProps, TypographyProps, IconProps, CircularProgressProps, DotProgressProps, LinearProgressProps, } from '@equinor/eds-core-react';
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";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 t}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"./illustrations/GlitchAnimation.js";import"./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";const i=o((({text:o="Try again later or use our feedback form if the problem persists."},i)=>e("div",{ref:i,children:e(t,{variant:"h4","data-testid":"description",children:o})})));i.displayName="ErrorPage.Description";export{i as Description};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.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 t}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"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/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"../../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"../../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"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const r=o((({text:o="Try again later or use our feedback form if the problem persists."},r)=>e("div",{ref:r,children:e(t,{variant:"h4","data-testid":"description",children:o})})));r.displayName="ErrorPage.Description";export{r as Description};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";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 t}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"./illustrations/GlitchAnimation.js";import"./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";const i=o((({title:o="Oops! Something went wrong."},i)=>e("div",{ref:i,children:e(t,{variant:"h3","data-testid":"title",children:o})})));i.displayName="ErrorPage.Title";export{i as Title};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.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 t}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"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/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"../../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"../../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"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const i=o((({title:o="Oops! Something went wrong."},i)=>e("div",{ref:i,children:e(t,{variant:"h3","data-testid":"title",children:o})})));i.displayName="ErrorPage.Title";export{i as Title};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useNavigate as o}from"react-router";import{ErrorPage as i}from"../index.js";import{ErrorType as e}from"../../../atoms/types/Errors.js";import{environment as m}from"../../../atoms/utils/auth_environment.js";import s from"../../../atoms/utils/errors.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";const{getErrorContent:n}=s,{getAppName:p}=m,l=()=>{const m=n(p(import.meta.env.VITE_NAME),e.ERROR_404),s=o();return t(i,{illustration:m.illustration,children:[r(i.Title,{title:m.title}),r(i.Description,{text:m.description}),r(i.Action,{onClick:()=>s(-1)})]})};export{l as PageNotFound};
1
+ import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useNavigate as o}from"react-router";import{ErrorPage as i}from"../index.js";import{ErrorType as e}from"../../../atoms/types/Errors.js";import{environment as m}from"../../../atoms/utils/auth_environment.js";import s from"../../../atoms/utils/errors.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";const{getErrorContent:n}=s,{getAppName:p}=m,l=()=>{const m=n(p(import.meta.env.VITE_NAME),e.ERROR_404),s=o();return t(i,{illustration:m.illustration,children:[r(i.Title,{title:m.title}),r(i.Description,{text:m.description}),r(i.Action,{onClick:()=>s(-1)})]})};export{l as PageNotFound};
@@ -1,4 +1,4 @@
1
- import{jsx as t,jsxs as o}from"react/jsx-runtime";import{ErrorPage as r}from"../index.js";import{ErrorType as i}from"../../../atoms/types/Errors.js";import{environment as e}from"../../../atoms/utils/auth_environment.js";import m from"../../../atoms/utils/errors.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import n from"styled-components";const{getErrorContent:s}=m,{getAppName:p}=e,l=n.div`
1
+ import{jsx as t,jsxs as o}from"react/jsx-runtime";import{ErrorPage as r}from"../index.js";import{ErrorType as i}from"../../../atoms/types/Errors.js";import{environment as e}from"../../../atoms/utils/auth_environment.js";import m from"../../../atoms/utils/errors.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import n from"styled-components";const{getErrorContent:s}=m,{getAppName:p}=e,l=n.div`
2
2
  display: flex;
3
3
  height: 100vh;
4
4
  `,c=()=>{const e=s(p(import.meta.env.VITE_NAME),i.ERROR_401);return t(l,{children:o(r,{illustration:e.illustration,children:[t(r.Title,{title:e.title}),t(r.Description,{text:e.description}),t(r.Action,{buttonText:e.button?.text,onClick:e.button?.onClick})]})})};export{c as Unauthorized};
@@ -0,0 +1 @@
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as r}from"react";import{Icon as a}from"@equinor/eds-core-react";import{Link as n,IconContainer as o,ItemText as d}from"./MenuItem.styles.js";import{OptionalTooltip as l}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{useSideBar as c}from"../../providers/SideBarProvider.js";const s=t((({currentUrl:t,icon:s,name:m,link:p,onClick:u,disabled:b=!1,replace:f=!1},v)=>{const $=(f?"string"==typeof t&&t===p:t?.includes(p))??!1,{isOpen:h}=c(),g=r((()=>!b&&!$),[b,$]),j=e=>{g?u&&u():e.preventDefault()};return h?e(n,{to:p,$active:$,"aria-disabled":b,$disabled:b,onClick:j,tabIndex:0,$open:!0,ref:v,"data-testid":"sidebar-menu-item",replace:f,children:[s&&i(o,{"data-testid":"icon-container",children:i(a,{data:s,size:24})}),i(d,{$active:$,$disabled:b,variant:"button",group:"navigation",children:m})]}):i(n,{to:p,$active:$,"aria-disabled":b,$disabled:b,onClick:j,$open:h,tabIndex:0,ref:v,"data-testid":"sidebar-menu-item",children:i(l,{title:m,placement:"right",children:s&&i(o,{"data-testid":"icon-container",children:i(a,{data:s,size:24})})})})}));s.displayName="MenuItem";export{s as MenuItem};
@@ -1,4 +1,4 @@
1
- import{Link as e}from"react-router-dom";import{tokens as t}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"../../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{colors:s}=t;r(e)`
1
+ import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.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"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/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"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.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"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import r from"styled-components";const{colors:s}=t,l=r(e)`
2
2
  display: flex;
3
3
  align-self: stretch;
4
4
  align-items: center;
@@ -27,12 +27,12 @@ import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modul
27
27
  outline-offset: -1px;
28
28
  text-decoration: none;
29
29
  }
30
- `;const l=r.div`
30
+ `,m=r.div`
31
31
  padding: ${o.x_small};
32
32
  align-items: center;
33
33
  justify-content: center;
34
34
  width: 32px;
35
35
  height: 32px;
36
- `;r(i)`
36
+ `,n=r(i)`
37
37
  color: ${({$disabled:e})=>e?s.interactive.disabled__text.rgba:s.text.static_icons__default.rgba};
38
- `;export{l as IconContainer};
38
+ `;export{m as IconContainer,n as ItemText,l as Link};
@@ -0,0 +1 @@
1
+ import{MenuItem as e}from"./MenuItem.js";import{SideBar as m}from"./SideBar.js";const r=m;r.Item=e,r.Item.displayName="SideBar.Item";export{r as SideBar};
@@ -0,0 +1 @@
1
+ import{jsxs as r,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n,useRef as t,useCallback as i,useMemo as c}from"react";import{Typography as l,Button as a,Icon as m}from"@equinor/eds-core-react";import{log_out as s}from"@equinor/eds-icons";import{TopBarMenu as u}from"../TopBarMenu.js";import{ProfileButton as d,Container as h,TextContent as p,RolesContainer as f,RoleChip as A,ButtonWrapper as j}from"./Account.styles.js";import{ProfileAvatar as v}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";const C=({account:C,logout:g,photo:B,roles:k,renderCustomButton:q})=>{const[x,y]=n(!1),z=t(null),P=i((()=>y((r=>!r))),[]),T=c((()=>q?q(z,P):null),[q,P]);return r(e,{children:[T||o(d,{ref:z,onClick:P,children:o(v,{size:36,name:C?.name,url:B})}),r(u,{open:x,title:"Account",onClose:()=>y(!1),anchorEl:z.current,children:[r(h,{children:[o(v,{size:64,name:C?.name,url:B}),r(p,{children:[o(l,{variant:"h6",children:C?.name}),o(l,{children:C?.username})]}),k&&o(f,{children:k.map((r=>o(A,{children:r},r)))})]}),o(j,{children:r(a,{variant:"ghost",onClick:g,children:[o(m,{data:s}),"Log out"]})})]})]})};C.displayName="TopBar.Account";export{C as Account};
@@ -0,0 +1,36 @@
1
+ import{Chip as i}from"@equinor/eds-core-react";import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../atoms/style/spacings.js";import o from"styled-components";const{colors:t}=e,s=o.button`
2
+ border-radius: 50%;
3
+ padding: 0;
4
+ outline-offset: ${r.x_small};
5
+ background: none;
6
+ cursor: pointer;
7
+ &:focus {
8
+ outline: 2px dashed ${t.interactive.primary__resting.rgba};
9
+ }
10
+ `,a=o.div`
11
+ padding: ${r.medium} ${r.small} 0 ${r.small};
12
+ display: flex;
13
+ flex-direction: column;
14
+ align-items: center;
15
+ gap: ${r.small};
16
+ > div:first-child {
17
+ border: 1px solid ${t.text.static_icons__primary_white.rgba};
18
+ border-radius: 50%;
19
+ }
20
+ `,d=o.div`
21
+ display: flex;
22
+ flex-direction: column;
23
+ align-items: center;
24
+ `,n=o.section`
25
+ display: flex;
26
+ gap: ${r.small};
27
+ margin-top: ${r.small};
28
+ `,l=o(i)`
29
+ background: ${t.ui.background__light.rgba};
30
+ border: 1px solid ${t.ui.background__medium.rgba};
31
+ color: ${t.text.static_icons__default.rgba};
32
+ `,m=o.div`
33
+ display: grid;
34
+ margin-top: ${r.x_large};
35
+ justify-content: center;
36
+ `;export{m as ButtonWrapper,a as Container,s as ProfileButton,l as RoleChip,n as RolesContainer,d as TextContent};
@@ -0,0 +1,6 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{TopBar as o}from"@equinor/eds-core-react";import{spacings as t}from"../../atoms/style/spacings.js";import i from"styled-components";const s=i(o.Actions)`
2
+ display: flex;
3
+ align-items: center;
4
+ flex-direction: row-reverse;
5
+ gap: ${t.large};
6
+ `,m=e((({children:e},o)=>r(s,{ref:o,children:e})));m.displayName="TopBar.Actions";export{m as Actions};
@@ -0,0 +1 @@
1
+ import{jsxs as r,Fragment as i,jsx as e}from"react/jsx-runtime";import{useState as o,useRef as t}from"react";import{Icon as a,DotProgress as n,Typography as l}from"@equinor/eds-core-react";import{apps as c,exit_to_app as s}from"@equinor/eds-icons";import{tokens as p}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{PortalService as m}from"@equinor/subsurface-app-management";import{useQuery as d}from"@tanstack/react-query";import{TopBarButton as h}from"../TopBar.styles.js";import{TopBarMenu as u}from"../TopBarMenu.js";import{MenuSection as g,ApplicationContent as v,LoadingApplications as f,NoApplications as A,ApplicationBox as j,ApplicationButton as y,ApplicationName as T,MenuFixedItem as _,TextContainer as E}from"./ApplicationDrawer.styles.js";import{environment as C}from"../../../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"../../../molecules/RichTextEditor/RichTextEditor.types.js";import{ApplicationIcon as P}from"../../../molecules/ApplicationIcon/ApplicationIcon.js";import{TransferToAppDialog as b}from"../TransferToAppDialog.js";const{colors:k}=p,{getAppName:q,PORTAL_URL_WITHOUT_LOCALHOST:x}=C,L=()=>{const[p,C]=o(!1),[L,S]=o(void 0),[I,N]=o(!1),{data:z=[],isLoading:O}=d({queryKey:["userApplications"],queryFn:()=>m.userApplications()}),R=t(null),$=()=>C(!p),B=()=>{C(!1),S(void 0)};return r(i,O?{children:[e(h,{variant:"ghost",onClick:$,ref:R,$isSelected:p,children:e(a,{data:c,size:24})}),e(u,{open:p,title:"Your available applications",onClose:B,anchorEl:R.current,contentPadding:!1,children:e(i,{children:e(g,{children:e(v,{children:e(f,{children:e(n,{color:"primary"})})})})})})]}:{children:[e(h,{variant:"ghost",onClick:$,ref:R,$isSelected:p,children:e(a,{data:c,size:24})}),e(u,{open:p,title:"Your available applications",onClose:B,anchorEl:R.current,contentPadding:!1,children:r(i,{children:[r(g,{children:[0===z.length?e(A,{children:e(l,{group:"paragraph",variant:"body_short",style:{color:k.text.static_icons__tertiary.rgba},children:"You don't have access to other applications"})}):e(l,{group:"paragraph",variant:"overline",children:"SWITCH BETWEEN APPS"}),e(v,{children:e(i,{children:z.map(((i,o)=>{const t=q(import.meta.env.VITE_NAME)===i.name;return e(j,{$isSelected:t,"data-testid":`application-box-${i.name}`,children:r(y,{variant:"ghost_icon",onClick:()=>{S(i)},"data-testid":i.name,children:[e(P,{name:i.name.toLowerCase(),size:36}),e(T,{children:e(l,{group:"paragraph",variant:"caption",children:i.name})})]})},o)}))})})]}),e(_,{"data-testid":"access-it-link",onClick:()=>{N(!0)},children:r("div",{children:[r(E,{children:[e(l,{variant:"overline",children:"Access to more applications?"}),e(l,{variant:"h6",children:"Go to Application Portal"})]}),e(a,{data:s,color:k.interactive.primary__resting.rgba,size:24})]})})]})}),I&&e(b,{onClose:B,applicationName:"Portal",url:x}),L&&e(b,{onClose:B,applicationName:L.name,url:L.url})]})};export{L as ApplicationDrawer};
@@ -0,0 +1,73 @@
1
+ import{Button as e}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../atoms/style/spacings.js";import t from"styled-components";const{colors:d,shape:o}=i,a=t.div`
2
+ border-bottom: 1px solid ${d.ui.background__light.rgba};
3
+ display: flex;
4
+ flex-direction: column;
5
+
6
+ padding: ${r.small} ${r.medium} ${r.medium}
7
+ ${r.medium};
8
+ > p {
9
+ margin-left: ${r.small};
10
+ }
11
+ `,n=t.div`
12
+ display: flex;
13
+ align-items: flex-start;
14
+ > p {
15
+ text-align: center;
16
+ }
17
+ `,l=t.div`
18
+ display: grid;
19
+ grid-template-columns: 1fr 1fr 1fr;
20
+ padding-top: ${r.small};
21
+ justify-items: center;
22
+ gap: ${r.small};
23
+ `,s=t.div`
24
+ > div {
25
+ display: grid;
26
+ grid-template-columns: 1fr 24px;
27
+ justify-content: space-between;
28
+ width: 100%;
29
+ }
30
+ &:hover {
31
+ background: ${d.interactive.primary__selected_hover.rgba};
32
+ cursor: pointer;
33
+ }
34
+ border-top: 1px solid ${d.ui.background__light.rgba};
35
+ outline: none !important;
36
+ padding: ${r.medium};
37
+ svg {
38
+ align-self: center;
39
+ }
40
+ `,m=t.div`
41
+ display: flex;
42
+ flex-direction: column;
43
+ > h6 {
44
+ text-transform: capitalize;
45
+ }
46
+ `,p=t.div`
47
+ display: flex;
48
+ padding: ${r.medium};
49
+ `,c=t.div`
50
+ display: flex;
51
+ padding: ${r.large};
52
+ align-items: center;
53
+ grid-column: span 3;
54
+ `,g=t.div`
55
+ display: flex;
56
+ width: 100%;
57
+ justify-content: center;
58
+ flex-direction: column;
59
+ align-items: center;
60
+ background: ${({$isSelected:e})=>e?d.interactive.primary__selected_highlight.rgba:"none"};
61
+ border-radius: ${o.corners.borderRadius};
62
+ &:hover {
63
+ background: ${d.interactive.primary__hover_alt.rgba};
64
+ border-radius: ${o.corners.borderRadius};
65
+ }
66
+ `,u=t(e)`
67
+ height: 96px;
68
+
69
+ > span {
70
+ display: flex;
71
+ flex-direction: column;
72
+ }
73
+ `;export{g as ApplicationBox,u as ApplicationButton,l as ApplicationContent,n as ApplicationName,c as LoadingApplications,s as MenuFixedItem,a as MenuSection,p as NoApplications,m as TextContainer};
@@ -1,4 +1,4 @@
1
- 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`
1
+ 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"react/jsx-runtime";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.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"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";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"../../../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"../../../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"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import t from"styled-components";const{colors:r}=e,s=t.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
 
@@ -17,7 +17,7 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
17
17
  box-shadow: inset 0 -2px 0 0 ${r.interactive.primary__resting.rgba};
18
18
  }
19
19
  }
20
- `,s=t(i)`
20
+ `,l=t(i)`
21
21
  margin: 0 auto ${o.medium};
22
22
  `,m=t.div`
23
23
  max-height: 25vh;
@@ -69,10 +69,10 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
69
69
  display: flex;
70
70
  align-items: center;
71
71
  padding-bottom: ${o.xxx_large};
72
- `,u=t.div`
72
+ `,d=t.div`
73
73
  display: flex;
74
74
  flex-direction: column;
75
75
  > h6 {
76
76
  text-transform: capitalize;
77
77
  }
78
- `;export{m as ListContainer,a as MenuFixedItem,n as MenuItem,p as MenuSection,s as NoFieldsText,c as NoSearchResultsContainer,l as SearchContainer,u as TextContainer};
78
+ `;export{m as ListContainer,a as MenuFixedItem,n as MenuItem,p as MenuSection,l as NoFieldsText,c as NoSearchResultsContainer,s as SearchContainer,d as TextContainer};
@@ -0,0 +1,6 @@
1
+ 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`
2
+ width: 52px;
3
+ height: 32px;
4
+ background-color: ${o=>o.$color};
5
+ box-shadow: ${s.raised};
6
+ `;export{d as Colorbox};
@@ -0,0 +1 @@
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};
@@ -0,0 +1,6 @@
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{spacings as t}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.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 r}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"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";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"../../../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"../../../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"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import i from"styled-components";const s=i.div`
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: flex-start;
5
+ gap: ${t.medium_small};
6
+ `,l=({title:t,children:i})=>e(s,{children:[i,o(r,{variant:"caption",children:t})]});export{l as Item};
@@ -0,0 +1,19 @@
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{spacings as t}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.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"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";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"../../../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"../../../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"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import r from"styled-components";const s=r.div`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: ${t.medium};
5
+ > p {
6
+ padding-left: ${t.medium};
7
+ padding-top: ${t.small};
8
+ }
9
+
10
+ > section {
11
+ display: flex;
12
+ flex-direction: column;
13
+ gap: ${t.medium};
14
+ margin-left: ${t.medium};
15
+ overflow: auto;
16
+ height: fit-content;
17
+ max-height: 66vh;
18
+ }
19
+ `,l=({title:t,children:r})=>e(s,{"data-testid":"guidelines-section",children:[o(i,{variant:"overline",children:t}),o("section",{children:r})]});export{l as Section};
@@ -0,0 +1 @@
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};
@@ -0,0 +1,36 @@
1
+ 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)`
2
+ display: flex;
3
+ `,v=u.div`
4
+ display: flex;
5
+ gap: ${f.comfortable.small};
6
+ padding: ${f.comfortable.medium};
7
+ `,k=u(t)`
8
+ padding: ${f.comfortable.small} 0;
9
+ `,$=u.div`
10
+ padding: ${f.comfortable.small} ${f.comfortable.large};
11
+ `,S=u.span`
12
+ font-family: 'Equionor', sans-serif;
13
+ font-size: 12px;
14
+ border-radius: ${_.rounded.borderRadius};
15
+ border: ${({$active:e})=>e?`solid 1px ${b.interactive.primary__selected_hover.rgba}`:`solid 1px ${b.ui.background__medium.rgba}`};
16
+ background-color: ${({$active:e})=>e?b.interactive.primary__selected_highlight.rgba:b.ui.background__default.rgba};
17
+ color: black;
18
+ padding: ${f.comfortable.x_small} ${f.comfortable.small};
19
+ display: flex;
20
+ flex-direction: row;
21
+ align-items: center;
22
+ grid-gap: ${f.comfortable.small};
23
+ cursor: pointer;
24
+ &:hover {
25
+ background: ${b.interactive.primary__selected_highlight.rgba};
26
+ }
27
+
28
+ > p {
29
+ line-height: normal;
30
+ height: min-content;
31
+ font-size: 12px;
32
+ }
33
+ > svg {
34
+ color: ${({$active:e})=>e?b.text.static_icons__default.rgba:b.interactive.primary__resting.rgba};
35
+ }
36
+ `,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};
@@ -1 +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};
1
+ 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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1,8 @@
1
+ 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`
2
+ display: flex;
3
+ `,j=R.div`
4
+ overflow: auto;
5
+ height: fit-content;
6
+ max-height: 66vh;
7
+ width: 350px;
8
+ `,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};
@@ -0,0 +1,6 @@
1
+ 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.styles.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 r}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"proj4";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../../../../atoms/types/Environment.js";import"../../NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/TutorialStepsProvider.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"../../../../../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"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import i from"styled-components";const{spacings:s}=o,l=i.div`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: ${s.comfortable.medium};
5
+ padding-top: ${s.comfortable.medium_small};
6
+ `,m=({message:o})=>e(l,{"data-testid":t.DEFAULT,children:e(r,{group:"table",variant:"cell_text",children:o})});export{m as DefaultNotification};
@@ -0,0 +1,6 @@
1
+ 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`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: ${n.comfortable.medium};
5
+ padding-top: ${n.comfortable.medium_small};
6
+ `,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};
@@ -0,0 +1,7 @@
1
+ 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`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: ${n.comfortable.medium};
5
+ padding-top: ${n.comfortable.medium_small};
6
+ cursor: pointer;
7
+ `,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};
@@ -0,0 +1,7 @@
1
+ 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.styles.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"proj4";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";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"../../../../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../../../../atoms/types/Environment.js";import"../../NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/TutorialStepsProvider.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"../../../../../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"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import s from"styled-components";const{spacings:l}=t,m=s.div`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: ${l.comfortable.medium};
5
+ align-items: center;
6
+ padding: ${l.comfortable.large};
7
+ `,p=()=>e(m,{children:[o(r,{name:"positive",variant:"filled"}),o(i,{children:" No notifications "})]});export{p as NoNotifications};
@@ -0,0 +1,5 @@
1
+ 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`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: ${n.comfortable.medium};
5
+ `,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};