@equinor/amplify-component-lib 8.1.0 → 8.2.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 (97) hide show
  1. package/dist/atoms/style/colors.d.ts +436 -4
  2. package/dist/atoms/style/colors.js +1 -1
  3. package/dist/atoms/style/darkTokens.d.ts +1 -1
  4. package/dist/atoms/style/darkTokens.js +153 -1
  5. package/dist/atoms/style/lightTokens.d.ts +1 -0
  6. package/dist/atoms/style/lightTokens.js +43 -0
  7. package/dist/atoms/style/spacingTokens.d.ts +1 -1
  8. package/dist/atoms/style/spacingTokens.js +40 -1
  9. package/dist/deprecated/CommentField/CommentField.js +1 -1
  10. package/dist/deprecated/ConfirmationPopup.js +2 -2
  11. package/dist/deprecated/DataCard.js +8 -8
  12. package/dist/deprecated/EditableField.js +2 -2
  13. package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.js +2 -2
  14. package/dist/deprecated/HeaderDrawer.js +5 -5
  15. package/dist/deprecated/MultiSelectDrawer.js +4 -4
  16. package/dist/deprecated/SingleSelectDrawer.js +3 -3
  17. package/dist/deprecated/Workflow/WorkflowDescription.js +4 -4
  18. package/dist/molecules/Badge/Badge.js +1 -1
  19. package/dist/molecules/Badge/Badge.styles.js +2 -2
  20. package/dist/molecules/Chip/Chip.styles.js +13 -13
  21. package/dist/molecules/ContentMenu/ContentMenu.js +19 -19
  22. package/dist/molecules/EquinorLogo/EquinorLogo.js +1 -1
  23. package/dist/molecules/FileProgress/CompactFileProgress.js +1 -1
  24. package/dist/molecules/FileProgress/CompactFileProgress.styles.js +23 -23
  25. package/dist/molecules/FileProgress/RegularFileProgress.js +1 -1
  26. package/dist/molecules/FileProgress/RegularFileProgress.styles.js +10 -10
  27. package/dist/molecules/FileUploadArea/FileUploadArea.js +6 -6
  28. package/dist/molecules/FullPageSpinner/FullPageSpinner.js +5 -5
  29. package/dist/molecules/InfoElement/CopyText.js +9 -9
  30. package/dist/molecules/InfoElement/InfoElement.js +1 -1
  31. package/dist/molecules/ListItem/ListItem.js +8 -8
  32. package/dist/molecules/OptionDrawer/OptionDrawer.styles.js +11 -11
  33. package/dist/molecules/ProfileAvatar/ProfileAvatar.js +6 -6
  34. package/dist/molecules/RichTextDisplay/RichTextDisplay.js +1 -1
  35. package/dist/molecules/RichTextEditor/MenuBar/MenuBar.js +6 -6
  36. package/dist/molecules/RichTextEditor/MenuBar/MenuBar.styles.js +4 -4
  37. package/dist/molecules/RichTextEditor/RichTextEditor.js +1 -1
  38. package/dist/molecules/RichTextEditor/custom-extensions/ExtendedHeaders.js +1 -1
  39. package/dist/molecules/RichTextEditor/index.js +1 -1
  40. package/dist/molecules/Select/Select.styles.js +41 -36
  41. package/dist/molecules/SelectionControls/SelectionControls.styles.js +3 -3
  42. package/dist/molecules/Sieve/Sieve.styles.js +16 -16
  43. package/dist/molecules/Sieve/Sort.js +1 -1
  44. package/dist/molecules/SingleFilterMenu/SingleFilterMenu.js +9 -9
  45. package/dist/molecules/Stepper/Step.js +2 -2
  46. package/dist/molecules/Stepper/Stepper.js +2 -2
  47. package/dist/molecules/TextField/TextField.js +3 -3
  48. package/dist/organisms/ErrorPage/Description.js +1 -1
  49. package/dist/organisms/ErrorPage/Details.js +6 -6
  50. package/dist/organisms/ErrorPage/ErrorPage.js +2 -2
  51. package/dist/organisms/ErrorPage/MissingAccesses.js +2 -2
  52. package/dist/organisms/ErrorPage/Title.js +1 -1
  53. package/dist/organisms/FieldSelector/ChangingField.js +1 -1
  54. package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js +2 -2
  55. package/dist/organisms/FieldSelector/SelectorCard/Skeleton.js +4 -4
  56. package/dist/organisms/FullPageStatus/FullPageStatus.js +2 -2
  57. package/dist/organisms/SideBar/MenuItem.styles.js +3 -3
  58. package/dist/organisms/SideBar/SideBar.styles.js +3 -3
  59. package/dist/organisms/SideBar/ToggleOpen.styles.js +5 -5
  60. package/dist/organisms/TableOfContents/TableOfContents.constants.js +1 -1
  61. package/dist/organisms/TableOfContents/TableOfContents.styles.js +3 -3
  62. package/dist/organisms/Template/Template.js +10 -9
  63. package/dist/organisms/TopBar/Account/Account.styles.js +7 -7
  64. package/dist/organisms/TopBar/Actions.js +2 -2
  65. package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.styles.js +5 -5
  66. package/dist/organisms/TopBar/FieldMenu/FieldMenu.styles.js +1 -1
  67. package/dist/organisms/TopBar/Guidelines/Item.js +1 -1
  68. package/dist/organisms/TopBar/Guidelines/Section.js +1 -1
  69. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js +1 -1
  70. package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/NoNotifications.js +2 -2
  71. package/dist/organisms/TopBar/Resources/Feedback/Feedback.styles.js +1 -1
  72. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Description.js +1 -1
  73. package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.styles.js +4 -4
  74. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js +3 -3
  75. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/FullSlackResponse.js +4 -4
  76. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.js +2 -2
  77. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.styles.js +1 -1
  78. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/Success.js +3 -3
  79. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/FilterHeader/FilterHeader.styles.js +3 -3
  80. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.styles.js +3 -3
  81. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.js +1 -1
  82. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.styles.js +4 -4
  83. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.styles.js +12 -12
  84. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.styles.js +1 -1
  85. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.js +1 -1
  86. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.styles.js +4 -4
  87. package/dist/organisms/TopBar/Resources/ResourceMenuItem.js +2 -2
  88. package/dist/organisms/TopBar/Resources/Resources.js +4 -4
  89. package/dist/organisms/TopBar/Settings.d.ts +2 -15
  90. package/dist/organisms/TopBar/Settings.js +5 -5
  91. package/dist/organisms/TopBar/Settings.types.d.ts +28 -0
  92. package/dist/organisms/TopBar/TopBar.js +1 -1
  93. package/dist/organisms/TopBar/TopBar.styles.js +13 -13
  94. package/dist/organisms/TopBar/TopBarMenu.js +3 -3
  95. package/dist/organisms/TopBar/TransferToAppDialog.js +3 -3
  96. package/dist/organisms/index.d.ts +1 -1
  97. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import{spacings as i}from"../../../../atoms/style/spacings.js";import l from"styled-components";const e=l.div`
1
+ import"../../../../atoms/style/colors.js";import{spacings as i}from"../../../../atoms/style/spacings.js";import l from"styled-components";const e=l.div`
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  grid-template-columns: 1fr 5fr;
@@ -11,13 +11,13 @@ import{spacings as i}from"../../../../atoms/style/spacings.js";import l from"sty
11
11
  max-width: 150px;
12
12
  }
13
13
  }
14
- `,d=l.div`
14
+ `,o=l.div`
15
15
  display: flex;
16
16
  padding-top: 50px;
17
- `,a=l.div`
17
+ `,t=l.div`
18
18
  width: 100%;
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  margin: 0 -${i.small};
22
22
  padding: 50px ${i.small} 0px ${i.small};
23
- `;export{a as FilterContainer,e as HeaderWrapper,d as HeadingContainer};
23
+ `;export{t as FilterContainer,e as HeaderWrapper,o as HeadingContainer};
@@ -1,31 +1,31 @@
1
- import{Button as o}from"@equinor/eds-core-react";import{tokens as r}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as e}from"../../../../../atoms/style/spacings.js";import i from"styled-components";const{shape:a,colors:t}=r,d=i(o)`
2
- border-radius: ${a.rounded.borderRadius};
3
- color: ${t.text.static_icons__default.rgba};
4
- background: ${t.ui.background__light.rgba};
5
- border: 1px solid ${t.ui.background__medium.rgba};
1
+ import{Button as o}from"@equinor/eds-core-react";import{tokens as r}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../../../atoms/style/colors.js";import{spacings as e}from"../../../../../atoms/style/spacings.js";import i from"styled-components";const{shape:t,colors:a}=r,d=i(o)`
2
+ border-radius: ${t.rounded.borderRadius};
3
+ color: ${a.text.static_icons__default.rgba};
4
+ background: ${a.ui.background__light.rgba};
5
+ border: 1px solid ${a.ui.background__medium.rgba};
6
6
  padding: ${e.x_small} ${e.small};
7
7
  height: auto;
8
8
 
9
9
  span > p {
10
- color: ${t.text.static_icons__default.rgba};
10
+ color: ${a.text.static_icons__default.rgba};
11
11
  line-height: normal;
12
12
  height: min-content;
13
13
  font-size: 12px;
14
14
  }
15
15
 
16
16
  &:hover {
17
- background: ${t.ui.background__medium.rgba};
18
- border-radius: ${a.rounded.borderRadius};
19
- color: ${t.interactive.primary__hover.rgba};
17
+ background: ${a.ui.background__medium.rgba};
18
+ border-radius: ${t.rounded.borderRadius};
19
+ color: ${a.interactive.primary__hover.rgba};
20
20
  }
21
21
  `,s=i.div`
22
22
  display: flex;
23
23
  align-items: center;
24
24
  grid-gap: ${e.small};
25
- border-radius: ${a.rounded.borderRadius};
25
+ border-radius: ${t.rounded.borderRadius};
26
26
  height: auto;
27
- background-color: ${t.ui.background__light.rgba};
28
- color: ${t.text.static_icons__default.rgba};
27
+ background-color: ${a.ui.background__light.rgba};
28
+ color: ${a.text.static_icons__default.rgba};
29
29
  padding: ${e.x_small} ${e.small};
30
30
 
31
31
  > p {
@@ -1,4 +1,4 @@
1
- import{Button as e,Typography as i}from"@equinor/eds-core-react";import{tokens as o}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../../../../atoms/style/spacings.js";import d from"styled-components";const{shape:r,elevation:a}=o,n=d.div`
1
+ import{Button as e,Typography as i}from"@equinor/eds-core-react";import{tokens as o}from"../../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../../../../atoms/style/colors.js";import{spacings as t}from"../../../../../../atoms/style/spacings.js";import d from"styled-components";const{shape:r,elevation:a}=o,n=d.div`
2
2
  position: relative;
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{tokens as t}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{ReleasePost as r}from"./ReleasePost/ReleasePost.js";import{ContainerNoResults as i,Container as s}from"./ReleasePosts.styles.js";import{monthValueToString as l}from"../../../../../atoms/utils/releaseNotes.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 m}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{useReleaseNotes as a}from"../../../../../providers/ReleaseNotesProvider.js";const{colors:n}=t,p=({posts:t})=>{const{search:p,selectedReleaseNoteTypes:c,filteredData:u,releaseNotesYears:d}=a();return t&&0!==t?.length?0===u?.length?e(i,{children:e(m,{group:"heading",variant:"h4",color:n.text.static_icons__default.rgba,children:`Nothing matching "${p.searchValue??""} ${c?.map((e=>e.value)).join(", ")??""}"`})}):e(s,{children:d?.map(((t,i)=>o(s,{children:[e(m,{variant:"h4",id:t.value,children:t.label}),t.children?.flatMap((o=>{const t=u?.filter((e=>e.createdDate&&l(new Date(e.createdDate))===o.value));return[e(m,{variant:"h5",id:o.value,children:o.label},`month-${o.label}`),...t.map((t=>e(r,{...t},`${o.label}-${t.releaseId}`)))]}))]},`year-${t.value}-${i}`)))}):e(i,{children:e(m,{group:"heading",variant:"h4",color:n.text.static_icons__default.rgba,children:"There are no posts at the moment"})})};export{p as ReleasePosts};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{tokens as t}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{ReleasePost as r}from"./ReleasePost/ReleasePost.js";import{ContainerNoResults as i,Container as s}from"./ReleasePosts.styles.js";import{monthValueToString as l}from"../../../../../atoms/utils/releaseNotes.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 m}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../../../atoms/style/colors.js";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{useReleaseNotes as a}from"../../../../../providers/ReleaseNotesProvider.js";const{colors:n}=t,p=({posts:t})=>{const{search:p,selectedReleaseNoteTypes:c,filteredData:u,releaseNotesYears:d}=a();return t&&0!==t?.length?0===u?.length?e(i,{children:e(m,{group:"heading",variant:"h4",color:n.text.static_icons__default.rgba,children:`Nothing matching "${p.searchValue??""} ${c?.map((e=>e.value)).join(", ")??""}"`})}):e(s,{children:d?.map(((t,i)=>o(s,{children:[e(m,{variant:"h4",id:t.value,children:t.label}),t.children?.flatMap((o=>{const t=u?.filter((e=>e.createdDate&&l(new Date(e.createdDate))===o.value));return[e(m,{variant:"h5",id:o.value,children:o.label},`month-${o.label}`),...t.map((t=>e(r,{...t},`${o.label}-${t.releaseId}`)))]}))]},`year-${t.value}-${i}`)))}):e(i,{children:e(m,{group:"heading",variant:"h4",color:n.text.static_icons__default.rgba,children:"There are no posts at the moment"})})};export{p as ReleasePosts};
@@ -1,16 +1,16 @@
1
- import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../../../atoms/style/spacings.js";import n from"styled-components";const{shape:o}=e,i=n.div`
1
+ import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../../../atoms/style/colors.js";import{spacings as t}from"../../../../../atoms/style/spacings.js";import o from"styled-components";const{shape:i}=e,n=o.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: center;
5
5
  justify-content: center;
6
6
  padding: 30px;
7
7
  height: 168px;
8
- border-radius: ${o.corners.borderRadius};
8
+ border-radius: ${i.corners.borderRadius};
9
9
  border: dotted 2px lightgray;
10
10
  width: calc(100% - 348px); // Remove padding and left container
11
11
  margin-left: 200px; // move the container as opposed to creating an empty element representing the left container
12
- `,r=n.div`
12
+ `,r=o.div`
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  gap: ${t.medium};
16
- `;export{r as Container,i as ContainerNoResults};
16
+ `;export{r as Container,n as ContainerNoResults};
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as r}from"react";import{Icon as o,Typography as t}from"@equinor/eds-core-react";import{external_link as n,arrow_forward as a}from"@equinor/eds-icons";import{tokens as s}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as m}from"../../../atoms/style/spacings.js";import l from"styled-components";const{colors:c}=s,d=l.div`
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as r}from"react";import{Icon as o,Typography as t}from"@equinor/eds-core-react";import{external_link as n,arrow_forward as s}from"@equinor/eds-icons";import{tokens as a}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as m}from"../../../atoms/style/spacings.js";import l from"styled-components";const{colors:c}=a,d=l.div`
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  align-items: center;
@@ -17,4 +17,4 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as r}from"react
17
17
  &:hover {
18
18
  background-color: ${c.interactive.primary__hover_alt.rgba};
19
19
  }
20
- `,g=({text:s,icon:m,isHref:l,onClick:g,id:u,lastItem:f=!1})=>r((()=>e(p,{id:u,onClick:g,role:"menuitem",children:[e(d,{children:[i(o,{data:m,size:24,color:c.interactive.primary__resting.rgba}),i(t,{group:"navigation",variant:"menu_title",as:"span",children:s})]}),!f&&i(o,{data:l?n:a,size:24,color:c.interactive.primary__resting.hsla})]})),[m,u,l,f,g,s]);export{g as ResourceMenuItem};
20
+ `,g=({text:a,icon:m,isHref:l,onClick:g,id:u,lastItem:f=!1})=>r((()=>e(p,{id:u,onClick:g,role:"menuitem",children:[e(d,{children:[i(o,{data:m,size:24,color:c.interactive.primary__resting.rgba}),i(t,{group:"navigation",variant:"menu_title",as:"span",children:a})]}),!f&&i(o,{data:l?n:s,size:24,color:c.interactive.primary__resting.hsla})]})),[m,u,l,f,g,a]);export{g as ResourceMenuItem};
@@ -1,6 +1,6 @@
1
- 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"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import{useReleaseNotes as E}from"../../../providers/ReleaseNotesProvider.js";import G from"styled-components";const{PORTAL_URL_WITHOUT_LOCALHOST:I}=y,N=G(n)`
1
+ import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as i,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 p,report_bug as d,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 y,amplify_resources as O}from"../../../atoms/icons/other.js";import"../../../atoms/style/colors.js";import{spacings as S}from"../../../atoms/style/spacings.js";import{environment as b}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{useReleaseNotes as E}from"../../../providers/ReleaseNotesProvider.js";import G from"styled-components";const{PORTAL_URL_WITHOUT_LOCALHOST:I}=b,N=G(n)`
2
2
  width: fit-content;
3
3
  `,B=G.div`
4
- padding: ${b.medium} ${b.medium} ${b.small}
5
- ${b.medium};
6
- `,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};
4
+ padding: ${S.medium} ${S.medium} ${S.small}
5
+ ${S.medium};
6
+ `,U=({field:S,hideFeedback:b=!1,hideReleaseNotes:G=!1,hideLearnMore:U=!1,children:A,tutorialOptions:L,showTutorials:F,customButton:H})=>{const{open:P,toggle:$}=E(),[D,_]=t(!1),[w,M]=t(!1),[q,Q]=t(!1),[W,z]=t(!1),[J,K]=t(void 0),V=i(null),[X,Y]=t(void 0),Z=()=>{K(void 0),_(!1)},ee=()=>_((e=>!e)),oe=e=>{Y(e?.currentTarget.id),M(!0)},re=()=>{Y(void 0),Z(),M(!1)},te=()=>K(void 0),ie=()=>{Q(!0)},se=()=>{z(!0)},ne=s((()=>"learn-more"===J?e(o,{children:[r(x,{text:"Open Application portal",icon:y,onClick:ie,isHref:!0}),F&&r(x,{text:"Tutorials",icon:c,onClick:se,lastItem:!0}),A&&!b&&!G&&r(a,{style:{margin:0}}),A&&r("div",{onClick:Z,children:A}),r(B,{children:e(l,{variant:"outlined",onClick:te,children:[r(m,{data:p})," Back"]})})]}):null),[A,b,G,F,J]);return e(o,{children:[H?H(V,ee):r(g,{variant:"ghost",ref:V,id:"anchor-match","aria-haspopup":"true","aria-expanded":D,"aria-controls":"menu-match",onClick:ee,$isSelected:D,children:r(m,{data:O})}),r(j,{open:D&&!P&&!w,title:"Resources",onClose:Z,anchorEl:V.current,children:ne||e(o,{children:[r(x,{id:v.BUG,onClick:oe,icon:d,text:"Report a bug",lastItem:!0}),r(x,{id:v.SUGGESTION,onClick:oe,icon:u,text:"Suggest idea",lastItem:!0}),!G&&r(x,{id:"release-notes",icon:h,onClick:$,text:"Open release notes",isHref:!0}),!U&&r(x,{text:"Learn more",icon:f,onClick:()=>K("learn-more")})]})}),W&&L&&r(R,{options:L,open:W,onClose:()=>{z(!1),Z()}}),P&&r(C,{}),!b&&void 0!==X&&e(N,{open:X===v.BUG||X===v.SUGGESTION,onClose:re,isDismissable:!0,children:[r(n.Header,{children:X===v.BUG?"Report a bug - ServiceNow":"Suggest a feature"}),r(k,{field:S,selectedType:X,onClose:re})]}),q&&r(T,{onClose:()=>{Q(!1),Z()},url:I,applicationName:"Portal"})]})};export{U as Resources};
@@ -1,18 +1,5 @@
1
- import { FC, ReactElement } from 'react';
2
- export interface SettingsSection {
3
- title: string;
4
- type: string;
5
- onChange?: (val: unknown) => void;
6
- items: {
7
- label: string;
8
- name: string;
9
- value: unknown;
10
- colorBox?: string;
11
- element?: ReactElement;
12
- text?: string;
13
- disabled?: boolean;
14
- }[];
15
- }
1
+ import { FC } from 'react';
2
+ import { SettingsSection } from './Settings.types';
16
3
  export interface SettingsProps {
17
4
  allSettings: SettingsSection[];
18
5
  }
@@ -1,4 +1,4 @@
1
- import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useRef as l,useState as r}from"react";import{Icon as t,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 x from"styled-components";const{elevation:h}=s,u=x.div`
1
+ import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useRef as l,useState as r}from"react";import{Icon as t,Typography as a,Radio as n}from"@equinor/eds-core-react";import{settings as s}from"@equinor/eds-icons";import{tokens as d}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"../../atoms/style/colors.js";import{spacings as p}from"../../atoms/style/spacings.js";import u from"styled-components";const{elevation:x}=d,h=u.div`
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  align-items: center;
@@ -8,13 +8,13 @@ import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useRef as
8
8
  > span {
9
9
  padding: ${p.small} ${p.x_small};
10
10
  }
11
- `,g=x.div`
11
+ `,g=u.div`
12
12
  width: 64px;
13
13
  height: 32px;
14
14
  background-color: ${e=>e.$color};
15
- box-shadow: ${h.raised};
15
+ box-shadow: ${x.raised};
16
16
  border-radius: 4px;
17
- `,f=x.div`
17
+ `,f=u.div`
18
18
  display: flex;
19
19
  flex-direction: column;
20
20
  gap: ${p.medium};
@@ -22,4 +22,4 @@ import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useRef as
22
22
  padding-top: ${p.small};
23
23
  padding-left: ${p.medium};
24
24
  }
25
- `,$=({allSettings:s})=>{const p=l(null),[x,h]=r(!1);return e(o,{children:[i(m,{variant:"ghost",onClick:()=>h(!x),ref:p,$isSelected:x,children:i(t,{data:d,size:24})}),i(c,{open:x,title:"Settings",onClose:()=>h(!1),anchorEl:p.current,children:i(f,{children:s.map(((o,l)=>e("div",{children:[i(a,{variant:"overline",children:o.title}),o.items.map(((l,r)=>e(u,{children:[i(n,{disabled:l.disabled,label:l.label,name:l.name,value:`${l.label}-${r}`,checked:o.type===l.value,onChange:()=>o.onChange?.(l.value)}),l.colorBox&&i(g,{$color:l.colorBox,"data-testid":`colorbox-${l.colorBox}`}),l.text&&i(a,{variant:"h6",children:l.text}),l.element&&l.element]},r)))]},l)))})})]})};$.displayName="TopBar.Settings";export{$ as Settings};
25
+ `,$=({allSettings:d})=>{const p=l(null),[u,x]=r(!1);return e(o,{children:[i(m,{variant:"ghost",onClick:()=>x(!u),ref:p,$isSelected:u,children:i(t,{data:s,size:24})}),i(c,{open:u,title:"Settings",onClose:()=>x(!1),anchorEl:p.current,children:i(f,{children:d.map(((o,l)=>e("div",{children:[i(a,{variant:"overline",children:o.title}),o.items.map(((l,r)=>e(h,{children:[i(n,{disabled:l.disabled,label:l.label,name:l.name,value:`${l.label}-${r}`,checked:o.value===l.value,onChange:()=>o.onChange?.(l.value)}),l.colorBox&&i(g,{$color:l.colorBox,"data-testid":`colorbox-${l.colorBox}`}),l.text&&i(a,{variant:"h6",children:l.text}),l.element&&l.element]},r)))]},l)))})})]})};$.displayName="TopBar.Settings";export{$ as Settings};
@@ -0,0 +1,28 @@
1
+ import { ReactElement } from 'react';
2
+ interface GenericSettingsSectionItem {
3
+ label: string;
4
+ name: string;
5
+ colorBox?: string;
6
+ element?: ReactElement;
7
+ text?: string;
8
+ disabled?: boolean;
9
+ }
10
+ interface GenericSettingsSection {
11
+ title: string;
12
+ }
13
+ type StringSettingsSection = GenericSettingsSection & {
14
+ value: string;
15
+ onChange?: (val: string) => void;
16
+ items: (GenericSettingsSectionItem & {
17
+ value: string;
18
+ })[];
19
+ };
20
+ type NumberSettingsSection = GenericSettingsSection & {
21
+ value: number;
22
+ onChange?: (val: number) => void;
23
+ items: (GenericSettingsSectionItem & {
24
+ value: number;
25
+ })[];
26
+ };
27
+ export type SettingsSection = StringSettingsSection | NumberSettingsSection;
28
+ export {};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{FieldMenu as r}from"./FieldMenu/FieldMenu.js";import{Bar as t,AppAndFieldContainer as s,AppIdentifier as l,AppName as m,CircularProgress as n,EnvironmentTag as a}from"./TopBar.styles.js";import{EnvironmentType as p}from"../../atoms/types/Environment.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import{ApplicationIcon as c}from"../../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 u}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"./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 d=i((({children:i,onHeaderClick:d,applicationIcon:j,applicationName:h,environment:S,isFetching:v=!1,capitalize:g=!1,availableFields:T,onSelectField:f,currentField:E,showAccessITLink:F},P)=>e(t,{ref:P,children:[e(s,{children:[e(l,{onClick:d,tabIndex:0,children:[o(c,{name:j,size:32,animationState:"hoverable"}),o(m,{group:"navigation",variant:"menu_title",$capitalize:g,children:g?h.toLowerCase():h})]}),T&&f&&o(r,{availableFields:T,onSelect:f,currentField:E,showAccessITLink:F}),v&&o(n,{size:16})]}),(S===p.DEVELOP||S===p.STAGING||S===p.LOCALHOST)&&o(a,{$environmentType:S,children:o(u,{group:"heading",variant:"h5",children:S})}),i]})));d.displayName="TopBar";export{d as TopBar};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{FieldMenu as t}from"./FieldMenu/FieldMenu.js";import{Bar as r,AppAndFieldContainer as s,AppIdentifier as l,AppName as m,CircularProgress as n,EnvironmentTag as a}from"./TopBar.styles.js";import{EnvironmentType as p}from"../../atoms/types/Environment.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import{ApplicationIcon as c}from"../../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 u}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../atoms/style/colors.js";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"./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 d=i((({children:i,onHeaderClick:d,applicationIcon:j,applicationName:h,environment:S,isFetching:v=!1,capitalize:g=!1,availableFields:T,onSelectField:f,currentField:E,showAccessITLink:F},P)=>e(r,{ref:P,children:[e(s,{children:[e(l,{onClick:d,tabIndex:0,children:[o(c,{name:j,size:32,animationState:"hoverable"}),o(m,{group:"navigation",variant:"menu_title",$capitalize:g,children:g?h.toLowerCase():h})]}),T&&f&&o(t,{availableFields:T,onSelect:f,currentField:E,showAccessITLink:F}),v&&o(n,{size:16})]}),(S===p.DEVELOP||S===p.STAGING||S===p.LOCALHOST)&&o(a,{$environmentType:S,children:o(u,{group:"heading",variant:"h5",children:S})}),i]})));d.displayName="TopBar";export{d as TopBar};
@@ -1,5 +1,5 @@
1
- import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equinor/eds-core-react";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as n}from"../../atoms/style/spacings.js";import{EnvironmentType as a}from"../../atoms/types/Environment.js";import s from"styled-components";const{colors:d}=o,l=s(e)`
2
- border-bottom: 1px solid ${d.ui.background__medium.rgba};
1
+ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equinor/eds-core-react";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{EnvironmentType as a}from"../../atoms/types/Environment.js";import s from"styled-components";const{colors:l}=o,d=s(e)`
2
+ border-bottom: 1px solid ${l.ui.background__medium.rgba};
3
3
  padding-left: ${n.medium};
4
4
  align-content: center;
5
5
  position: relative;
@@ -16,7 +16,7 @@ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equin
16
16
  }
17
17
  &:focus {
18
18
  border-radius: 4px;
19
- outline: 2px dashed ${d.interactive.primary__resting.rgba};
19
+ outline: 2px dashed ${l.interactive.primary__resting.rgba};
20
20
  }
21
21
  `,p=s(e.Header)`
22
22
  display: flex;
@@ -24,14 +24,14 @@ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equin
24
24
  gap: ${n.medium};
25
25
  `,g=s(i)`
26
26
  text-transform: ${e=>e.$capitalize?"capitalize":"none"};
27
- `,b=s(r)`
27
+ `,m=s(r)`
28
28
  circle {
29
- stroke: ${d.interactive.primary__resting.rgba};
29
+ stroke: ${l.interactive.primary__resting.rgba};
30
30
  }
31
31
  circle:first-child {
32
- stroke: ${d.interactive.primary__hover_alt.rgba};
32
+ stroke: ${l.interactive.primary__hover_alt.rgba};
33
33
  }
34
- `;const m=s.div`
34
+ `;const b=s.div`
35
35
  width: 214px;
36
36
  height: 36px;
37
37
  border-radius: 4px;
@@ -42,24 +42,24 @@ import{TopBar as e,Typography as i,CircularProgress as r,Button as t}from"@equin
42
42
  left: 50%;
43
43
  transform: translateX(-50%);
44
44
  text-transform: capitalize;
45
- ${e=>function(e){let i="none",r="none";return e===a.LOCALHOST?(i=d.interactive.disabled__fill.rgba,r=d.interactive.disabled__text.rgba):e===a.DEVELOP?(i=d.ui.background__info.rgba,r=d.infographic.substitute__blue_overcast.rgba):e===a.STAGING&&(i=d.ui.background__warning.rgba,r=d.interactive.warning__text.rgba),`\n background-color: ${i};\n border: 1px solid ${r};\n `}(e.$environmentType)}
45
+ ${e=>function(e){let i="none",r="none";return e===a.LOCALHOST?(i=l.interactive.disabled__fill.rgba,r=l.interactive.disabled__text.rgba):e===a.DEVELOP?(i=l.ui.background__info.rgba,r=l.infographic.substitute__blue_overcast.rgba):e===a.STAGING&&(i=l.ui.background__warning.rgba,r=l.interactive.warning__text.rgba),`\n background-color: ${i};\n border: 1px solid ${r};\n `}(e.$environmentType)}
46
46
  `,u=s.div`
47
- background-color: ${d.interactive.danger__resting.rgba};
47
+ background-color: ${l.interactive.danger__resting.rgba};
48
48
  width: 10px;
49
49
  height: 10px;
50
50
  border-radius: 50%;
51
51
  position: absolute;
52
52
  right: 2px;
53
53
  top: 4px;
54
- border: 2px solid ${d.text.static_icons__primary_white.rgba};
54
+ border: 2px solid ${l.text.static_icons__primary_white.rgba};
55
55
  // Box-sizing is a quickfix for use in PWEX because of global styling
56
56
  box-sizing: content-box;
57
57
  `,_=s(t)`
58
58
  height: ${({$fieldSelector:e})=>e?"":"36px"};
59
59
  width: ${({$fieldSelector:e})=>e?"":"36px"};
60
60
  border: ${({$isSelected:e})=>e?"1px solid #132E31":"1px solid none"};
61
- color: ${({$isSelected:e})=>e?"#132E31":d.interactive.primary__resting.rgba};
61
+ color: ${({$isSelected:e})=>e?"#132E31":l.interactive.primary__resting.rgba};
62
62
  &:hover ${u} {
63
- border: 2px solid ${d.interactive.primary__hover_alt.rgba};
63
+ border: 2px solid ${l.interactive.primary__hover_alt.rgba};
64
64
  }
65
- `;export{p as AppAndFieldContainer,c as AppIdentifier,g as AppName,l as Bar,b as CircularProgress,m as EnvironmentTag,_ as TopBarButton,u as UnreadRedDot};
65
+ `;export{p as AppAndFieldContainer,c as AppIdentifier,g as AppName,d as Bar,m as CircularProgress,b as EnvironmentTag,_ as TopBarButton,u as UnreadRedDot};
@@ -1,7 +1,7 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useEffect as o}from"react";import{Menu as n}from"@equinor/eds-core-react";import{spacings as r}from"../../atoms/style/spacings.js";import i from"styled-components";const a=i(n)`
1
+ import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useEffect as e}from"react";import{Menu as r}from"@equinor/eds-core-react";import"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import i from"styled-components";const a=i(r)`
2
2
  padding: 0 !important;
3
3
  min-width: 350px;
4
4
  width: fit-content;
5
5
  border-radius: 5px;
6
- ${({$withGap:e})=>e&&` > div[role="menu"] {\n gap: ${r.large}; \n \n }\n `}
7
- `,m=t((({open:t,onClose:n,children:r,anchorEl:i,isNotification:m,withGap:p=!1},s)=>(o((()=>{const e=()=>{t&&n()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t,n]),t?e(a,{open:t,onClose:n,anchorEl:i,placement:m?"bottom":"bottom-end","data-testid":"top-bar-menu",ref:s,$withGap:p,children:r}):null)));m.displayName="TopBarMenu";export{m as TopBarMenu};
6
+ ${({$withGap:o})=>o&&` > div[role="menu"] {\n gap: ${n.large}; \n \n }\n `}
7
+ `,s=t((({open:t,onClose:r,children:n,anchorEl:i,isNotification:s,withGap:m=!1},p)=>(e((()=>{const o=()=>{t&&r()};return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}}),[t,r]),t?o(a,{open:t,onClose:r,anchorEl:i,placement:s?"bottom":"bottom-end","data-testid":"top-bar-menu",ref:p,$withGap:m,children:n}):null)));s.displayName="TopBarMenu";export{s as TopBarMenu};
@@ -1,4 +1,4 @@
1
- import{jsx as i,Fragment as r,jsxs as t}from"react/jsx-runtime";import{Dialog as e,Typography as o,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(e)`
1
+ 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"../../atoms/style/colors.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)`
2
2
  width: 400px;
3
3
  height: 323px;
4
4
  `,f=h.div`
@@ -15,7 +15,7 @@ import{jsx as i,Fragment as r,jsxs as t}from"react/jsx-runtime";import{Dialog as
15
15
  width: 100%;
16
16
  max-width: 370px;
17
17
  padding: ${d.medium} ${d.large};
18
- `,v=h(o)`
18
+ `,v=h(e)`
19
19
  span {
20
20
  text-transform: capitalize;
21
21
  }
@@ -30,4 +30,4 @@ import{jsx as i,Fragment as r,jsxs as t}from"react/jsx-runtime";import{Dialog as
30
30
  width: 100%;
31
31
  align-items: center;
32
32
  padding: ${d.large} 0;
33
- `,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(e.Header,{children:["Open link",i(s,{variant:"ghost_icon",onClick:d,"data-testid":"close-transfer-app",children:i(n,{data:m})})]}),i(e.CustomContent,{children:i(f,{children:y?t(j,{children:[i(v,{variant:"h3",children:i("span",{children:l.capitalize(h)})}),i(c,{size:"small"})]}):t(g,{children:[t(o,{variant:"h3",children:["Transferring you to application.",".".repeat(k/35)]}),i(a,{variant:"determinate",value:k})]})})})]})})};export{x as TransferToAppDialog};
33
+ `,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,{size:"small"})]}):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};
@@ -5,8 +5,8 @@ export type { FieldSelectorProps } from './FieldSelector/FieldSelector';
5
5
  export { SideBar } from './SideBar';
6
6
  export type { ItemType } from './SideBar';
7
7
  export { TopBar } from './TopBar';
8
- export type { SettingsSection } from './TopBar/Settings';
9
8
  export type { GuidelineSections } from './TopBar/Guidelines/Guidelines';
9
+ export type { SettingsSection } from './TopBar/Settings.types';
10
10
  export { FullPageStatus } from './FullPageStatus/FullPageStatus';
11
11
  export { ErrorPage } from './ErrorPage';
12
12
  export { GlitchAnimation } from './ErrorPage/illustrations/GlitchAnimation';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/amplify-component-lib",
3
- "version": "8.1.0",
3
+ "version": "8.2.0",
4
4
  "description": "Frontend Typescript components for the Amplify team",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",